/*--------------------------- шапка --------------------------------------------------*/
#pun-title table {
  background: url(http://funkyimg.com/i/2n5oU.png) no-repeat top right; 
  height: 700px;
  width: 1920px;
  margin-left:-510px;
}
/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
  background: url(http://funkyimg.com/i/2n5pA.png) bottom center no-repeat;
  height: 150px;
  width: 1920px;
  margin-left:-511px;
  padding-top:20px;
  margin-bottom:-66px;
}

/*------------------------------- иконки ----------------------------------------*/
/* иконка старых сообщений*/
table Div.icon { 
  background: url(http://funkyimg.com/i/2n7Vp.png) no-repeat top center;
}
/* иконка новых */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/2n7Vo.png) no-repeat top center;
}
/* иконка важных*/
#pun-viewforum TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2n7Vo.png) no-repeat top center;
}
/*иконка закрытых*/
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2n7Vp.png) no-repeat top center;
}
/* ------------------------ картинки статистики ------------------------------*/
#pun-stats.section h2 { 
  background: url(http://funkyimg.com/i/2n5yq.png) no-repeat;
  padding-bottom:0px;
margin-top: 29px;
margin-left: -14px;
margin-bottom: -20px;
  width:934px;
  height:126px;
}
#pun-stats h2 span { 
   display:none;
}
/*------------------------------- быстрый ответ ---------------------------------*/
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(http://funkyimg.com/i/2n5YR.png) no-repeat;
margin-top: -10px;
margin-left: -15px;
margin-bottom: -50px;
  width:934px;
  height:126px;
}
/*----------------------кнопки типа отправить_посмотреть----------------------------*/
.hashelp center div a button{
  width:86px!important;
padding: 5px 10px 5px 10px!important;
margin-right:5px!important;
}
.hashelp center div a button, .button {   
    background-color: #8d1047!important;
  border-radius:15px;
-webkit-box-shadow: inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
-moz-box-shadow:    inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
box-shadow:         inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
border: none;
text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: cuprum!important;
font-style: italic!important;
text-transform: lowercase;
color: #fff5f2;
padding: 5px 10px 5px 10px!important;
   font-size:13px!important;
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
}
/*------------------------ профиль ----------------------------------*/
.pa-respect a{color:#FFFFFF!important; text-shadow: none!important;}
.pa-respect a:hover{color:#c848c6!important;}
#pun-reputation div {
background: #f0efea;
}
#post fieldset legend span {
  display:none;
}
.pa-time-visit, .pa-online, .pa-ip, .pa-visit, .pa-last-visit {
font-size: 10px;
}
.pa-posts {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 50px;
margin-left: 4px!important;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 12px;
font-family: bebas neue;
}
.pa-respect {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 46px;
margin-left: 0;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 12px;
font-family: bebas neue;
}
.pa-fld1 {
text-align: center;
display: inline-block;
padding: 0 5px!important;
margin-left: 6px;
margin-bottom: 5px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 12px;
font-family: bebas neue;
}


div.pa-fld2 {
text-align: center;
display: inline-block;
padding: 0 5px!important;
margin-left: 9px;
margin-bottom: 5px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 12px;
font-family: bebas neue;
border-radius: 0px 0px 15px 15px; box-shadow: inset 0px 0px 14px #29091c, 0px 0px 1px #fff;
}

div.pa-fld4 {
text-align: center;
display: inline-block;
padding: 0 5px!important;
margin-left: 11px;
margin-bottom: 5px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 12px;
font-family: bebas neue;
border-radius: 0px 0px 15px 15px; box-shadow: inset 0px 0px 14px #29091c, 0px 0px 1px #fff;
}

div.pa-fld5 {
text-align: center;
display: inline-block;
padding: 0 5px!important;
margin-left: 16px;
margin-bottom: 5px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 12px;
font-family: bebas neue;
border-radius: 0px 0px 15px 15px; box-shadow: inset 0px 0px 14px #29091c, 0px 0px 1px #fff;
}

div.pa-fld3 {width: 170px; text-align: center; font-size: 11px; padding: 10px 7px 10px 7px!important; margin-bottom: 7px!important; margin-left: 1px!important; line-height: 122%!important; font-family: roboto condensed; background: url(); border-radius: 0px 0px 15px 15px; box-shadow: inset 0px 0px 14px #29091c, 0px 0px 1px #fff;}

.pran {font-size: 14px; font-family: bebas neue; text-align: center; padding: 0px 0px 2px 0px; letter-spacing: 0px;}
.pran a {color: ;}
.pran a:hover {color: ;}
.pl {margin-top: -22px!important; margin-bottom: 6px!important;}

/*------------------------полоски прокрутки-----------------------*/
::-webkit-scrollbar-thumb:vertical {
  background-color:#8d1148; border-radius: 40px;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#8d1148; border-radius: 40px;
}
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color: #fff5f2;
}
/*-----------------ширина колонок в списке активных пользователей ----------------*/
div#pun-online.punbb .tc3 {
  text-align: left; /*текст справа*/
  width: 20%; /*ширина третьей колонки*/
}
div#pun-online.punbb .tcl {
  text-align: left; /*текст слева для первых двух колонок*/ 
}
#pun-online th.tcl, #pun-online th.tc3 {
   font-size:0%;
}


