/* 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: #f2f2f9;
  border: 1px solid #cacadc;
  font-family: oswald;
  text-transform: lowercase;
  font-size: 9px; !important;
  letter-spacing: 1px;
  box-shadow: #aeaec8 0px 1px 0px 0px
}

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

.pa-fld2 {
text-align: center;
display: inline-block;
padding: 15px;
width: 50px;
  border-radius: 5px;
  background-color: #f2f2f9;
  border: 1px solid#cacadc;
  font-family: oswald;
  text-transform: lowercase;
  font-size: 9px; !important;
  letter-spacing: 1px;
  box-shadow: #aeaec8 0px 1px 0px 0px
}


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

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

.pa-author a:hover {
letter-spacing: 0.5px;
color: #bab6c3;
  }


/* 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: #; 
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: 1200px;
  margin-left: -116px;}


/* 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-right: 70px;
width: 75px;
height: 75px;
background-image : url();
background-repeat: no-repeat;}

/* новые сообщения */
TR.inew Div.icon {
background-image : url(https://image.ibb.co/fgWxm8/image.png);
background-repeat: no-repeat;
width: 75px;
height: 75px;}

/* важные темы*/
TR.isticky Div.icon {
background-image : url(https://image.ibb.co/eRzgeT/image.png);
background-repeat: no-repeat;
width: 75px;
height: 75px;}

/* закрытые темы*/
TR.iclosed Div.icon {
background-image : url(https://image.ibb.co/eRzgeT/image.png);
background-repeat: no-repeat;
width: 75px;
height: 75px;}

/* иконка статистики */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("https://image.ibb.co/cSGdTo/paper_plane_icon.png");
background-origin: padding-box;
background-position: 55px 55px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 140px;
padding-top: 50px;}


/* 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://image.ibb.co/gjpWDo/2.png);
height: 103px;
width: 536px;
font-size:0 !important;
margin-left: 210px;}


/* картинка статистики с надписью "статистика" */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 10px;
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: #ebebf5;
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;
}




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;





@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); /* если шрифт не установлен, тогда загружаем его по указанному пути */}





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


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

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

.text1 { width: 310px;  color: #6b7394;  font-size: 24px; letter-spacing: 1px;  position: absolute;  margin-top: 97px!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; 
 }

.text1t { width: 310px;  color: #6b7394;  font-size: 13px; letter-spacing: 1px;  position: absolute;  margin-top: 121px!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: #6b7394;  font-size: 10px; font-weight: bold; letter-spacing: 1px;  position: absolute;  margin-top: 185px!important;  margin-left: 250px!important; transform: translate(-50%, -50%);  text-align: center; font-family: arial; text-transform: lowercase; text-shadow: 1px 1px 0px #ffffff;   
 }

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

/*------------------------------- профессия ----------------------------------------*/
.text4 { width: 310px; height: 32px;  color: #fff;  font-size: 14px; 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: #3e4666 0px 1px 1px;  
 }

/*------------------------------- место ----------------------------------------*/
.text5 { width: 310px; height: 32px;  color: #fff;  font-size: 14px; letter-spacing: 1px;  position: absolute;  margin-top: 453px!important;  margin-left: 362px!important; transform: translate(-50%, -50%);  text-align: center; font-family: 'oswald'; text-transform: uppercase; text-shadow: #3e4666 0px 1px 1px;  
 }

/*------------------------------- ориентация ----------------------------------------*/
.text6 { width: 310px; height: 32px;  color: #fff;  font-size: 14px; letter-spacing: 1px;  position: absolute;  margin-top: 517px!important;  margin-left: 362px!important; transform: translate(-50%, -50%);  text-align: center; font-family: 'oswald'; text-transform: uppercase; text-shadow: #3e4666 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: 430px; height: 525px; color: #323232; font-size: 12px; letter-spacing: 0px;  padding: 8px; position: absolute;  margin-top: 305px!important;  margin-left: 250px!important;  transform: translate(-50%, -50%); text-align: justify; font-family: 'arial'; 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/bZcvvp/2.png');
}

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