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

/* CS1.1 Цвет текста на форуме */

.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-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  { background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;
text-align: Left;
}

/* CS1.2 Боди или фон форума */
body {background-color: #cbdcfd; background-image : url(http://funkyimg.com/i/2eHpo.png); background-position: top center; 
background-repeat:  repeat; 
background-attachment :  no-fixed;
}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/2fUPt.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 685px;
width: 2500px;
margin-left: -783px;
  }


body {background-image: url("НЕТ"); background-position: top center; background-repeat: no-repeat;
background-color: transparent; 
overflow-x: hidden !important;

}



html {background-image: url("http://funkyimg.com/i/2eHpo.png"); background-position: top center; background-repeat: repeat;
background-color: #e9e5d8; 
}


/* CS1.4 Пан или "тело" форума */
#pun {background-color: #; background-image: url(http://funkyimg.com/i/2eHoS.png);

}

/* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: transparent;
background-image : url(http://funkyimg.com/i/2fSwZ.png); 
background-position : center top; 
background-repeat : no-repeat;
height : 285px;
width: 1277px; 
margin-left: -194px;
margin-top: 30px;
text-align: center;
border-color: transparent;
}



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




/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: center; 
font-family: 'bebas neue';
font-size: 23px;
font-weight:bold;
text-transform: uppercase;
text-shadow: #7e8f98 0px 1px 0px;
position: absolute;
background-color: 04428e; 
background-image: url();
z-index: 1000;
}



#pun-ulinks .container { 
text-align: center; 
position: absolute; 
}


/* 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: #427ab0;
  text-decoration:  none;}

/* CS2.2 при наведение на ссылки */
.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: #5783ac;
   text-decoration: inherit;
   -webkit-transition:color 500ms ease-in;
   -moz-transition:color 500ms ease-in;
   -o-transition:color 500ms ease-in;
   transition:color 500ms ease-in;
}

/* CS2.3 верхняя навигация цвет */
#pun-navlinks a {
color: #ffffff;
  text-decoration: none;}

/* CS2.4 при наведении на навигацию */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #eed1e6;
  text-decoration: none;}

/* Цвет навигации до наведения нижняя*/
#pun-ulinks a {
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  border-bottom: 0px none #000;
  text-decoration: none;}
/* 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: #427ab0;
  text-decoration:  none;}

/* CS2.2 при наведение на ссылки */
.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: #86beee;
   text-decoration: inherit;
   -webkit-transition:color 500ms ease-in;
   -moz-transition:color 500ms ease-in;
   -o-transition:color 500ms ease-in;
   transition:color 500ms ease-in;
}

/* CS2.3 верхняя навигация цвет */
#pun-navlinks a {
color: #ffffff;
  text-decoration: none;}

/* CS2.4 при наведении на навигацию */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #e7f1fa;
  text-decoration: none;}

/* Цвет навигации до наведения нижняя*/
#pun-ulinks a {
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  border-bottom: 0px none #000;
  text-decoration: none;}



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

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
margin-left: -25px;
display: block; 
border-style: none none none none;