/*-------------------------------- категории ------------------------------- */
.category h2 span {visibility: hidden!important;}

#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2n5qM.png);
height: 126px;
width:934px;
font-size:0!important;
margin-left:-10px;
margin-top: 15px;
margin-bottom: -25px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2n5xG.png);
height: 126px;
width:934px;
font-size:0!important;
margin-left:-15px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2n5Jd.png);
height: 126px;
width: 934px;
font-size:0!important;
margin-left:-15px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2n5Ld.png);
height: 126px;
width:934px;
font-size:0!important;
margin-left:-15px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2n5MA.png);
height: 126px;
width:934px;
font-size:0!important;
margin-left:-15px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2n5N4.png);
height: 126px;
width:934px;
font-size:0!important;
margin-left:-15px;
margin-top: 20px;
margin-bottom: -25px;}

/*-------------------------------- разное ------------------------------- */
#pun-main div.catleft, #pun-main div.catright, #pun-announcement h2, .lastedit, .mini_awards_label, .mini_awards, .title-logo span, li#navawards, #topic-modmenu .container span {
  display: none;
}

/* время отправки поста + рейтинг поста */
.permalink{
  font-size: 15px;
  font-family: cuprum;
font-style: italic;
text-transform: lowercase;
text-align: left;
  font-weight: normal!important;
  color: #742f56!important;
text-shadow: 1px 1px 0px #fff;
}

