.info {
width: 165px!important;
margin-top: 10px!important;
margin-left: 23px!important;
margin-bottom: 0px!important;
padding-top: 40px!important;
padding-left: 10px!important;
padding-right: 10px!important;
padding-bottom: 5px!important;
background-color: #;
color: #473f4c; 
font-size: 11px;
text-align: justify;
font-family: 'cuprum', sans-serif;
line-height: 90%; 
}
.info z {
font-size: 15px;
}
.bank {
width: 140px!important;
border-radius: 8px;
border: 0px solid #d2caba;
margin-left: 40px!important;
padding-bottom: 10px!important;
padding-top: 6px!important;
color: #4f2c6c; 
font-size: 10px;
}
 
 .knanketa {
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}
.kninsta {
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}
 .kngif  {
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}
.knstr {
position: relative;
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}

 .opfor {width: 411px;   
background: url("http://funkyimg.com/i/27Vv4.png") no-repeat center top, 
 url("http://funkyimg.com/i/27Vvm.png")  no-repeat center bottom,
 url("http://funkyimg.com/i/27Vug.png") repeat-y center;
padding-top: 53px!important; padding-bottom: 25px!important;  margin-top: -40px!important   }

 .opfor .zag
{ text-align: center; font-family: lobster; font-size: 12px; color: #510e37;   }

.opfor .oftex
{ width: 355px;  padding: 10px 10px 10px 33px; font-family: cuprum; font-size: 12px; line-height: 90%; color: #510e37;   }

.forss {  
padding: 1px 10px 1px 10px;
text-align: center; 
border-radius: 10px; 
 line-height: 100%;
} 
.forss a { 
background-color: #e7e0d5; 
color: #4f296c!important; 
text-transform: lowercase; 
font-family: 'lobster', sans-serif;
} 


#pun .tcr {text-align: center;} /* главная страница, последние сообщения с датой*/
 
.stickytext {display:none}  /*Убрать "Важно:"*/

/* CS1 Фон и цвет текста*/
#pun .tcr {text-align: right;}
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
right: 15px;
position: absolute;
top: -4em;
width: 24em;
 }
li#navawards {display: none;}

li#navawards {display: none;} /* Скрыть награды */

 
/*всплывающее окно наград*/
#pun-reputation div, #pun-popup_awards div {background-color: #ebeae9 ; 
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #d9d9d9;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #d9d9d9;
-webkit-box-shadow: inset 0 0 10px 5px #d9d9d9;
box-shadow: inset 0 0 10px 5px #d9d9d9;
color: #072040}}
div#smiles-area.container {background-color: #ead1f7;}
BODY {overflow-x: hidden}

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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: #373a51;
font-weight: normal;
font-style: normal;
text-align: Left;
}

/* CS1.2 Боди или фон форума */
html, body { background-image : url(http://funkyimg.com/i/281Mc.png); }

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

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

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

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

/* CS1.6 Ссылки верхней навигации*/
 #pun-navlinks .container { 
text-transform: uppercase; 
position: absolute;
background-color: transpanent;
font-family: 'cuprum'; font-size: 19px;
text-shadow: 2px 1px 0px #0c0519;
font-weight: bold; 
width: 160px;
top: 180px;
left: 775px}

 /* форум*/
#navadmin a{
position: absolute;
top: -15px;
left: 175px;
font-family: 'cuprum'; 
font-size: 30px!important;
color:#401868!important;
}
#navadmin a:hover{
color:#81248a!important;
}

#pun-ulinks .container  {text-align: center; text-transform: uppercase; position: absolute; background-color: transpanent; font-size: 12px; font-family: cuprum; text-shadow: 2px 1px 0px #490f13;
z-index: 200;
top: 345px;
left: -20px;
width: 990px;}


/* CS2 Ссылки */

/* Ссылка в спокойном состоянии */
.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 {
  color: #370846; font-weight:  ;
  border-bottom: 0px none #000;
  text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}

/* Активная ссылка */
.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: #770b0b;
  border-bottom: 0px none #000;
}

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

/* Цвет навигации при наведении верхняя*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #81248a;
  text-decoration: none;}


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

/* Цвет навигации при наведении нижняя*/
#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #e7b308;
  text-decoration: none;}




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

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

width: 50px;
height: 54px;
background-image : url(http://funkyimg.com/i/27YXV.png);
background-repeat: no-repeat;}

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

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

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


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

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

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
background-color: transparent;
background: url(http://funkyimg.com/i/2827L.png) no-repeat ;
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

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

#pun-main .quote-box, #pun-main .code-box {
border-top: 4px solid #7e182e;
border-left: solid 4px #7e182e;
border-right: solid 2px #592b75;
border-bottom: 2px solid #592b75;
-webkit-border-radius: 5px;
border-radius: 20px;
content: ".";
background: #ede8df repeat-y top center;
padding: 10px 10px; }