width: 70px;
height: 70px;
background-image : url(http://funkyimg.com/i/2eLek.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2eLei.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2eLej.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2eLeh.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}



/* CS4 Картинки категорий */


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

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
margin-left: -25px;
display: block; 
border-style: none none none none;

width: 70px;
height: 70px;
background-image : url(http://funkyimg.com/i/2eLek.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2eLei.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2eLej.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2eLeh.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}



/* CS4 Картинки категорий */


#pun-category1.category h2 {
background: url(http://zagruzitfoto.com/images/2016/08/14/GOSTEVAY.png) no-repeat top center;
height: 205px;
width: 1037px;
margin-left: -52px;
font-size:0 !important;
}
#pun-category2.category h2 {
background: url(http://zagruzitfoto.com/images/2016/08/14/ORG.png) no-repeat top center;
height: 205px;
width: 1037px;
margin-left: -52px;
font-size:0 !important;
}
#pun-category3.category h2 {
background: url(http://zagruzitfoto.com/images/2016/08/14/IGRA.png) no-repeat top center;
height: 205px;
width: 1037px;
margin-left: -52px;
font-size:0 !important;
}
#pun-category4.category h2 {
background: url(http://zagruzitfoto.com/images/2016/08/14/FLUD.png) no-repeat top center;
height: 205px;
width: 1037px;
margin-left: -52px;
font-size:0 !important;
}
#pun-category5.category h2 {
background: url(http://zagruzitfoto.com/images/2016/08/14/REKLAMA.png) no-repeat top center;
height: 205px;
width: 1037px;
margin-left: -52px;
font-size:0 !important;
}
#pun-category6.category h2 {
background: url(http://zagruzitfoto.com/images/2016/08/14/ARKIV87ac1.png) no-repeat top center;
height: 205px;
width: 1037px;
margin-left: -52px;
font-size:0 !important;
}








/* CS5 Прочие элементы */


/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2fc2s.png");
background-origin: padding-box;
background-position: 13px 13px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 80px;
padding-top: -90px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 205px;
width: 1037px;
margin-left: -52px;
background-color: transparent;
background-image: url("http://zagruzitfoto.com/images/2016/08/14/STATISTIKA8cd0d.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}



/* CS5.3 Цитаты и коды в сообщениях*/




/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {background-color: #f8e4c4; 
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
 border-radius: 9px;

box-shadow: 20px 20px 8px 
box-shadow-color: #553820;}











/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #e5e4e2; 
background-image: url("ссылка");
color: #000000;}

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

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#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-navlinks .container, #pun-ulinks .container { text-align: left;}


#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(http://funkyimg.com/i/2fc1r.png) no-repeat;
  width:999px;
  height:205px;
margin-left: -1px;
margin-top:-30px;
margin-bottom: -50px;
}





/* Профиль ЛС E-mail */
.punbb .post-links { 
text-transform: uppercase;
font-size: 14px;

font-family:  'Open Sans Condensed', sans-serif;;
}














/* СКРОЛЛБАР */
::-webkit-scrollbar-thumb:vertical {
    background-color:#8cb0d5;
    }

::-webkit-scrollbar-thumb:horizontal {
    background-color:#8cb0d5;
    }

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color:#c3c9ce; margin-top: 
    }







/* ТА САМАЯ ЦИТАДЕЛЬ РАЗДЕЛИТЕЛЬ*/
.pa-posts,.pa-respect {
  font-size: 11px;
  text-align:center;
  color: #587898;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-family: 'Roboto Condensed', serif;
  display:inline-block;
  width:80px;
  margin: 0px;
  background: #f0f0f0;
  border-radius:12px; 
  -webkit-box-shadow: inset 0 0 2px 2px #ddddda;
  box-shadow: inset #ddddda 0 0 4px 2px;
  border-right: #ddddda double 2px;
  border-top: #ddddda 4px solid;
  border-left: #ddddda double 1px;
  border-bottom: #ddddda 2px solid;
  top: 2px;
}








/*ПРОФИЛЬ */


.punbb .post .post-author {
 width: 220px;
 border-top: none;
 border-bottom: none;
 margin-top: 0px;
 color: #648cb4;
 font-family: 'Cuprum';
 text-transform: lowercase;
 font-size: 11px;
 line-height: 3px;
}












/* СЕКТОР НАЗВАНИЯ ФОРУМА */
#pun-crumbs1, #pun-crumbs2  {
text-shadow: #ffffff 1px 1px 0px;
color: #c8d6e4;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-family: Roboto Condensed;
}






/* ЗАГОЛОВКИ ТЕМ*/
.tcr a {
  font-family: "Cuprum";
text-align: center;
text-transform: lowercase;

  text-shadow: #ffffff 1px 1px 0px;
  font-size: 13px;
letter-spacing: 2px;
}

.tcr a:hover {
  font-family: "Cuprum";
text-align: center;
text-transform: lowercase;
font-size: 13px;

}











/* СЛАЙД ФАКА */
.jersaltabs {
 margin: 30px auto;
 position: relative;
 width: 555px; 
  height: 695px; 
 font-size: 12.2px;
 
 border-top: 0px # solid;
 font-family: 'cuprum', sans-serif; text-align: justify
}

.jersaltab {
 float: left
}

.jersaltab label {
 display: block;
 width: 1.7px;
 height: 1.7px;
 background: #;
 margin: 7px 9px;
 position: relative;
 left: 122px;
 top: -37px;
 z-index: 2;
 color: transparent;
 text-align: center;
 font-size: 12px;
 line-height: 140%;
 padding: 5px;
 -webkit-border-radius: 100%; 
 border-radius: 100%
}

.jersaltab input[type=radio]:checked ~ label {
 display: block; 
 background: AD2B4E;
 margin-top: 0px;
 color: black;
 width: 120px;
 height: 15px;
 -moz-transform: rotate(-1deg);
 -webkit-transform: rotate(-1deg);
 -o-transform: rotate(-1deg);
 -ms-transform: rotate(-1deg);
 transform: rotate(-1deg);
 -webkit-border-radius: 0px;
 border-radius: 0px;
 z-index: 3
}

.jersaltab:nth-child(odd) input[type=radio]:checked ~ label {
-moz-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg)
}

