/* CS0 Оформления меню навигации основного и вспомогательного 
--------------------------------------------------------------------------------- */
/* выравнивание навигации по форуму, с закреплением на месте */
 div#pun-navlinks {
   text-transform: uppercase;
   font-weight: bold;
   font-family: oswald;
       font-size: 16px;
       position: absolute;
       margin-left: -15px;
       width: 984px;
       top: 0px;
      }


 div#pun-ulinks {
   text-transform: uppercase;
       position: absolute;
       font-size: 10px;
       margin-left: -18px;
       width: 984px;
       top: 548px;
       }

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

/* Цвет навигации до наведения */
#pun-navlinks a {
  font-weight: bold;
  font-style: normal;
  color: #7dbeb8;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;}

/* Цвет навигации при наведении */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #bfbfe7;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #bfbfe7;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;}


/* репутация и сообщения на одной строчке*/
.pa-posts {
text-align: center; 
display: inline-block;
padding: 15px;
width: 50px;
  border-radius: 5px;
  background-color: #e7e7ec;
  border: 1px solid #c1c1c1;
  font-family: oswald;
  text-transform: lowercase;
  font-size: 10px; !important;
  letter-spacing: 0px;
  box-shadow: #d1d1d1 0px 0px 2px 0px
}

.pa-respect {
text-align: center;
display: inline-block;
padding: 15px;
width: 50px;
  border-radius: 5px;
  background-color: #e7e7ec;
  border: 1px solid#c1c1c1;
  font-family: oswald;
  text-transform: lowercase;
  font-size: 10px; !important;
  letter-spacing: 0px;
  box-shadow: #d1d1d1 0px 0px 2px 0px
}




.pa-avatar.item2 img {
max-width: 180px;
margin-bottom: 0px;
border: solid;
border-width: 1px;
border-color: #ffffff;
  padding: 0em;
    margin: 0.0em;
    text-align: center;
margin-left: 0px!important;
margin-top: -10px!important;
box-shadow: 0px 0px 0px #;
}

/* ник */
.pa-author a, .pa-author {text-align: center;
  color: #7dbeb8 !important; 
  font-family: "oswald";
  border-bottom: 0px none #000;
  text-transform: uppercase;
  font-size: 16px; !important;
  padding-bottom: 18px !important;
  padding-top: 0px !important;
  font-weight: bold;  
  font-style: regular;
text-shadow: 0px 0px 1px # !important;
}


/* CS1 Цвет текста, размер, шрифт и прочее 
-------------------------------------------------------------------------- */
/* CS1.1 основные элементы текста, посты, профиль, онлайн лист и т.д */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend 
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer 
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, 
#pun-title, #pun-title .container, .punbb .modmenu .container
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl
li#onlinelist, li#onlinelist div {
  background-color: transparent; 
  }



/* CS1.2 цвет текста цитаты и кодов */
.punbb .quote-box, .punbb .code-box {
  background-color: #d6d6e6;
  color: #6e708b;
  }

/* CS1.3 цвета ссылок, до, после и во время клика */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #6e708b; text-shadow: 1px 1px 0px #fffdfb;
  text-decoration: none;}


.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #7dbeb8; text-shadow: 1px 1px 0px #fffdfb;
  text-decoration: none; }


/* CS2 Цветовая схема и изображения форума 
-------------------------------------------------------------------------- */
/* CS2.1 Основной фон форума, ссылка изображения на картинку */
html, body { background: url("https://image.ibb.co/kQUvoo/14.png"); background-color: #e6e6e7; background-repeat; }

/* CS2.2 Цвет задника и ссылка на изображение */
#pun {background-color: #dbdbea; 
background-image: url(https://image.ibb.co/nGe6uT/12.png);}

/* CS2.3 Параметры и изображение шапки */
#pun-title table {
background-image : url(https://image.ibb.co/nsoLOo/1.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 640px;
width: 1280px;
  margin-left: -156px;}


/* CS2.4 Изображение низа форума */
 #pun-about p.container {
background-image : url(https://image.ibb.co/egyOR8/13.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 140px;
width: 1026px; 
margin-left: -34px;
text-align: center;
border-color: transparent;
margin-bottom: -7px;
font-size:0 !important;
}

body { background: url("https://image.ibb.co/kQUvoo/14.png") repeat-x top left, 
url("https://image.ibb.co/kQUvoo/14.png");  
background-color: #;
}
div#html-footer {
        margin: 0px 0px 0px 0px;}
div#pun-about {
       margin-bottom:-90px;
}
div#html-footer {
        margin: -70px 0px 0px 0px;}
#pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS2.5 Иконки форума */
/* старые сообщения*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: -25px;
margin-right: 25px;
width: 83px;
height: 67px;
background-image : url(http://funkyimg.com/i/2dnF2.png);
background-repeat: no-repeat;}

/* новые сообщения */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2dnF1.png);
background-repeat: no-repeat;
width: 83px;
height: 67px;}

/* важные темы*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2dnFb.png);
background-repeat: no-repeat;
width: 83px;
height: 67px;}

/* закрытые темы*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2dnFh.png);
background-repeat: no-repeat;
width: 83px;
height: 67px;}

/* иконка статистики */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2dqqv.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 105px;
padding-top: 20px;}


/* CS2.6 Замена названий категорий на изображения */

#pun-category1.category h2 {
background: url(https://image.ibb.co/cNZReT/image.png);
height: 103px;
width: 536px;
font-size:0 !important;
margin-left: 210px;}

#pun-category2.category h2 {
background: url(https://preview.ibb.co/ddZs3o/image.png) center no-repeat; 
height: 277px;
width: 1007px;
font-size:0 !important;
margin-left: 0px;}

#pun-category3.category h2 {
background: url(https://image.ibb.co/m8q218/image.png) center center no-repeat; 
height: 115px;
width: 545px
font-size:0 !important;
margin-left: 0px;}

#pun-category4.category h2 {
background: url(https://image.ibb.co/m8q218/image.png) center center no-repeat; 
height: 115px;
width: 545px
font-size:0 !important;
margin-left: 0px;}

#pun-category5.category h2 {
background: url(https://image.ibb.co/m8q218/image.png) center center no-repeat; 
height: 115px;
width: 545px
font-size:0 !important;
margin-left: 0px;}

#pun-category6.category h2 {
background: url(https://image.ibb.co/m8q218/image.png) center center no-repeat; 
height: 115px;
width: 545px
font-size:0 !important;
margin-left: 0px;}

/* картинка статистики с надписью "статистика" */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 167px;
width: 1010px;
margin-left: -33px;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* форма ответа "название" */
#post-form h2 {
background: url() center center no-repeat; 
width: 397px;
height: 12px;
margin-left: 250px;}
#post-form h2 span {
display: none;}


/* CS3 Настройка прочих элементов форума. Таких как цитаты, блок кода, админка, реклама и прочее
-------------------------------------------------------------------------- */
/* CS3.1 Стиль формы ответа и блока ввода кода в админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("");
background-color: #f2f2f9;
border: 1px solid #afc2c0;
color: #000000}

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

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


/* отключение бордеров на форуме/
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-crumbs2.section .crumbs {display: none; }
#pun-about.section .container .item1 {display: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

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


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

/* навигация цсс */
a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px;border-radius: 10px; background: #4a0207; color: #cabbcd;  padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #cabbcd; text-decoration: none; color: #4a0207; text-align: center; padding: 1px 2px 2px 20px;border-radius: 10px;}

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


/* кнопка "отправить" и пр. после наведения */
.button:hover, .button:active, .button:focus {
   color: #000000 !important;
}

.pa-avatar.item2 img {
max-width: 200px;
margin-bottom:12px;
border-style: solid;
border-width: 4px;
  padding: 0em;
    background: url() repeat scroll 0 0;
border-color: #dbc0de;
border-style: none;
    margin: 0.0em;
    text-align: center;
margin-left: 0px !important;
margin-top: 2px !important;
}