/* кнопки */
.punbb input {
border:#b4b4bd solid 1px;
padding: 10px;
padding-top:8px;
border-radius: 5px;
content: ".";
background: #ede8df repeat-y top center;
padding:6px 6px; text-shadow: #ccd3e8  1px 1px 1px;}

/* Модерирование тем и другие селекты*/

.punbb select {
border:#b4b4bd solid 1px;
padding: 10px;
padding-top:8px;
border-radius: 5px;
content: ".";
background: #ede8df repeat-y top center;
padding:2px 2px; text-shadow: #ccd3e8   1px 1px 1px;}

 
.pa-respect  {
display: inline-block;
margin-left: 6px!important;
text-align: center;
width: 67px;
line-height: 15px;
padding: 10px;
margin-bottom: 7px!important;
margin-top: 10px!important;
font-size: 10px;
background: #c8c0b4;
border-radius: 10px 0 10px 0;
box-shadow: 3px 3px 0px #592b75;
}

.pa-posts {
display: inline-block;
margin-left: 20px!important;
text-align: center;
width: 70px;
line-height: 15px;
padding: 10px;
margin-bottom: 7px!important;
margin-top: 10px!important;
font-size: 10px;
background: #c8c0b4;
border-radius: 0 10px 0 10px;
box-shadow: -3px 3px 0px #7e182e;
}



/* CS5.4 Область для ввода текста в форме ответа */
.punbb textarea {
border:#b4b4bd solid 1px;
padding: 10px;
padding-top:8px;
border-radius: 5px;
content: ".";
background: #ede8df   repeat-y top center;
padding:2px 2px; text-shadow: #ccd3e8   1px 1px 1px;}



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

/* 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: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


 
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/281Qk.png) no-repeat ;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
}
 
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category2.category h2 {
background: url(http://funkyimg.com/i/281Qj.png) no-repeat ;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category3.category h2 {
background: url(http://funkyimg.com/i/281Qh.png) no-repeat ;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category4.category h2 {
background: url(http://funkyimg.com/i/281Qi.png) no-repeat ;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category5.category h2 {
background: url(http://funkyimg.com/i/281Qg.png) no-repeat ;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;

}
 #pun-category6.category h2 {
background: url(http://funkyimg.com/i/281Qf.png) no-repeat ;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
 #pun-category7.category h2 {
background: url(http://funkyimg.com/i/281Qe.png) no-repeat ;
height: 94px;
width: 358px;
margin-left: 275px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
 
 
/*прокрутка*/
::-webkit-scrollbar-thumb:vertical {    height: 12px;    border: 2px;    background-color:#7f83ab; margin-top: 25px;}
::-webkit-scrollbar-thumb:horizontal {    background-color:#7f83ab;}
::-webkit-scrollbar { width: 5px; height: 8px; border: 4px solid #цвет; background-color:#dfe1ea; margin-top: 35px;}

   


/*анкета (трефы)*/
.anketat { width: 580px; background: url("http://funkyimg.com/i/27K1h.jpg") top center repeat-x , url("http://funkyimg.com/i/27K1i.jpg")   bottom center repeat-x, url("http://funkyimg.com/i/27K1j.jpg") center;  padding-bottom: 0px; position: relative;}
/*анкета (пики)*/
.anketap { width: 580px; background: url("http://funkyimg.com/i/27K3F.jpg") top center repeat-x , url("http://funkyimg.com/i/27K6i.jpg")   bottom center repeat-x, url("http://funkyimg.com/i/27K3H.jpg") center;  padding-bottom: 0px; position: relative;}
/*анкета (бубны)*/
.anketab { width: 580px; background: url("http://funkyimg.com/i/27K3m.jpg") top center repeat-x , url("http://funkyimg.com/i/27K3n.jpg")   bottom center repeat-x, url("http://funkyimg.com/i/27K3o.jpg") center;  padding-bottom: 0px; position: relative;}
/*анкета (черви)*/
.anketas { width: 580px; background: url("http://funkyimg.com/i/27K3K.jpg") top center repeat-x , url("http://funkyimg.com/i/27K3L.jpg")   bottom center repeat-x, url("http://funkyimg.com/i/27K3M.jpg") center;  padding-bottom: 0px; position: relative;}
 


/*анкета (черная)*/
.banketa { background-position: center; margin: 10px auto; padding: 20px; width: 500px;} 
.banketa-blok1 { width: 500px; font: 40px/30px 'Euphoria Script'; height: 40px; padding: 15px 20px 5px 20px; text-align: center; } 
.banketa-blok1 span {width: 400px; color: #000; display: block; font-size: 7px; letter-spacing: 1px; margin-left: 40px; text-transform: uppercase; font-family: Georgia; line-height: 100%;} 
.banketa-blok {height: 10px;} 
.banketa-blok2 {background: #f9f9f9; box-shadow: 2px 2px 3px #212147, 2px 2px 3px rgba(0,0,0,0.4); padding: 20px; text-align: center;color: #000;font: 8px/8px georgia;letter-spacing: 1px;padding: 10px;text-align: center;text-transform: uppercase; line-height: 160%;} 
.banketa-blok2 img {max-width: 450px; text-align: center;} 
.banketa-blok3 {background: #f9f9f9; box-shadow: 2px 2px 3px #212147, 2px 2px 3px rgba(0,0,0,0.4); font: 11px/110% arial;padding: 20px;text-align: justify;} 
.banketa-info {background: #f9f9f9; box-shadow: 2px 2px 3px #212147, 2px 2px 3px rgba(0,0,0,0.4); color: #000; font: 9px/10px georgia;letter-spacing: 1px;padding: 10px;text-align: center;text-transform: uppercase; line-height: 130%;}

/*анкета (красная)*/
.ranketa { background-position: center; margin: 10px auto; padding: 20px; width: 500px;} 
.ranketa-blok1 { width: 500px; font: 40px/30px 'Euphoria Script'; height: 40px; padding: 15px 20px 5px 20px; text-align: center; } 
.ranketa-blok1 span {width: 400px; color: #000; display: block; font-size: 7px; letter-spacing: 1px; margin-left: 40px; text-transform: uppercase; font-family: Georgia; line-height: 100%;} 
.ranketa-blok {height: 10px;} 
.ranketa-blok2 {background: #f9f9f9; box-shadow: 2px 2px 3px #991a24, 2px 2px 3px rgba(0,0,0,0.4); padding: 20px; text-align: center;color: #000;font: 8px/8px georgia;letter-spacing: 1px;padding: 10px;text-align: center;text-transform: uppercase; line-height: 160%;} 
.ranketa-blok2 img {max-width: 450px; text-align: center;} 
.ranketa-blok3 {background: #f9f9f9; box-shadow: 2px 2px 3px #991a24, 2px 2px 3px rgba(0,0,0,0.4); font: 11px/110% arial;padding: 20px;text-align: justify;} 
.ranketa-info {background: #f9f9f9; box-shadow: 2px 2px 3px #991a24, 2px 2px 3px rgba(0,0,0,0.4); color: #000; font: 9px/10px georgia;letter-spacing: 1px;padding: 10px;text-align: center;text-transform: uppercase; line-height: 130%;}



/* амс*/
.ams {
  position: relative;
  display: inline-block;
 font-family: 'cuprum', arial;
  text-shadow: #2b041a 1px 1px;
  font-size: 11px;
  font-style: italic;
  text-transform: uppercase;
  padding: 1px; 
}
.ams a{
  color:#8e5c9a!important;
   margin-right: 5px;}
.ams span {
   display:none;
} 
.ams img{
  border-radius: 12px;
}
.ams:hover span {
   position:absolute;
  border-radius: 12px;
   background: #cbcdda;
   text-align:center;
   padding: 4px;
   display:inline-block;
   margin-top: -127px;
   left:-80px;
   z-index:100000;
   font-size:12px;
   color: #fff;
}
 
.hoverbox a {
cursor: default; }
.hoverbox a .preview {
display: none; }
.hoverbox {
cursor: default;
list-style: none; }
.hoverbox a:hover .preview {
display: block;
position: absolute;
top: -15px;
left: -15px;
z-index: 1; }

 

 
/* личная страница*/
.ramka { width: 800px; height: 1310px; padding: 0px; background-color: #efedf5;  
border-top: 15px solid #27061c;
border-left: solid 2px #6A0C4A;
border-right: solid 2px #6A0C4A;
border-bottom: 15px solid #27061c;
-webkit-border-radius: 5px;
border-radius: 32px;} 
.fon {  width: 800px; padding: 0px;  background: #efedf5; border-radius: 30px;} 
.fon .topcolor { width: 800px;   background: #b0abca; border-radius: 20px 20px 0px 0px;} 
.blok1 { position: absolute;     top: -80px;      left: -250px;     width: 300px;     height: 400px;     position: relative;     overflow: hidden;  }
.nic { background: #FFF;   padding: 10px; font-family: 'Cuprum', cursive; text-align: center; font-size: 18px; text-transform: uppercase; color: #27061c; line-height: 100%; margin-top: 8px; margin-left: 10px; }
.nab { background: #FFF; padding: 0px; font-family: 'Cuprum', cursive; text-align: center; font-size: 10px; text-transform: uppercase; color: #BEB7C8; line-height: 100%; margin-top: 2px; margin-left: 10px;}
.nabor { background: #FFF; padding: 2px; font-family: 'Cuprum', sans-serif; text-align: center; font-size: 10px; text-transform: uppercase; color: #27061c; line-height: 100%; margin-top: 0px; margin-bottom: 0px; border-left: 15px solid #f4c951; border-radius: 3px;  }
.stat {  position: absolute; width: 60px; background: #fff; padding: 5px; font-family: 'Cuprum', sans-serif; text-align: center; font-size: 12px; text-transform: uppercase; color: #27061c; line-height: 100%; margin-top: 5px; margin-left: 0px; border-radius: 3px;  border-style: dotted;  border-color: #efedf5;}
.blok2 {  position: relative;  top: -400px; left: 115px; width: 470px; height: 500px; background-size: cover; background-position: center; z-index: 2; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.blac {     width: 470px;     padding: 15px 15px 0px;     background: #f6f6f6;     border: 0px solid #e8e8e8; }
.blac .topcolor {   width: 200px;   margin-top: -82px;    padding: 25px 25px 10px;   background: #b0abca; }
.blac .topcolor .one {  text-align: center;  font-family: poppins;  font-weight: 700;  color: #fff;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.blac .topcolor .two { font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #fff;  line-height: 100%;margin-top: 2px;}
.blac .whitebar {   position: relative;}
.blac .whitebar .image {  width: 70px;  height: 70px;  border-radius: 100%;  background: #f6f6f6;  padding: 10px;  position: absolute;  top: -38px;   left: 350px;}
.blac .whitebar .image img {  width: 70px;  border-radius: 100%;}
.blac .textarea {  width: 400px;  background: #f6f6f6;  padding: 0px 5px 5px;}
.blac .textarea .inner { position: relative;  width: 300px; left: -55px;  background: #f6f6f6;  padding: 10px;  font-family: Cuprum;  font-size: 10px;  text-align: justify;  color: #27061c;  line-height: 100%;}
.blac .textarea .tags {  margin-top: 2px;  background: #fff;  width: 390px;  height: 5px;}
.blac .textarea .inner2 { position: relative;  width: 400px; left: 0px;  background: #f6f6f6;  padding: 5px;  font-family: Cuprum;  font-size: 11px;  text-align: justify;  color: #27061c;  line-height: 100%; text-transform: uppercase;}
.jack {    position: relative; left: 15px; width: 460px;     padding: 5px;     background: #fff;     border: 0px solid #e8e8e8; }
.jack .otz{   width: 435px;   margin-top: 0px;    padding: 10px 25px 10px;   background: #b0abca; }
.jack .otz .one {  position: relative; left: -35px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #fff;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.jack .otz .two { font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #fff;  line-height: 100%;margin-top: 2px;}
.jack .whitebar {  position: relative;  }
.jack .whitebar .image {  width: 70px;  height: 70px;  border-radius: 100%;  background: #fff;  padding: 10px;  position: absolute;  top: -38px;   left: 30px;}
.jack .whitebar .image img {  width: 70px;  border-radius: 100%;}
.bjack .textarea {  margin-left: 115px; width: 340px;  background: #E7E3ED; border: 5px solid #fff; padding: 10px 10px 10px;  }
.bjack .textarea .flu  {height: 180px; width: 320px; padding: 0px 5px;  overflow: auto }
.bjack .textarea .flu ::-webkit-scrollbar {width: 3px;}
#tba-aim { width: 270px; line-height: 100%; margin: 2px;  box-shadow: 0px 0px 0px 0px rgba(150,150,150, 0.5); }
#tba-header { position: relative; width: 270px; height: 45px; background-color: #a8dff4; z-index: 2; border-radius: 2px;   border-radius: 10px 10px 0px 0px; border-style: solid; border-color: #fff;}
#tba-header img { position: absolute; bottom: -40px; left: 12px; width: 55px; height: 55px; border: 7px solid #fcfcfc; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
 .tba-info { position: absolute; bottom: 5px; right: 40px; width: 141px; z-index: 1; }
.tba-name { width: 136px; height: 22px; overflow: hidden; color: #fafafa; font-family: bitter; font-size: 18px; font-weight: 700; font-style: normal; text-align: left; text-transform: lowercase; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -1px; word-spacing: 2px; line-height: 22px;   }
.tba-status { width: 131px; height: 11px; padding: 2px 0px 0px 5px; overflow: hidden; color: rgba(250,250,250,0.9); font-family: arial; font-size: 9px; font-weight: normal; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.3px; word-spacing: 0px; line-height: 100%; }
.tba-status a {  color: rgba(250,250,250,0.9)!important; }
.tba-status span.fa.fa-check-circle { float: left; margin-right: 4px; color: #a9da88; font-size: 12px; line-height: 9px; }
 .tba-box { position: relative; width: 258px; min-height: 50px; padding: 10px 6px; background-color: #fcfcfc; overflow-x: hidden; border-radius: 2px;   border-radius: 0px 0px 10px 10px; border-style: solid; border-color: #fff;}
div.tba-text { display: inline-block; clear: both; float: right; position: relative; max-width: 130px; min-height: 10px; padding: 8px 15px; background-color: #a8dff4; color: #FFFFFF; font-family: cuprum; font-size: 11.3px; font-weight: normal; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; word-wrap: break-word; margin: 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; z-index: 1; }
div.tba-text::after { content: ""; position: absolute; bottom: 0px; right: -26px; width: 15px; height: 30px; clip: rect(15px, 20px, 45px, 0px); border-color: #a8dff4; border-width: 0px 12px; border-style: solid; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 1; }
.tba-footer { width: 250px; padding: 15px 10px; background-color: #fefefe; border-top: 1px solid #f5f5f5; }
.tba-msg { width: 210px; margin-right: 10px; }
.tba-footer a { color: #a8dff4; font-family: arial; font-size: 11px; font-weight: normal; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; }
#name #tba-header { background-color: #c76e92; } 
#name div.tba-text { background-color: #c76e92;  } 
#name .tba-footer a { color: #c76e92; } 
#name div.tba-text::after { border-color: #c76e92; }
/* STATUS */
#name .tba-status span.fa.fa-check-circle { color: #a9da88; }
.smayli {  position: absolute;  left: -260px; top: 290px; width: 350px;     padding: 5px;     background: #fff;     border: 0px solid #E22828; }
.smayli .sm{   width: 300px;   margin-top: 0px;    padding: 10px 25px 10px;   background: #b0abca; }
.smayli .sm .one {    left: -35px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #fff;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.smayli .sm .two { font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #fff;  line-height: 100%;margin-top: 2px;}
.smayli .whitebar {  position: relative;  }
.smayli .whitebar .image {  width: 55px;  height: 55px;  border-radius: 100%;  background: #fff;  padding: 5px;  position: absolute;  top: -38px;   left: 10px;}
.smayli  .whitebar .image img {  width: 55px;  border-radius: 100%;}
.smayli .textarea {     margin-left: -5px; width: 330px;  background: #E7E3ED; border: 5px solid #fff; padding: 10px 10px 10px;}
.smayli .textarea .sma  {height: 130px; width: 320px; padding: 0px 5px;  overflow: auto }
.smayli .textarea .sma ::-webkit-scrollbar {width: 3px;}
.smayli .textarea .sma  img {height: 55px; width: 55px; margin: 0px; border: 2px solid #fff;  }
.nag {    position: relative; top: 20px; left: 55px; width: 380px;     padding: 5px;     background: #fff;     border: 0px solid #e8e8e8; }
.nag .pob {   width: 355px;   margin-top: 0px;    padding: 10px 25px 10px;   background: #b0abca; }
.nag .pob .one {  position: relative; left: -35px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #fff;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.nag .pob .two { font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #fff;  line-height: 100%;margin-top: 2px;}
.nag .whitebar {  position: relative;  }
.nag .whitebar .image {  width: 50px;  height: 50px;  border-radius: 100%;  background: #b0abca;  padding: 5px;    position: absolute;  top: -38px;   left: 300px;}
.nag .whitebar .image img {  width: 48px;  border-radius: 100%;}
.nagg .textarea {  margin-left: -275px; width: 740px;  background: #f6f6f6; border: 0px solid #fff; padding: 30px 10px 10px;}
.nagg .textarea .pri  {height: 160px; width: 720px; padding: 10px 10px; background: #D8D6DB; border-radius: 15px; overflow: auto; }
.nagg .textarea .pri ::-webkit-scrollbar {width: 3px;}
.nagg .textarea .pri img {  padding: 2px; margin: 2px; border-radius: 8px; border-style: groove; border-color: #efedf5;}
  #fluoresce { position: relative;  }
.fluoresce1a {height: 15px; line-height: 15px; font-family: cuprum; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: relative; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;  
top: -790px; left: -250px; }
.fluoresce1a:nth-child(2) {top: -804px; left: -140px; }
 .fluoresce1b {font-family: cuprum; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 32px; position: absolute;  font-weight: bold; text-shadow: 3px 1px 2px #27061c;}
.fluoresce1b:nth-child(3) {color: #FCEA31; top: -780px;  left: 26px} 
 .ost {    position: relative; top: -30px; left: -275px; width: 750px;     padding: 5px;     background: #fff;     border: 0px solid #e8e8e8; }
.ost .col {   width: 750px;   margin-left: -25px; margin-top: 0px;    padding: 10px 25px 0px;   background: #b0abca; }
.ost .col .one {  position: relative; top: 10px; left: -140px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #fff;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.ost .col .two { position: relative; top: 10px; left: -140px; font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #fff;  line-height: 100%;margin-top: 2px;}
.ost .col .three {  position: relative; top: -20px; left: 250px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #fff;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.ost .col .four { position: relative; top: -20px; left: 250px; font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #fff;  line-height: 100%;margin-top: 2px;}
.ost .whitebar {  position: relative;  }
.ost .whitebar .image {  width: 50px;  height: 50px;  border-radius: 100%;  background: #b0abca;  padding: 5px;    position: absolute;  top: -30px;   left: 400px;}
.ost .whitebar .image img {  width: 48px;  border-radius: 100%;}
.ostt .textarea {  margin-top: -30px; margin-left: -275px; width: 740px; height: 330px;  background: #f6f6f6; border: 0px solid #fff; padding: 0px 10px 10px;}
.ostt .textarea .lec  { margin-left: -10px;  height: 250px; width: 400px; padding: 10px 22px 0px 0px;  background: #D8D6DB; border-radius: 15px; overflow: auto }
.ostt .textarea .lec  ::-webkit-scrollbar {width: 3px;}
.ostt  .textarea .lec .nomn {   width: 50px; height: 50px; background: #; padding: 2px; margin: 2px; border-radius: 8px; border-style: groove; border-color: #efedf5;}
.ostt  .textarea .lec .nomnn {  width: 50px; height: 50px; background: #f6f6f6; padding-top: 10px; font-family: 'cuprum', cursive; text-align: center; font-size: 10px; text-transform: uppercase; color: #27061c; line-height: 100%; margin-top: 0px;}
.ostt .textarea .lec2  { margin-left: 48px;  height: 250px; width: 280px; padding: 10px 28px 0px 0px; background: #D8D6DB; border-radius: 15px; overflow: auto }
.ostt .textarea .lec2  ::-webkit-scrollbar {width: 3px;}
.ostt  .textarea .lec2 img {  padding: 2px; margin: 2px; border-radius: 8px; border-style: groove; border-color: #efedf5;}
.ostt  .textarea .lec2 .nomn {   width: 50px; height: 50px; background: #; padding: 2px; margin: 2px; border-radius: 8px; border-style: groove; border-color: #efedf5;}
.ostt  .textarea .lec2 .nomnn {  width: 50px; height: 50px; background: #f6f6f6; padding-top: 10px; font-family: 'cuprum', cursive; text-align: center; font-size: 10px; text-transform: uppercase; color: #27061c; line-height: 100%; margin-top: 0px;}
.ostt  .textarea .lec2 .nompl {  width: 10px; height: 50px; padding: 2px; margin-top: 15px; font-size: 20px; }
.final { position: relative;   width: 800px; top: -30px; left: -295px; background: #b0abca; border-radius: 0px 0px 20px 20px;} 
#fluores { position: relative;  }
.fluores1a {height: 25px; line-height: 25px; font-family: cuprum; background: white; color: #84285b; width: 180px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: relative; font-size: 20px; text-transform: uppercase; letter-spacing: 3px;  
top: -40px; left: -210px; }
.fluores1a:nth-child(2) { height: 15px; line-height: 15px; width: 100px; top: -50px; left: -130px; font-size: 10px;}





#povorot-mp { 
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden; 
}

.povorot-hov {
    position: relative;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.6);
    transition-: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
  transition-duration: .5s; -webkit- transition-duration: .5s; -moz- transition-duration: .5s; -ms- transition-duration: .5s; -o- transition-duration: .5s;  transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);
    opacity: 0.0;
}

#povorot-mp:hover .povorot-hov {
    top: -50px;
    opacity: 1.0; 
transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);
}


/* оформление*/
.ofortem { width: 630px; height: auto;  position: relative; background: url("http://funkyimg.com/i/281RC.png") no-repeat center top,  url("http://funkyimg.com/i/281TF.png")  no-repeat center bottom, url("http://funkyimg.com/i/281U2.png") repeat-y center; } 
.ofortemvn {  padding: 110px 40px 20px 40px; } 
.textopt {  background-color: #ede8df;  font-family: 'cuprum', sans-serif;  color: #5f1122;  font-size: 12px;  font-style: italic;  line-height: 100%;  padding: 10px;  border: 0px double #e9e9ee; text-align: left;}
.fact {  background-color: #cbbeaa;  font-family: 'josefin slab', sans-serif;  text-transform: uppercase;  color: #3f0828;  font-size: 12px;  font-style: italic;  line-height: 100%;  float: left;  padding: 1px 4px;  margin-right: 4px!important;  border: 3px double #e9e9ee;} 
.lougall2 .one { width: 512px; height: 250px; padding: 19px;  background: #ede8df; position: relative; }
.lougall2 .six { width: 170px; height: 199px; padding: 10px;   position: absolute; top: 50px; left: 310px; background: #f7f5f2; overflow: auto; font-family: cuprum; font-size: 12px; color: #999; text-align: justify; line-height: 100%; border: 3px double #e9e9ee;}
.lougall2 .six b {  color: #3f0828;  }
.lougall2 .seven { width: 240px; height: 199px; border: 1px solid #f1f1f1; background: #f7f5f2; padding: 9px; overflow: auto; font-family: raleway; font-size: 12px; letter-spacing: 1px; color: #33134d; font-weight: 600; line-height: 110%; border: 0px double #e9e9ee;}
#lougall2-tabs { position: absolute; top: 10px; left:  20px; width: 500px; height: 160px; clear: both; margin: 0;   }
#lougall2-tabs .tab { display: inline-block;  }
#lougall2-tabs .tab label { height: 20px; width: 90px; text-align: center; margin: 3px; border: 0px; position: relative; display: inline-block; font-family: cuprum; font-size: 14px;  color: #592b75; background: #f7f5f2; border-radius: 10px; box-shadow: 1px 1px 0px #592b75; text-shadow: 1px 0px 0px #f7f5f2;}
#lougall2-tabs .tab [type=radio] { display:none;  baseline-tab-shift:true, retrieve; }
#lougall2-tabs .content { position: absolute; top: 20px; bottom:0px; left: 0px; width: 250px; height: 170px; border:none; display:none; text-align:justify; background: #;  padding: 19px; }
#lougall2-tabs [type=radio]:checked ~ label { z-index: 10; color: #81298e; }
#lougall2-tabs [type=radio]:checked ~ label ~ .content { display:block; }


/* гостевая админы*/
.mattielinks2 .one2 {      width: 510px!important; height: 70px!important;  background: #ede8df; margin-bottom: -25px!important;}
.mattielinks2 .one2 a { width: 40px; height: 40px; padding: 2px; border: 1px solid #eee; float: left; position: relative; z-index: 1; margin-right: 0px; }
 .mattielinks2 .one2 a img { width: 40px; }
 .mattielinks2 .one2 .bg { width: 45px; height: 45px; background: #161166; display: block; z-index: 0; position: relative; top: 0px; left: -232px; -webkit-transition-duration: .6s; transition-duration: .6s; }
.mattielinks2 .one2 a:nth-child(2):hover ~ .bg { left: -186px; background: #cda345; }
.mattielinks2 .one2 a:nth-child(3):hover ~ .bg { left: -140px; background: #3f0828; }
.mattielinks2 .one2 a:nth-child(4):hover ~ .bg { left: -94px; background-color: #9f6632; }
.mattielinks2 .one2 a:nth-child(5):hover ~ .bg { left: -48px; background-color: #783882; }
.mattielinks2 .one2 a:nth-child(6):hover ~ .bg { left: -2px; background-color: #783882; }
.mattielinks2 .one2 a:nth-child(7):hover ~ .bg { left: 44px; background: #574fbb; }
.mattielinks2 .one2 a:nth-child(8):hover ~ .bg { left: 90px; background: #e75b45; }
.mattielinks2 .one2 a:nth-child(9):hover ~ .bg { left: 136px; background-color: #88947c; }
.mattielinks2 .one2 a:nth-child(10):hover ~ .bg { left: 182px; background-color: #15116a; }

/* гостевая свободные*/
 .mattielinks1 .one {      width: 165px!important; height: 70px!important;  padding: 5px; background: #f7f5f2;}
.mattielinks1 .one a { width: 45px; height: 45px; padding: 3px; border: 1px solid #eee; float: left; position: relative; z-index: 1; margin-right: 0px; }
 .mattielinks1 .one a img { width: 45px; }
 .mattielinks1 .one .bg { width: 53px; height: 53px; background: #6d3e8c; display: block; z-index: 0; position: absolute; top: 5px; left: 5px; -webkit-transition-duration: .6s; transition-duration: .6s; }
.mattielinks1 .one a:nth-child(2):hover ~ .bg { left: 59px; background: #CCC691; }
.mattielinks1 .one a:nth-child(3):hover ~ .bg { left: 111px; background: #CC919A; }
.mattielinks1 .one a:nth-child(4):hover ~ .bg { top: 58px; background-color: #cca546; }
.mattielinks1 .one a:nth-child(5):hover ~ .bg { top: 58px; left: 59px; background-color: #721020; }
.mattielinks1 .one a:nth-child(6):hover ~ .bg { top: 58px; left: 111px; background-color: #2f269a; }

/* путеводитель*/
.polosa {width:480px;background: #ffffff;padding:1px;height:4px; font-family:lobster;font-size:15px;line-height:20%;margin:10px!important;text-transform: lowercase;text-align: left;}
.textop {  width: 500px;font-family: 'cuprum'; font-size: 12.5px; text-align: justify;color:#413020;}  
.number n{border-bottom: 2px solid #276069;padding: 0px 5px 0px 5px;}

/* фишки*/
 .nomernag4 { width: 200px; padding: 2px; background-color: #f7f5f2; color: #7d6343; margin-bottom: 5px; font-size: 10px;  text-transform: uppercase; font-family: calibri, sans-serif; border-bottom: 1px ridge #be9e77;
border-top: 1px ridge #be9e77; }
.nomernag5 { width: 50px; padding: 2px; margin-bottom: 5px; font-size: 10px;  border-bottom: 1px ridge #be9e77; text-align: center; border-top: 1px ridge #be9e77; transition: 0.2s all ease-in-out; }
.nomernag4:hover { color: #f2efea; box-shadow:inset 206px 0 0 #4f296d;}

 
 /*локации*/
.ofloc {     width: 600px;    padding: 15px;    background: #fff;    border: 3px solid #eaeaea;}
.ofloc .topcolor {  width: 550px;  padding: 25px 25px 50px;  background: #9e82b0;}
.ofloc .topcolor .one {  text-align: center;  font-family: poppins;  font-weight: 700;  color: #fefefe;  font-size: 22px;  letter-spacing: -1px;
  text-transform: uppercase;  line-height: 30%;}
 .ofloc .topcolor .two2 {  text-align: center;  font-family: cuprum;  font-size: 12px;  color: #fefefe;  line-height: 100%;margin-top: 10px;}
.ofloc .whitebar {   width: 510px;  position: relative;background: #;  height: 300px;}
.ofloc .whitebar .image {  width: 510px;  height: 300px;  border-radius: 0%;  background: #;  padding: 5px;  position: absolute;  top: -30px;   left: 0px;}
.ofloc .whitebar .image img {  width: 500px;height: 300px;  border-radius: 0%; border: 5px solid #eaeaea;}

/* подарки +добавочный*/
#app { position: relative; width: 455px; height: 450px; padding: 10px; background-color: #f7f5f2; } 
.tabs { float: right; } 
.tabs label { display: block; width: 70px; padding: 5px; text-align: center; font-family: 'Calibri'; font-size: 11px; color: #67426c; text-transform: uppercase; background: #c8bdca; position: relative; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; top: 0px; right: 0px; } 
.tabs:hover label { color: #c8bdca; background: #ac76a9;  -moz-transition-duration: .8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; } 
.tabs [type=radio] { display: none; } 
.content1 { width: 350px; height: 430px; padding: 10px; font-family: 'Verdana'; font-size: 10px; color: #67426c; overflow: auto; background: #f3f1e6; opacity: 0; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; position: absolute; top: 7px; right: 100px; text-align: justify; line-height: 1.2em; } 
.content1:hover { background-color: #c8bdca; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s;  }
.content1::-webkit-scrollbar { width: 5px; background: #c8bdca; } .content1::-webkit-scrollbar-thumb { background: #67426c; } .content1::-webkit-scrollbar-corner { background: #67426c; } .content1::-webkit-scrollbar { width: 5px; background: #c8bdca; } .content1::-webkit-scrollbar-thumb { background: #67426c; } .content1::-webkit-scrollbar-corner { background: #e21f3b; } 
 .title1 { font-family: 'cuprum'; font-size: 25px; text-transform: uppercase; }

 /* работа*/
 .korpus > div, .korpus > input { display: none; }
.korpus {text-align: center; padding: 10px;}
.korpus label {  width: 220px;  padding: 5px 5px;  display: inline-block;  word-spacing: 5px;  letter-spacing: 2px;  font-weight: bold;  background: #f7f5f2;  border: 3px ridge #be9e77; color: #4d3823;cursor:pointer;font-size: 14px; font-family: cuprum;   }
.korpus label:hover {  background-color:  #ded5c6;  color:  #4d3823;}
.korpus input[type="radio"]:checked + label {  background: url(http://funkyimg.com/i/284ra.png);   color:  #7d6343; border: 3px ridge #be9e77;}
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7),
.korpus > input:nth-of-type(8):checked ~ div:nth-of-type(8),
.korpus > input:nth-of-type(9):checked ~ div:nth-of-type(9)
{   display: block;   padding-top: 15px;  text-align: justify;} 


  

 /* инста*/
#hbg { width: 600px; height: 260px; background-image: url('http://eightletters.de/Instagram/background.jpg'); box-shadow: inset 30px 0px 20px #000000;} 
#ibg {width: 600px; height: 230px; background-image: url('http://eightletters.de/Instagram/background2.jpg'); } 
#pbg {width: 500px; height: 80px; background: #fafafa; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } 
#profilbild {width: 90px; padding: 5px; border-radius: 5px; background: #fafafa; border: 1px solid #d9d9d9; position: relative; right: 180px; bottom: 50px;} 
#bild1 { height: 100px; width: 100px;}   
#bild2 {height: 100px; width: 100px;}  
#bild3 {height: 200px; width: 200px;}  
#bild4 {height: 100px; width: 100px;}   
#bild5 {height: 100px; width: 100px;}  
#bild6 {height: 100px; width: 100px;}  
#bild7 {height: 100px; width: 100px;}   
.username { font-size: 25px; color: #111111; font-family: 'Helvetica'; position: relative; bottom: 120px; right: 55px; text-transform: lowercase;} 
.rname { font-size: 14px; color: #49779b; font-family: 'Arial'; position: relative; bottom: 120px; right: 45px; font-weight: bold; letter-spacing: -1px;} 

.bbg2 {   width: 430px; padding: 10px; background-image: url('http://eightletters.de/Instagram/background2.jpg'); } 
.busername2 {width: 430px; height: 50px; background: #fafafa; border-top: 1px solid #cccccc; border-top-right-radius: 5px; border-top-left-radius: 5px; text-shadow: none;}
.gross2 {color: #333333; font-family: 'Helvetica'; font-weight: bold; letter-spacing: -1px; font-size: 14px; text-shadow: none; text-transform: lowercase;}
.kleinb2 {font-family: 'Helvetica'; font-weight: bold; font-size: 12px; color: #000000; text-shadow: none;} 
.blikes2 {width: 380px; background: #fafafa; border-bottom: 1px solid #cccccc; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: left; padding-left: 25px; padding-top: 5px; padding-right: 25px; padding-bottom: 5px; text-shadow: none;}
.blau2 { color: #49658b; text-shadow: none; font-weight: bold;}
.comments1 {position: relative; width: 430px; height: 40px;}
.circle {position: relative; background-repeat: no-repeat; overflow:hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 45px; height: 45px;}
n {font-weight: bold; color: #2c71a9;}
h {color: #2c71a9;}
.middlestuff {width:420px; padding: 5px; background: #fff;}
.username1 {position: relative; left: 0px; text-align: justify; color: #000; font-family: calibri; font-size: 14px; line-height: 100%;}

 /* навигация*/
.navtab { width: 70px; padding: 1px; background-color: #441759; color: #f2efea;   margin-bottom: 0px; font-size: 9px; font-family: cuprum; border: 2px solid #53226a;  font-weight: bold; text-align: center; text-transform: uppercase;  opacity: 0.8;  cursor:pointer; border-radius: 20px;
transition: 0.2s all ease-in-out; 
-webkit-transition: 0.6s all ease-in-out; 
-moz-transition: 0.6s all ease-in-out; 
o-transition: 0.6s all ease-in-out; }
.navtab1 { width: 130px; padding: 1px; background-color: #441759; color: #f2efea;   margin-bottom: 0px; font-size: 9px; font-family: cuprum; border: 2px solid #53226a;  font-weight: bold; text-align: center; text-transform: uppercase;  opacity: 0.8;  cursor:pointer; border-radius: 20px;
transition: 0.2s all ease-in-out; 
-webkit-transition: 0.6s all ease-in-out; 
-moz-transition: 0.6s all ease-in-out; 
o-transition: 0.6s all ease-in-out; }
.navtab:hover, .navtab1:hover { color: #f2efea; box-shadow:inset 253px 0 0 #cd5c20; opacity: 1;}
.gostevaya01  { display:block; position: relative; width: 250px; padding: 1px; background-color: #d3830c; color: #f2efea;   margin-bottom: 0px; font-size: 11px; font-family: cuprum; border-bottom: 1px solid #eadfcf; border-top: 1px solid #eadfcf; font-weight: bold; text-align: left; text-transform: uppercase;  opacity: 0.8;  cursor:pointer;
transition: 0.2s all ease-in-out; 
-webkit-transition: 0.6s all ease-in-out; 
-moz-transition: 0.6s all ease-in-out; 
o-transition: 0.6s all ease-in-out; }
.gostevaya01:hover { color: #f2efea; box-shadow:inset 253px 0 0 #a10f12; opacity: 1;}
.ssgtab {color: #f2efea!important;}
.ssgtab:hover {color: #f2efea!important;}



 /* оформление постов*/
.vibcont{width: 500px; height: 650px;  padding: 10px; background-color: #f9f9f9; border-left: 50px solid #4F0754; border-right: 2px solid #A21FAD;-webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }
.vibcont b { color: #A71A5B;}
.vibcont i { color: #F0C505;}
.vibtitle{width: 490px; padding: 5px; font-family: georgia; text-align: center; font-size: 20px; font-style: italic; letter-spacing: 3px; color: #C31CD9; text-shadow: 1px 0px 0px #2e2e2c;}
.vibquote{width: 390px; padding: 5px; font-family: georgia; text-align: center; font-size: 10px; font-style: italic; letter-spacing: 2px; line-height: 100%; color: #2e2e2c; }
.vibtriangle-down{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #4F0754;}
.vibflip { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;  -o-transition: all 2s ease-in-out;  -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; }
.vibcont:hover .vibflip{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.vibfb { overflow: hidden; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; }
.vibfa { overflow: hidden; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; }
.vibcont:hover .vibfa {-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; opacity: 1; }
.vibcred{position: relative; right: -177px; bottom: 8px;}

 /* оформление постов2*/
.vibcontt {width: 500px; height: 370px;  padding: 10px; background-color: #f9f9f9; border-left: 50px solid #4F0754; border-right: 2px solid #A21FAD;-webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }
.vibcontt b { color: #A71A5B;}
.vibcontt i { color: #F0C505;}
.vibtitlee {width: 490px; padding: 5px; font-family: georgia; text-align: center; font-size: 20px; font-style: italic; letter-spacing: 3px; color: #C31CD9; text-shadow: 1px 0px 0px #2e2e2c;}
.vibquotee {width: 390px; padding: 5px; font-family: georgia; text-align: center; font-size: 10px; font-style: italic; letter-spacing: 2px; line-height: 100%; color: #2e2e2c; }
.vibtrianglee-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #4F0754;}
.vibflipp { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;  -o-transition: all 2s ease-in-out;  -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; }
.vibcontt:hover .vibflipp{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.vibfbb { overflow: hidden; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; }
.vibfaa { overflow: hidden; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; }
.vibcontt:hover .vibfaa {-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; opacity: 1; }
.vibcredd{position: relative; right: -177px; bottom: 8px;}