.jersaltab input[type=radio] {
 display: none
}

.jersalcontent {
 opacity: 0;
 height: 695px;
width: 555px;
 position: absolute;
 top: -5px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 background: AD2B4E;
 padding: 0px;

 overflow: hidden;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}





.jersalcontent2 { 
  opacity: 0;
  padding-right: 20px;
  
  border: 20px #fff solid;
  color: #555;
  height: 210px; text-align: justify;
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out; transition-delay: 1s;
  overflow-y: scroll; overflow-x: hidden
}

.jersalcontent b { letter-spacing: -1px }

.jersalcontent h2 { margin: 5px 20px; margin-top: 20px } .jersalcontent2 h2:nth-child(1) { margin-top: 0px }

.jersalcontent2::-webkit-scrollbar {
  width: 10px;
  background: #666;
  border: 3px #fff solid;
  border-top-width: 2px; border-bottom-width: 2px
}

.jersalcontent2::-webkit-scrollbar-thumb {
  border: 3px #000 solid;
  background-color: #000;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.jersalcontent:hover .jersalcontent2 { 
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-delay: 1.4s
}

.jersaltab input[type=radio]:checked ~ label ~ .jersalcontent {
 opacity: 1;
 z-index: 1;
 -moz-transform: scale(1);
 -webkit-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1); 
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -ms-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out
}

#jersxl { font-size: 8px; position: absolute; width: 380px; margin-left: 10px; margin-top: 335px; color: #888; font-family: 'Spinnaker', sans-serif }
#jersxl a, #jersxl a:hover, #jersxl a:active { color: #aaa; text-decoration: none }










/*навигация для шапки*/