font-family: 'Alegreya Sans SC', sans-serif;
font-family: 'Oranienbaum', serif;
font-family: 'Calligraffitti', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Romanesco', cursive;
font-family: 'Stint Ultra Condensed', cursive;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Over the Rainbow', cursive;
font-family: 'Loved by the King', cursive;
font-family: 'Pathway Gothic One', sans-serif;
font-family: 'Archivo Narrow', sans-serif;
font-family: 'Playball', cursive;
font-family: 'Bangers', cursive;
font-family: 'Sancreek', cursive;

#pun-reputation div, #pun-popup_awards div {background-color: #eeeae5 !important; 
padding: 11px;
padding-top:10px;
border-top: 6px solid #7cb0f2;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 6px solid #7cb0f2;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e5d3c4;
-webkit-box-shadow: inset 0 0 10px 5px #e5d3c4;
box-shadow: inset 0 0 10px 5px #d5d2cd;
color: #2e2d2b}
div#smiles-area.container {background-color: #dedede;}


@font-face {font-family: NautilusPompilius; /* имя шрифта для CSS правил */
src: local("NautilusPompilius"), /* проверяем наличие шрифта в ОС пользователя */
url(http://forumfiles.ru/files/0017/6c/6f/19877.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */}
@font-face {font-family: Calibri; /* имя шрифта для CSS правил */
src: local("Calibri"), /* проверяем наличие шрифта в ОС пользователя */
url(http://forumfiles.ru/files/0017/6c/6f/68630.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */}
@font-face {font-family: DINNext; /* имя шрифта для CSS правил */
src: local("DINNext"), /* проверяем наличие шрифта в ОС пользователя */
url(http://forumfiles.ru/files/0017/6c/6f/27865.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */}



/* информация в анкете */
/* первая вкладка */
.ankgif {width:178px; height:178px; margin-top: 38px!important; margin-left: 162px!important; border: 2px solid #bab6c3; border-radius: 100px 100px 100px 100px;}
.ankname {padding-top: 80px!important; width:310px; text-align:center; font-size: 26px; color: #fff; margin-left: 96px!important; text-shadow: none; font-family: 'oswald'; text-transform: uppercase; text-shadow: #868686 0px 1px 1px;}
.ankname2 { width:310px; text-align:center; font-size: 13px; color: #fff; margin-left: 96px!important; text-shadow: none; font-family: 'oswald'; text-transform: uppercase; text-shadow: #868686 0px 1px 1px;}
.ankquote {width:350px; text-align:center; margin-top: 37px!important; font-size: 10px; color: #fff; margin-left: 76px!important; font-family: 'tahoma'; text-transform: lowercase; text-shadow: #868686 0px 1px 1px;}
.ankdate {width:190px; text-align:center; margin-top: 37px!important; font-size: 14px; color: #fff; margin-left: 42px!important; font-family: 'oswald'; text-transform: uppercase; text-shadow: #595959 0px 1px 1px;}
.ankplace {width:190px; text-align:center; margin-top: -19px!important; font-size: 14px; color: #fff; margin-left: 266px!important; font-family: 'oswald'; text-transform: uppercase; text-shadow: #595959 0px 1px 1px;}
.ankprof {width:190px; text-align:center; margin-top: 47px!important; font-size: 14px; color: #fff; margin-left: 43px!important; font-family: 'oswald'; text-transform: uppercase; text-shadow: #595959 0px 1px 1px;}
.anklove {width:190px; text-align:center; margin-top: -19px!important; font-size: 14px; color: #fff; margin-left: 264px!important;  font-family: 'oswald'; text-transform: uppercase; text-shadow: #595959 0px 1px 1px;}



#steckbrief { box-sizing: border-box; width: 500px; height: 600px; margin: auto; background: url('https://image.ibb.co/d3JbY9/1.png');  } /*


*/ #steckbrief #textbox { box-sizing: border-box; height: 600px; width: 500px; position: relative; opacity: 0; transition: 0.7s; transition-delay: 0.5s; background: url('https://image.ibb.co/iZE5RU/2.png'); } /*


*/ #steckbrief:hover #textbox { opacity: 1; transition: 0.7s; transition-delay: 0.8s; }  /*

*/ #text { width: 440px!important; height: 520px!important; margin-left: 4px!important; margin-top: 15px!important; overflow-x: auto; text-align: justify;  font-family: 'arial'; font-size: 12px; color: #ffffff;  
 padding: 12px; line-height: 1.4em; text-shadow: #373737 0px 1px 1px;} /*

*/ #textbox { width: 500px!important; height: 600px!important; margin-left: 0px!important; margin-top: -531px!important; padding: 12px; } /*

*/ #text::-webkit-scrollbar-thumb { background: #d2d2d2; } /*

*/ #text::-webkit-scrollbar { width: 5px; background: #555555; } 







/*------------------------------- анкета новая ----------------------------------------*/


.container1 {
  position: relative;
  width: 500px;
}

.image1 {
  display: block;
  width: 100%;
  height: auto;
}

.text1 { width: 310px;  color: #7C81A7;  font-size: 28px; letter-spacing: 1px;  position: absolute;  margin-top: 105px!important;  margin-left: 250px!important; transform: translate(-50%, -50%);  text-align: center; font-family: 'oswald'; text-transform: uppercase; text-shadow: #fff 1px 1px 0px ; font-weight: 700; 
 }


.text2 { width: 310px; height: 32px;  color: #3a3a3a;  font-size: 10px; letter-spacing: 1px;  position: absolute;  margin-top: 185px!important;  margin-left: 250px!important; transform: translate(-50%, -50%);  text-align: center; font-family: tahoma; text-transform: lowercase; text-shadow: 1px 1px 0px #ffffff;   
 }

.text3 { width: 310px; height: 32px;  color: #fff;  font-size: 24px; letter-spacing: 1px;  position: absolute;  margin-top: 450px!important;  margin-left: 140px!important; transform: translate(-50%, -50%);  text-align: center; font-family: 'oswald'; text-transform: uppercase; text-shadow: #3a3a3a 0px 1px 1px;  
 }

.text4 { width: 310px; height: 32px;  color: #fff;  font-size: 24px; letter-spacing: 1px;  position: absolute;  margin-top: 517px!important;  margin-left: 140px!important; transform: translate(-50%, -50%);  text-align: center; font-family: 'oswald'; text-transform: uppercase; text-shadow: #3a3a3a 0px 1px 1px;  
 }

.text5 { width: 310px; height: 32px;  color: #fff;  font-size: 24px; letter-spacing: 1px;  position: absolute;  margin-top: 450px!important;  margin-left: 365px!important; transform: translate(-50%, -50%);  text-align: center; font-family: 'oswald'; text-transform: uppercase; text-shadow: #3a3a3a 0px 1px 1px;  
 }

.text6 { width: 310px; height: 32px;  color: #fff;  font-size: 24px; letter-spacing: 1px;  position: absolute;  margin-top: 517px!important;  margin-left: 365px!important; transform: translate(-50%, -50%);  text-align: center; font-family: 'oswald'; text-transform: uppercase; text-shadow: #3a3a3a 0px 1px 1px;  
 }

.ankimg { width: 178px!important; height: 178px!important; border: 2px solid #bab6c3; border-radius: 100px 100px 100px 100px; position: absolute;  margin-top: 320px!important;  margin-left: 251px!important; transform: translate(-50%, -50%);  text-align: center;  
 }

.int1 { width: 440px; height: 530px; color: #f7f7f7;  font-size: 12px; letter-spacing: 0px;  padding: 6px; position: absolute;  margin-top: 310px!important;  margin-left: 250px!important;  transform: translate(-50%, -50%); text-align: justify; font-family: 'arial'; text-shadow: #00000 1px 0px 0px; overflow-x: auto; line-height: 1.4em;
 }


.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: 500px; opacity: 0;
  transition: 0.7s; transition-delay: 0.5s; 
   background: url('https://image.ibb.co/jDrM1U/2.png');
}

.container1:hover .overlay1 {
  opacity: 1;
}