hr {border: none;border-top: dotted 1px #d2a0d8;}

.punbb th { background: transparent;color: transparent;}




.lu2 label {
width: 100px;
padding: 5px 5px;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px #fff;
color: #556b7f;
  margin-top: 31px;
text-transform: uppercase;
}
.lu2 label:hover {
color: #475f6f;
text-transform: uppercase;
}
.lu1 label {
width: 100px;
padding: 5px 5px;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px #fff;
color: #55707f;
  margin-top: 31px;
text-transform: uppercase;
}
.lu1 label:hover {
color: #47646f;
text-transform: uppercase;
}
.lu label {
width: 100px;
padding: 5px 5px;
display: inline-block;
letter-spacing: 2px;
text-shadow: 1px 1px #fff;
color: #556b7f;
  margin-top: 31px;
text-transform: uppercase;
}

.lu label:hover {
color: #47606f;
text-transform: uppercase;
}

.ocn label, .ocn label1 {
width: 160px!important;
font-size: 12px!important;
margin:3px;
 line-height: 16px;
display: inline-block;
letter-spacing: 0.5px;
background: #dee5e8;
text-transform: uppercase;
font-weight: bold;
color: #445864;
text-shadow: #fff 1px 1px 0px; font-family: bebas neue; 
text-align: center;
border-bottom: 1px solid #7794ac; 
border-top: 2px solid #7794ac;
border-radius: 8px;
}
.ocn label:hover {
background:  #b2c6d3;
  color: #445964;
text-transform: uppercase;
}
.ocn label1:hover {
background:  #b2c6d3;
  color: #445964;
text-transform: uppercase;
}
/*-------------------------------- 1ое соо темы ------------------------------- */
.topic01a { width: 610px; height: auto; min-height: 140px; margin-left: 128px; background: url(http://funkyimg.com/i/2n8ts.png) top no-repeat, url(http://funkyimg.com/i/2n8tt.png) bottom no-repeat, url(http://funkyimg.com/i/2n8tu.png) 0px repeat-y; padding-top: 80px; padding-bottom: 30px; display: block;}
.topicname01a {width: 475px; letter-spacing: 0.5px; font-weight: bold; color: #c595a7; text-shadow: # 0px 0px 0px; font-family: bebas neue; font-size: 25px; text-align: center; padding:-5px; margin-top: 163px; padding-bottom: 25px;} 
.topiczone01a { width: 490px; font-family: arial; line-height: 130%; letter-spacing: 0px; text-align: justify; margin-left:0px; margin-top: -175px; padding: 10px 0 0 0; }
.name{overflow: auto; height: 150px; padding: 5px; font-size: 10px;}

#adult {width: 178px; height: 178px; }
#adult .hover {width: 158px; height: 158px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 120%!important; font-family: verdana; max-width: 100%; overflow-x: hidden;}
#adult:hover .hover {opacity: 1;}
.adultname {width: 168px; height: 18px; background-color: #a9cee8; color: #3a4c62; text-shadow: #fff 1px 1px 0px; padding: 10px 5px 5px 5px; text-transform: uppercase; font-family: bebas neue; text-align: center; font-size: 15px;}
#adult ::-webkit-scrollbar-track {background-color: #ffffff;}

.trin {width: 570px; height: 545px; border: 1px solid #e3e3e3;}
.trin1 {width: 530px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe; border-bottom: 1px solid #e3e3e3; text-align: left;}
.trin2 {background: #f7f7f7; height: 451px; width: 510px; padding: 18px 30px 20px 30px;}
.trin3 {text-align: right; color: #989898; font-family: source sans pro, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-decoration: none; text-transform: uppercase; letter-spacing: -1px; word-spacing: 3px;}
.trin4 {color: #565656; font-family: source sans pro, sans-serif; font-size: 20px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%;}
.trin5 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 11px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-bottom: 15px; margin-top: 2px;}
.trin6 {padding: 0px 5px; color: #787878; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: center; text-decoration: none; text-align: center; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-top: -5px;}
.trin7 {padding-top: 10px; padding-bottom: 14px; color: #898989; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 5px; line-height: 100%;}
.trin8 {margin-top: 20px; padding: 10px 8px 5px 8px; border-top: 1px solid #e8e8e8; text-align: center; color: #898989; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin9 {color: #565656; font-family: source sans pro, sans-serif; font-size: 14px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin10 {color: #565656; font-family: source sans pro, sans-serif; font-size: 14px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin11 {border: 1px solid #e8e8e8; background-color: #fefefe; padding: 8px; width: 100px;}
.trin12 {width: 165px; padding: 70px 10px 10px 10px; text-align: center; background-color: #fefefe; border: 1px solid #e8e8e8; margin-top: -60px!important;}
.trin13 {text-align: center; padding: 0px 20px;}

.trinp {width: 400px; height: auto; border: 1px solid #e3e3e3;}
.trinp1 {width: 360px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe;}
.trinp2 {background: #fefefe; height: auto; width: 400px; padding: 0px 0px 20px 0px;}
.trinp3 {color: #686868; font-family: source sans pro, sans-serif; font-size: 16px; font-weight: 900; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -5px; padding-left: 10px;}
.trinp4 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-left: 10px;}
.trinp5 {color: #686868; font-family: source sans pro, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-align: right; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -5px; padding-right: 10px;}
.trinp6 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: right; text-decoration: none; text-transform: lowercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-right: 10px;}
.trinp7 {padding: 5px 16px 0px 16px; color: #565656; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: justify; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}

.trinpa {width: 400px; height: auto; border: 1px solid #e3e3e3;}
.trinpa1 {width: 360px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe;}
.trinpa2 {background: #fefefe; height: auto; width: 400px; padding: 0px 0px 20px 0px;}
.trinpa3 {color: #686868; font-family: source sans pro, sans-serif; font-size: 16px; font-weight: 900; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -2px; padding-left: 2px;}
.trinpa4 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-left: 2px;}
.trinpa5 {padding: 0px 14px 0px 14px; color: #565656; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: justify; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}


.mainlink {text-align:center; margin-top:9px!important;}
.mainlink a {display:inline-block; font-size:10px; font-family: arial; color:#fff!important; text-shadow: none!important; padding:2px 2px 4px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s;text-align:center; width:30px; border-radius: 6px; font-style: italic; background: #bdb6c4;}
.mainlink a:hover {color: #fff!important; border-radius: 6px; background: #8a5398;}

.mainlink1 {text-align:center;}
.mainlink1 a {width: 60px; font-size:11px; font-family: arial; color:#d7b7d6!important; text-shadow: 1px 1px 0px #470c37!important; text-transform:lowercase; transition: 0.1s; text-align:center;}
.mainlink1 a:hover {color: #fff!important; text-shadow: 1px 1px 0px #297bbc!important;}

.ams {
  position: relative;
  display:inline-block;
  padding: 1px 0px;
line-height: 140%;
margin-left: 4px!important;
}
.ams a {
  color:#9c3b00!important;
margin-right:0px;
  text-shadow: #fff 1px 1px 0px;
}
.ams a:hover {
  color: #a846a0; 
text-shadow: #ffffff 1px 1px;
}
.ams span {
   display:none;
}
.ams:hover span {
   position:absolute;
   padding:0px;
   margin-bottom:5px!important;
border-radius: 10px;
   text-align:center;
   padding:6px 5px 3px 5px;
   display:inline-block;
   margin-top:-180px;
   left:-50px;
   z-index:100000;
   font-size:13px;
font-family: cuprum;
text-transform: lowercase; 
font-style: italic;
text-shadow: 1px 1px 0px #fff;
color: #4c425f;
}




/*--------------------------- переключалки во всех темах --------------------------------------------------*/
.ocn > div, .ocn > input { display: none; }

.ocn {text-align: center;}

.ocn label {
width: 260px;
display: inline-block;
letter-spacing: 0.5px;
background: #efe9ec;
text-transform: uppercase;
font-weight: bold;
color: #412231;
text-shadow: #fff 1px 1px 0px; font-family: bebas neue; 
font-size: 9px;
text-align: center;
border-bottom: 1px solid #c595a7; 
border-top: 2px solid #c595a7;
border-radius: 8px;
}

.ocn label:hover {
background:  #e9eeef;
  color: #28373a;
text-transform: uppercase;
}

.ocn input[type="radio"]:checked + label {
font-weight: bold;
text-transform: uppercase;
}

.ocn > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.ocn > input:nth-of-type(2):checked ~ div:nth-of-type(2)

{ display: block;  margin-top: 10px; text-align: justify;}


/*--------------------------- код принятия --------------------------------------------------*/
.prin {width: 500px; height: 230px; background: url(http://funkyimg.com/i/2nbPE.png);}
.prin1 {width: 347px; height: 183px; border-radius: 30px; text-align: justify; font-size: 10px; overflow-y: auto; line-height: 130%;}



/* инста*/
#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: 100px; 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: 188px;}  
#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%;}

/*анкета*/
.textbsbb { width: 550px;  padding: 5px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/2mY42.png); padding-bottom: 0px; border-bottom: 0px;  height: 650px; margin-top: 100px;}

.magbig { width:550px; height:650px; background-image:url(http://funkyimg.com/i/2mY43.png); position:relative; overflow:hidden; }
.maglocksc { position:absolute; top:0px; left:0px; width:550px; height:650px; overflow:hidden; }

.magbgimgg { background-image:url(http://funkyimg.com/i/2mY43.png) 200px 200px no-repeat; background-size:cover; position:absolute; top:0px; left:0px; width:550px; height:650px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }

.magbgimgg img { position:absolute; top:82px; left:178px; width:200px; height:200px; border-radius: 200px;}
.magdname {     position: absolute;    top: 320px;    left: 66px;    font-family: bebas neue!important;    font-size: 20px;    color: #ffffff; text-shadow: #091c48 1px 1px;    width: 395px;    height: 33px;    text-align: center;}
.magdprof {position: absolute;    top: 370px;    left: 76px;    font-family: bebas neue!important;    font-size: 16px;    color: #ffffff; text-shadow: #091c48 1px 1px;   width: 395px;    height: 30px;    text-align: center;}
.magvneha {position: absolute;    top: 352px;    left: 76px;    font-family: bebas neue!important;    font-size: 12px;    color: #ffffff;  text-shadow: #091c48 1px 1px;  width: 395px;    height: 30px;    text-align: center;}

.magbig:hover .magmessages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.magmessages { position:absolute; top:0px; left: -1px; width:519px; height:650px; background-color:#fff; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.magdr {font-family: bebas neue!important; font-size: 17px; color: #fff; text-shadow: #091c48 1px 1px; position: absolute;  width: 110px; height:20px; text-align: center; margin-top: 52px; left: 60px;}
.magmesto {font-family: bebas neue!important; font-size: 17px; color: #fff; text-shadow: #091c48 1px 1px; position: absolute;  width: 110px; height:20px; text-align: center; margin-top: 100px; left: 60px;}
.magsv {font-family: bebas neue!important; font-size: 17px; color: #fff; text-shadow: #091c48 1px 1px; position: absolute;  width: 110px; height:30px!important; text-align: center; margin-top: 74px; left: 224px;}
.magorienta {font-family: bebas neue!important; font-size: 17px; color: #fff; text-shadow: #091c48 1px 1px; position: absolute;  width: 110px; height:20px; text-align: center; margin-top: 100px; left: 388px;}
.magskr {font-family: bebas neue!important; font-size: 17px; color: #fff; text-shadow: #091c48 1px 1px; position: absolute;  width: 110px; height:30px; text-align: center; margin-top: 52px; left: 388px;}
.magilike {width: 205px; height: 65px; overflow: auto; font-size: 11px; font-family: arial; color: #fff; text-align: justify; margin-top: 184px; margin-left: -280px;}
.magdislike {width: 205px; height: 65px; overflow: auto; font-size: 11px; font-family: arial; color: #fff; text-align: justify; margin-top: -65px; margin-left: 277px;}
.maginfo {width: 468px; height: 305px; overflow: auto; font-size: 11px; font-family: arial; color: #fff; text-align: justify; margin-top: 50px; margin-left:2px;}