.tablenavi a {display:inline-block; font-size: 10px; background:#bad0dd; color:#fff!important; text-shadow: none; padding:2px 2px 3px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s; text-align:center; width:90px; border-radius: 12px;}
.tablenavi a:hover {background:#dbd680; color: #fff!important; border-radius: 7px;}
.tablenavi {text-align:center; margin-top:9px!important;}




/*навигация для подфорума короткая*/
.desbox {font-size: 11px; text-align: justify;}
.fornavi a {display:inline-block; font-size: 11px; background:#bad0dd; color:#fff!important; text-shadow: none; padding:2px 2px 3px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s; text-align:center; width:74px; border-radius: 12px;}
.fornavi a:hover {background:#dbd680; color: #fff!important; border-radius: 7px;}
.fornavi {text-align:center; margin-top:9px!important;}


/*навигация для подфорума длинная*/
.desbox {font-size: 11px; text-align: justify;}
.fornavi2 a {display:inline-block; font-size: 11px; background:#bad0dd; color:#fff!important; text-shadow: none; padding:2px 2px 3px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s; text-align:center; width:155px; border-radius: 12px;}
.fornavi2 a:hover {background:#dbd680; color: #fff!important; border-radius: 7px;}
.fornavi2 {text-align:center; margin-top:9px!important;}



/* единый */
.topbody {
width: 603px; height: auto; margin-left: 0px;  padding-top: 30px;
padding-bottom: 10px;
display: block;
background: url(http://funkyimg.com/i/2hEuw.png) top no-repeat, url(http://funkyimg.com/i/2hEuy.png) bottom no-repeat, url(http://funkyimg.com/i/2hEux.png) repeat-y;
}
.topicbox {
width: 500px; 
font-family: verdana, arial, helvetica, sans-serif;
line-height: 120%;
letter-spacing: 0px;  
text-align: justify; 
margin-left: -100px;
padding: -30px 30px 30px 30px;
}




/* ДЛЯ ХРОНОЛОГИИ В АНКЕТУ */

#chrono {height: 400px; width: 550px; position: relative; background: red; border: 10px solid #eef0e6; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.chronoh {height: 120px; background-color: #83b8d9; width: 550px; position: absolute; top: 0px;}
.chronoh1 {height: 80px; width: 80px; border: 8px solid #eef0e6; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); position: absolute; background-size: cover; background-repeat: no-repeat; top: 13px; left: 440px; background-blend-mode: multiply}
.chronoh2 {height: 20px; font-family: montserrat; text-transform: uppercase; color: #3d3639; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #3d3639; right: 230px; top: 15px; line-height: 25px; text-align: left}
.chronoh3 {height: 50px; width: 300px; text-shadow: 2px 2px 10px rgba(0,0,0,0.1); color: #eef0e6; text-transform: lowercase; font-family: roboto slab; position: absolute; right: 120px; top: 50px; font-size: 45px; text-align: left; letter-spacing: -3px; line-height: 30px }
.chronoh3::first-letter {color: #dab322}
.chronof {height: 40px; width: 550px; line-height: 40px; background-color: #83b8d9; position: absolute; bottom: 0px; color: #eef0e6; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase}
.chronom {width: 530px; height: 225px; background-image: url(http://i.imgur.com/RXxfq8F.png); position: absolute; top: 115px; background-color: rgba(61, 54, 57, 0.96);background-blend-mode: multiply; padding: 5px; border: 5px solid transparent; overflow: auto}
.chronos {height: 120px; width: 245px; position: relative; overflow: hidden; margin: 3px 5px 3px 4px; background-size: cover; background-repeat: no-repeat}
.chronos1 {background: rgba(61,54,57, 0.8); height:120px; width: 245px; position: absolute; top: 0px;  z-index: 2;}
.chronos .chronos1 {top: -120px; -webkit-transition: 0.4s ease}
.chronos:hover .chronos1 {top: 0px}
.chronos1a {height: 35px; width: 225px; background-color: #3f4f5c; position: absolute; top: 5px; left: 10px; font-size: 17px; line-height: 35px; color: #eef0e6; font-family: bebas neue; text-align: center}
.chronos1b{
   width: 225px;
   padding: 0 25px;
left: 10px; 
top: 5;
color: #eef0e6; font-size: 11px; background: #53718a; text-transform: lowercase;
   height: 73px;
   overflow: auto;
   text-align: justify;
   font-family: cuprum;
   font-size: 11px;
   color: #ffffff;
   font-weight: 300;
   position: relative;
   left: -15px

   
   }

.chronom::-webkit-scrollbar {width:3px}

.chrono-eig {background-color:#d0d6da; color:#fff; padding:11px; font-size: 11px; font-family: 'Cuprum'; text-align:justify;}
.chrono-eig b {font-size:16px; color:#7c8083;}

/* ДЛЯ ОТНОШЕНИЙ В АНКЕТУ */


#waffles {height: 555px; width: 550px; position: relative; background: red; border: 10px solid #eef0e6; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.wafflesh {height: 120px; background-color: #9fcae3; width: 550px; position: absolute; top: 0px;}
.wafflesh1 {height: 80px; width: 80px; border: 8px solid #eef0e6; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); position: absolute; background-size: cover; background-repeat: no-repeat; top: 13px; left: 14px; background-blend-mode: multiply}
.wafflesh2 {height: 20px; font-family: montserrat; text-transform: uppercase; color: #3d3639; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #3d3639; right: 10px; top: 15px; line-height: 25px; text-align: right}
.wafflesh3 {height: 50px; width: 300px; text-shadow: 2px 2px 10px rgba(0,0,0,0.1); color: #eef0e6; text-transform: lowercase; font-family: roboto slab; position: absolute; right: 10px; top: 50px; font-size: 45px; text-align: left; letter-spacing: -3px; line-height: 30px }
.wafflesh3::first-letter {color: #dab322}
.wafflesf {height: 40px; width: 550px; line-height: 40px; background-color: #9fcae3; position: absolute; bottom: 0px; color: #eef0e6; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase}
.wafflesm {width: 530px; height: 375px; background-image: url(http://i.imgur.com/RXxfq8F.png); position: absolute; top: 120px; background-color: rgba(61, 54, 57, 0.96);background-blend-mode: multiply; padding: 5px; border: 5px solid transparent; overflow: auto}
.wafflesm td {padding-bottom:  10px; border-bottom: 1px solid #eef0e6; width: }
.waffless {height: 120px; width: 245px; position: relative; overflow: hidden; margin: 3px 5px 3px 4px; background-size: cover; background-repeat: no-repeat}
.waffless1 {background: rgba(61,54,57, 0.8); height:120px; width: 245px; position: absolute; top: 0px;  z-index: 2;}
.waffless .waffless1 {top: -120px; -webkit-transition: 0.4s ease}
.waffless:hover .waffless1 {top: 0px}
.waffless1a {height: 35px; width: 225px; background-color: #3f4f5c; position: absolute; top: 5px; left: 10px; font-size: 17px; line-height: 35px; color: #eef0e6; font-family: bebas neue; text-align: center}
.waffless1b{
   width: 225px;
   padding: 0 25px;
left: 10px; 
top: 5;
color: #eef0e6; font-size: 11px; background: #53718a; text-transform: lowercase;
   height: 73px;
   overflow: auto;
   text-align: justify;
   font-family: cuprum;
   font-size: 11px;
   color: #ffffff;
   font-weight: 300;
   position: relative;
   left: -15px

   
   }

.wafflesm::-webkit-scrollbar {width:3px}

/* ДЛЯ СЧЕТА ЦЕЛЕЙ 6 В АНКЕТУ */

#aim {height: 220px; width: 550px; position: relative; background: red; border: 10px solid #eef0e6; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.aimh {height: 50px; background-color: #b7d55d; width: 550px; position: absolute; top: 0px;}
.aimh2 {height: 20px; font-family: montserrat; text-transform: uppercase; color: #3d3639; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #3d3639; right: 230px; top: 15px; line-height: 25px; text-align: left}
.aimh3 {height: 50px; width: 350px; text-shadow: 2px 2px 10px rgba(0,0,0,0.1); color: #eef0e6; text-transform: lowercase; font-family: roboto slab; position: absolute; right: 180px; top: 10px; font-size: 27px; text-align: left; letter-spacing: -3px; line-height: 30px }
.aimh3::first-letter {color: #dab322}
.aimf {height: 30px; width: 550px; line-height: 40px; background-color: #b7d55d; position: absolute; bottom: 0px; color: #eef0e6; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase}
.aimm {width: 530px; height: 120px; background-image: url(http://i.imgur.com/RXxfq8F.png); position: absolute; top: 50px; background-color: rgba(61, 54, 57, 0.96);background-blend-mode: multiply; padding: 5px; border: 5px solid transparent;overflow: auto}
.aims {height: 140px; width: 245px; position: relative; overflow: hidden; margin: 3px 5px 3px 4px; background-size: cover; background-repeat: no-repeat}
.aims1 {background: rgba(61,54,57, 0.8); height:120px; width: 500px; position: absolute; top: 0px;  z-index: 2;}
.aims .aims1 {top: -120px; -webkit-transition: 0.4s ease}
.aims:hover .aims1 {top: 0px}
.aims1a {height: 35px; width: 225px; background-color: #3f4f5c; position: absolute; top: 7px; left: 10px; font-size: 17px; line-height: 35px; color: #eef0e6; font-family: bebas neue; text-align: center}
.aims1b{
   width: 225px;
   padding: 0 25px;
left: 10px; 
top: 5;
color: #eef0e6; font-size: 11px; background: #53718a; text-transform: lowercase;
   height: 73px;
   overflow: auto;
   text-align: justify;
   font-family: cuprum;
   font-size: 11px;
   color: #ffffff;
   font-weight: 300;
   position: relative;
   left: -15px

   
   }

.aimm::-webkit-scrollbar {width:5px}

.aim-eig {background-color:#dce4ca; color:#709917; padding:11px; font-size: 11px; font-family: 'Cuprum'; text-align:justify;}
.aim-eig b {font-size:16px; color:#7c8083;}

/* ДЛЯ СЧЕТА ЦЕЛЕЙ 5 В АНКЕТУ */

#aim5 {height: 240px; width: 550px; position: relative; background: red; border: 10px solid #eef0e6; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.aim5h {height: 50px; background-color: #e6c261; width: 550px; position: absolute; top: 0px;}
.aim5h2 {height: 20px; font-family: montserrat; text-transform: uppercase; color: #3d3639; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #3d3639; right: 230px; top: 15px; line-height: 25px; text-align: left}
.aim5h3 {height: 50px; width: 350px; text-shadow: 2px 2px 10px rgba(0,0,0,0.1); color: #eef0e6; text-transform: lowercase; font-family: roboto slab; position: absolute; right: 180px; top: 10px; font-size: 27px; text-align: left; letter-spacing: -3px; line-height: 30px }
.aim5h3::first-letter {color: #d0892d}
.aim5f {height: 30px; width: 550px; line-height: 40px; background-color: #e6c261; position: absolute; bottom: 0px; color: #eef0e6; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase}
.aim5m {width: 530px; height: 140px; background-image: url(http://i.imgur.com/RXxfq8F.png); position: absolute; top: 50px; background-color: rgba(61, 54, 57, 0.96);background-blend-mode: multiply; padding: 5px; border: 5px solid transparent;overflow: auto}
.aim5s {height: 140px; width: 245px; position: relative; overflow: hidden; margin: 3px 5px 3px 4px; background-size: cover; background-repeat: no-repeat}
.aim5s1 {background: rgba(61,54,57, 0.8); height:120px; width: 500px; position: absolute; top: 0px;  z-index: 2;}
.aim5s .aim5s1 {top: -120px; -webkit-transition: 0.4s ease}
.aim5s:hover .aim5s1 {top: 0px}
.aim5s1a {height: 35px; width: 225px; background-color: #3f4f5c; position: absolute; top: 7px; left: 10px; font-size: 17px; line-height: 35px; color: #eef0e6; font-family: bebas neue; text-align: center}
.aim5s1b{
   width: 225px;
   padding: 0 25px;
left: 10px; 
top: 5;
color: #eef0e6; font-size: 11px; background: #53718a; text-transform: lowercase;
   height: 73px;
   overflow: auto;
   text-align: justify;
   font-family: cuprum;
   font-size: 11px;
   color: #ffffff;
   font-weight: 300;
   position: relative;
   left: -15px

   
   }

.aim5m::-webkit-scrollbar {width:5px}

.aim5-eig {background-color:#e8e3bf; color:#d09800; padding:11px; font-size: 11px; font-family: 'Cuprum'; text-align:justify;}
.aim5-eig b {font-size:16px; color:#7c8083;}


/* ДЛЯ СЧЕТА ЦЕЛЕЙ 4 В АНКЕТУ */

#aim4 {height: 180px; width: 550px; position: relative; background: red; border: 10px solid #eef0e6; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.aim4h {height: 50px; background-color: #cfd680; width: 550px; position: absolute; top: 0px;}
.aim4h2 {height: 20px; font-family: montserrat; text-transform: uppercase; color: #3d3639; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #3d3639; right: 230px; top: 15px; line-height: 25px; text-align: left}
.aim4h3 {height: 50px; width: 350px; text-shadow: 2px 2px 10px rgba(0,0,0,0.1); color: #eef0e6; text-transform: lowercase; font-family: roboto slab; position: absolute; right: 180px; top: 10px; font-size: 27px; text-align: left; letter-spacing: -3px; line-height: 30px }
.aim4h3::first-letter {color: #afb107}
.aim4f {height: 30px; width: 550px; line-height: 40px; background-color: #cfd680; position: absolute; bottom: 0px; color: #eef0e6; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase}
.aim4m {width: 530px; height: 80px; background-image: url(http://i.imgur.com/RXxfq8F.png); position: absolute; top: 50px; background-color: rgba(61, 54, 57, 0.96);background-blend-mode: multiply; padding: 5px; border: 5px solid transparent;overflow: auto}
.aim4s {height: 140px; width: 245px; position: relative; overflow: hidden; margin: 3px 5px 3px 4px; background-size: cover; background-repeat: no-repeat}
.aim4s1 {background: rgba(61,54,57, 0.8); height:120px; width: 500px; position: absolute; top: 0px;  z-index: 2;}
.aim4s .aim4s1 {top: -120px; -webkit-transition: 0.4s ease}
.aim4s:hover .aim4s1 {top: 0px}
.aim4s1a {height: 35px; width: 225px; background-color: #3f4f5c; position: absolute; top: 7px; left: 10px; font-size: 17px; line-height: 35px; color: #eef0e6; font-family: bebas neue; text-align: center}
.aim4s1b{
   width: 225px;
   padding: 0 25px;
left: 10px; 
top: 5;
color: #eef0e6; font-size: 11px; background: #53718a; text-transform: lowercase;
   height: 73px;
   overflow: auto;
   text-align: justify;
   font-family: cuprum;
   font-size: 11px;
   color: #ffffff;
   font-weight: 300;
   position: relative;
   left: -15px

   
   }

.aim4m::-webkit-scrollbar {width:5px}

.aim4-eig {background-color:#f5f5e1; color:#b5b637; padding:11px; font-size: 11px; font-family: 'Cuprum'; text-align:justify;}
.aim4-eig b {font-size:16px; color:#7c8083;}



/* для админов в табле */

.tooltip {
 position: relative;
 }
.img-wrap{
height: 250px;
overflow:hidden;
position:relative;
width:916px;}
.img-overlay{
background-color:#110B0D;
bottom:0;
color:#fff;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:100%;
z-index:1000;}
.img-overlay h4, .img-overlay p{
padding:0 10px;}
.img-wrap:hover .img-overlay{
opacity:0.75;
filter: alpha(opacity = 75);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;}

.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
background: #f7f1e0; border: #f0e4c6 solid 1px; border-left: #f0e4c6 solid 1px; border-right: #f0e4c6 solid 1px; -moz-border-radius: 0px; border-radius: 10px; font-size: 9px; text-transform: lowercase;
 color: #7e7819;
font-family: 'Neucha', cursive;
 font-size: 12px; 
letter-spacing: 2px;
 padding: 5px 5px;
 bottom: 15px;
 right: -50px;
 box-shadow: 0 0 0px #цвет тени обводки блока;

}
.tooltip:hover em i {
 position: absolute;
 bottom: -9px;
 right: 0px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;}

/*ЛИЧНОЕ ЗВАНИЕ*/



/* БАБЛО */



/* ЛЗ */
.tekstprofile{
    margin-bottom:20px;
    font-size:11px;
    font-family:"Cuprum";
    color:#546266;
    text-align: justify;
    text-transform: lowercase;
    background:#f0f0f0;
    padding:22px 10px 10px 10px;
    border: 1px solid #f4f8fa;
    border-top: none!important;
    box-shadow: inset 0 0 5px #cbd2d4!important;
    border-radius: 10px 10px 10px 10px;
    width: 173px;}

  
.pa-title, .pa-time-visit, .pa-ip, .pa-visit {font-size: 10px;}

#pun-stats li.item3{ 
display:none;
 }