.gifka {position: absolute;
margin-left: 573px !important;
margin-top: 32px !important;}


#ab {
    border-collapse: collapse;
    width: 99%;
    font-family: roboto;
    font-size: 13px;
}

#ab td, #ab th {
    border: 1px solid rgba(103, 107, 134, 0.8);
    padding: 8px;
}

#ab tr:nth-child(even){background-color: rgba(242, 242, 242, 0.3);}
#ab td:nth-child(even){background-color: rgba(242, 242, 242, 0.3);}

#ab tr:first-child td {padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #327aac;
    color: #d0e2e6;}

#ab-name {width: 30%;}

/* main */

html, body { background:
  url("http://forumfiles.ru/files/0019/84/57/66465.jpg") repeat-x top left,
  url("http://forumfiles.ru/files/0019/84/57/51538.jpg") center;
background-color:  #204d70;
}


#pun {
  margin: auto;
  position: relative;
  width: 992px;
  background-image : url("http://forumfiles.ru/files/0019/84/57/18058.jpg");
  background-color : #98a0a2;
  background-position : top center;
  }

.punbb {
  margin-left: 2px;
  position: top center;
  float: none;
  width: 987px;
  height: auto;
  }

#pun-title table {
  border: none;
  margin-left: -2px;
    margin-bottom: -50px;
  width: 992px;
  height: 293px;
  background-image: url(http://forumfiles.ru/files/0019/84/57/52001.jpg);
background-repeat: no-repeat;
}

/* footer */

#pun-about p.container {
  background-image : url(http://forumfiles.ru/files/0019/84/57/29067.jpg);
background-color: transparent;
  margin-left: -14px;
margin-bottom: -89px;
background-position: 50% 0%;
background-repeat: no-repeat;
  width: 992px;
  height : 164px; 
}

div#html-footer {
  margin: 0px 0px 0px 0px;}

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

div#html-footer {
  margin: -100px 0px 0px 0px;}



/* navigation */

 div#pun-navlinks {
  position: absolute;
  width: 100%;
  margin-left: -8px;
  top: -35px;
  line-height: 18px;
  }

  #pun-navlinks .container {
  border-color:transparent;
  color: #202020;
  }

  div#pun-ulinks {
  position: absolute;
  width: 100%;
top: 256px;  
margin-left: -9px;
  text-transform: uppercase;
  font-size: 100%;}

/* author */

.pa-posts, .pa-respect {
font-family: play; !important; 
font-size: 9px !important;
padding: 0px !important;
display: inline-block;
text-align: center;
width: 98px;
margin: 0px;
line-height: 1em;
text-transform: lowercase;
letter-spacing: 0.8px;
padding: px !important;
margin-top: 7px !important;
}

.pa-respect a, .pa-ip a, .pa-awards a {
font-size: 9px !important;
color: #d6d6d6 !important;
letter-spacing: 0.3px !important;}

.pa-title, .pa-time-visit, .pa-last-visit, .pa-ip, .pa-online, .pa-awards {
font-size: 12px !important;
font-weight: normal !important;
font-family: play; !important; 
letter-spacing: 0.8px;
}

.pa-time-visit, .pa-last-visit, .pa-ip, .pa-online, .pa-awards {
text-transform: lowercase !important;}

#pun-announcement.section h2 span {display: none;}
a.menu:link, a.menu:visited, a.menu:active {text-decoration: none;}

#pun-viewtopic .post h3 {
    background: rgba(34, 78, 113, 0.2) url("") no-repeat scroll center top;
font-family: pt sans narrow;
    font-size: 10px;
    height: 10px;
    margin-left: 280px;
    margin-top: -9px;
    padding-top: 20px !important;
    width: 689px !important;
}
#pun-viewtopic .post h3 span {
    color: #1b374f;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: -19px;
}
#pun-viewtopic .post h3 span a {
    color: #19374f;
}
#pun-viewtopic .post h3 span a:hover {
    color: #1c3752;
}

#pun-viewtopic .post h3 strong {
    font-weight: bold;
    margin-left: 450px;
    position: absolute;
    width: auto;
}

#pun-index .tcr {
width: 30%;
}




#pun-main .post-author ul {
  text-align: center;  
width: 200px; 
margin-left: 36px; 
margin-top: 41px;
padding-bottom: 20px;
    color: #a7a6a6 !important;
}

.pa-author {
    font-weight: lighter !important;
    letter-spacing: 1px;
    padding-bottom: 15px !important;
    margin-top: -20px !important;

}

.pa-author a {
       font-family: PT Sans Narrow;
    padding: 5px 5px 5px 5px;
    text-transform: uppercase; 
    font-style: bold; 
    color: #cb770a;
     text-shadow: #ca770c 0px 0px 3px, rgba(19, 19, 17, 0.6) 1px 1px 1px !important;
                 font-size: 13px !important;
}

.post-author {
    background: url(http://forumfiles.ru/files/0019/84/57/42439.jpg) no-repeat scroll center top, 
    url(http://forumfiles.ru/files/0019/84/57/90134.jpg) no-repeat scroll center bottom, 
    url(http://forumfiles.ru/files/0019/84/57/16851.jpg) repeat-y scroll center center rgba(0, 0, 0, 0);
    margin-left: -3px !important;
    margin-right: 0px !important;
    margin-top: -30px !important;
    width: 249px !important;
    
}

li.pa-avatar.item2 img {
border-style: solid;
border-width: 1px;
  border-top-color: #94390f;
  border-right-color: #94390f;
  border-bottom-color: #94390f;
  border-left-color: #94390f;
margin-bottom: 3px;
cursor: default !important;
margin-top: -3px !important;
}

.pa-fld2 {margin-top: -3px !important;}


.pa-title {margin-top: 7px !important;
font-family: play;
color: #989898;
font-size: 10px !important;}

.pa-awards {margin-top: 5px !important;}

.post-content .spoiler-box > div img {
    max-width: 500px;
}


.pl-reports, #pun-live-rusff, .modlist {
    display: none !important;
}

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    width: 10%;
}

#pun-messages .pa-posts, #pun-messages li.pa-hidePunk,  {
    display: none;
}
#pun-messages .post-author {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#pun-messages .post-author ul, #pun-messages .pa-title {
    color: #8c8c8c;
    text-shadow: none !important;
}

#pun-viewforum div.tclcon {
    padding-top: 0px;

/* scrollbar */
}
::-webkit-scrollbar {
width: 7px;
height:7px;
background-color: #0d2b44;
}
::-webkit-scrollbar-thumb{
background: linear-gradient(to top, #2e6695, #2e6695);
}



/* text */

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-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 {
  border-color:transparent;
  color: #1a2229;
}
  }

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color:transparent;
  color: #1a2229;
}
  font-weight: normal;
  font-style: normal;
  }

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-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 {
    border-color: transparent;
    color: #1a2229;
}
.punbb .post-box {
color: #1a2229;
}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #1a2229;
    font-style: normal;
    font-weight: normal;
}

/* buttons */


.button { 
   background-color:#1c3a52;
	border: 0px solid #4f2610;
	box-shadow: #4287bd 2px 2px 0px, #4287bd -2px -2px 0px;
	font-weight:bold;
	padding: 4px 4px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3b203b;
	color: rgb(183, 183, 183);
  text-align: center;
  line-height: 1.2;
  font-family: pt sans narrow !important;
  font-weight: 900;
  font-size: 13px !important;
vertical-align: center;
text-transform: uppercase;
margin-bottom: 6px !important;} 

.button:hover { 
color: #cecece; 
   background-color:#1c3a52;
	box-shadow: #a9c8e0 2px 2px 0px, #a9c8e0 -2px -2px 0px;
} 




/* textarea, quote, code */


.punbb textarea {
    text-align: justify;
background-color: hsla(0, 0%, 82%, 0.3);
    border: 1px solid rgba(228, 226, 241,0.2);
    box-shadow: 2px 2px 0px rgb(25, 53, 77), -2px -2px 0 rgb(42, 100, 146);
    color: #1b374f;
}



.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    text-align: justify;
padding-left: 20px;
background-color: hsla(0, 0%, 82%, 0.3);
    border: 1px solid rgba(228, 226, 241,0.2);
    box-shadow: 2px 2px 0px rgb(25, 53, 77), -2px -2px 0 rgb(42, 100, 146);
    color: #1b374f;
}

.punbb select {
padding-left: 5px;
background-color: hsla(0, 0%, 82%, 0.3);
    border: 1px solid rgba(228, 226, 241,0.2);
    box-shadow: 2px 2px 0px rgb(25, 53, 77), -2px -2px 0 rgb(42, 100, 146);
    color: #1b374f;
}


.offline li.pa-online strong {
  font-weight: normal
  }

/* round corners */

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb .post { 
border-bottom-left-radius: 00px;
border-bottom-right-radius: 00px;
border-top-left-radius: 00px;
border-top-right-radius: 00px;}


.post-box {text-align: justify;
margin-top: -5px !important;
margin-left: 20px !important;}

/* borders */

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

/* links */

.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 {
    border-bottom: 0 none #000;
    color: #07599a;
    text-decoration: none;
    font-family: roboto;
    font-size: 12px;
         text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px, rgba(19, 19, 17, 0.6) 0px 0px 0px;

}
.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 {
    border-bottom: 0 none #000;
    color: #c8ddec;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0.1s;
    text-shadow: #a3cbea 00px 0px 3px;
    

}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #0f110b;
    color: #fff;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #10120c;
  color: #fff;
font-family: philosopher !important;
font-size: 15px;
  }

/* forums */

#pun-main div.catleft, #pun-main div.catright {display: none}

.punbb .section h2, #pun-main h1,  {
    background: rgba(0, 0, 0, 0) background-color: transparent; no-repeat scroll center top;
    color: #163d3b!important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: lighter;
    height: 10px;
    margin-left: -15px;
    padding-bottom: 23px !important;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    width: 878px;
    font-family: play !important;
}

#pun-index .tcl h3 {
    font-family: jura !important;
    font-size: 18px !important;
    font-weight: bold;
    padding-bottom: 8px;
    text-align: center;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    text-transform: uppercase;
}
#pun-index .tclcon {
    font-size: 11px;
    margin-left: 0;
    min-height: 60px;
    padding-bottom: 00px;
    padding-left: 0px;
    padding-top: -0;
   text-align: justify; 
}

.punbb th {
    font-size: 0 !important;
}

/* icons */

#pun-main div.catleft, #pun-main div.catright {
    display: none;
}

.punbb table Div.icon {
  float: right; 
  display: block; 
width: 28px;
height: 28px;
background-image : url(http://forumfiles.ru/files/0019/84/57/95920.jpg);
background-repeat: no-repeat;
    margin-top: 13px;
        margin-right: 5px;

}

TR.inew Div.icon {
background-image : url(http://forumfiles.ru/files/0019/84/57/46694.jpg);
background-repeat: no-repeat;
width: 28px;
height: 28px;
}

#pun-viewforum div.tclcon {
    padding-top: 0px;
}

/* IMP ICON */
TR.isticky Div.icon {
background-image : url(http://forumfiles.ru/files/0019/84/57/38175.jpg);
background-repeat: no-repeat;
}

/* CLOSED ICON*/
TR.iclosed Div.icon {
background-image : url(http://forumfiles.ru/files/0019/84/57/21187.jpg);
background-repeat: no-repeat;
}




/* categories */

#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, 
#pun-category4.category h2, #pun-category4.category h2, 
#pun-category5.category h2, #pun-category6.category h2,
#pun-category7.category h2
 {background: url(http://forumfiles.ru/files/0019/84/57/32583.jpg);
background-repeat: no-repeat;
height: 10px;
width: 992px;
font-size:0 !important;
margin-left: -3px;
margin-top: 0px;
margin-bottom: 0px;}




/*statistics*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 16px;
width: 992px;
margin-left: -3px;
background-color: transparent;
background-image: url("http://forumfiles.ru/files/0019/84/57/11013.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px !important;
margin-top: 0px;
margin-bottom: 0px;}







/* arrows */
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 39px;
    margin-bottom: 140px;
    margin-left: 0px;
    opacity: 1;
    position: fixed;
    width: 36px;
    z-index: 999;
}

.go-up {
    bottom: 35%;
    margin-left: 1016px !important;
}
.go-down {
    bottom: 29%;
    margin-left: 1016px !important;
}

#pun-viewforum #pun-main h1, #pun-viewtopic #post-form h2, #pun-profile #pun-main h1 {
    color: #234f72 !important;
    text-transform: uppercase !important; 
    font-family: play;
    font-size: 21px !important;
    font-style: normal;
    padding: 31px 0 0 !important;
    text-align: center;

}

/*rep*/ 
#pun-report .inner,#pun-reputation .inner,#pun-admin-award-form .inner {display: none;position: fixed;left: 50%;top: 50%;width: 768px;z-index: 100;background-color: hsla(20, 0%, 35%, 0.9);border-radius: 2px;border: 1px solid rgba(228, 226, 241,0.4);box-shadow: 1px 1px 0px rgb(21, 20, 19), -1px -1px 0 rgb(171, 89, 20);color: #868686;}


/*soob_rep*/ 
.pun-modal .modal-inner {width:700px;max-width:94%;height:auto;max-height:44em;margin:12% auto 0;box-shadow: 1px 1px 0px rgb(21, 20, 19), -1px -1px 0 rgb(91, 63, 39);background:rgb(68, 58, 58, 0.68);border: 1px solid rgba(122, 94, 46, 0.4);position:relative;z-index:120000;overflow:hidden;}





/* chronology */ 

.ch {
  padding:20px;
  text-align:justify;
  background-color: rgb(45, 45, 45);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  line-height: 11px;
  text-align: justify;
  border-left: 3px solid rgb(193, 102, 10);
  border-right: 3px solid rgb(193, 102, 10);}

.ch-header {
  font-size:30px !important;
  text-align:right;
  letter-spacing:3px;
  font-family: play;
  text-align: center;
  padding-bottom: 20px;
  color: rgb(193, 102, 10) !important;}

.ch-date {
  background:rgb(193, 102, 10);
  color:#161410;
  display:block;
  font-family: play;
  width:170px;
  height:25px;
  line-height:25px;
  text-align:center;
  font-size:10px;
  letter-spacing:2px;
  border-radius:10px/30px;
  -webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);
  box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);}

.ch-event {
  padding:10px 0 20px 20px;
  border-top:1px dotted #666;
  width:100%;
  margin-top:12.5px;}




/* action */

.action-head {
   font-family:playfair display;
   font-size: 19px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
   text-shadow: 1px 1px 0px rgb(27, 28, 28), -1px -1px 0 rgb(177, 76, 27);
}

.action-main-info {
  height: 115px;
  padding: 15px;
  overflow-y: auto;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  background-color: rgb(56, 54, 51);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  line-height: 11px;
  text-align: justify;
  }

.action-main-info::-webkit-scrollbar {width: 5px; background-color: #4e7864;} 
.action-main-info::-webkit-scrollbar-thumb { background: #4d7864; } 
.action-main-info::-webkit-scrollbar-track { background: #9c3908; border: 1px solid #383633}


/* gost */

.gost-details-head {
  width: 484px;
cursor:pointer;
padding:5px;
 background-color:hsl(147, 17%, 56%);

  border-bottom: 0px solid white;
    border-right: 0px solid white;
    border-top: 0px solid rgb(19, 19, 19);
    border-left: 0px solid rgb(19, 19, 19);
font-family:roboto slab;
text-transform: uppercase;
font-size: 15px;
text-align:justify;
color: #dbe4dc;
margin-bottom: 2px !important;
margin-bottom: 2px !important;
}

.gost-details-head:hover {
background-color: #5b8b75;
}

.gost-details {  width: 464px;
  padding:10px 10px 10px 20px;
  background-color:rgb(204, 223, 204);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
text-align:center;
font-size: 10px;
  }

.gost-box {
 font-family:play;
  text-transform: uppercase;
  font-size: 14px;
  background-color:rgb(76, 118, 98);
  padding:5px;
  margin-bottom: 5px !important;
  color: #dbe6dc;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align:center;
 }

/* insta */


.instagram-picture {width: 350px;}

.instagram-head {background-color: #ffffff;
padding-left: 15px;
padding-bottom: 2px;
padding-top: 5px;}

.instagram-avatar-fon {width: 58px;
    border-radius: 100px;
padding: 5px !important;
background: linear-gradient(to bottom, #cf2c87, #f99e4c);
}

.instagram-avatar {width: 50px;
  border: 4px solid #ffffff;
    border-radius: 100px;}
.instagram-avatar-pic {border-radius: 80px;
  width: 50px;}

.instagram-name {  display: inline;
font-family: Open Sans Condensed;
font-size: 25px;
font-weight: bold;
}

.instagram-verified {
  width: 18px;
height: 18px;
margin-top: 10px !important;
margin-left: 5px !important;

}

.instagram-body {background-color: #ffffff;
padding: 10px;
height:148px;
overflow-y: scroll;
border-bottom: 1px solid #f3f3f3;
border-top: 1px solid #f3f3f3;}

.instagram-comment {font-size: 13px;
font-family: arial;
margin-bottom: 7px !important;}
.instagram-download {  color: #b1b0b0;
padding:10px;}

.instagram-footer {background-color: #ffffff;
padding: 10px;}

.instagram-icon {width:30px;}
.instagram-icon2 {width:49px; 
margin-top: -10px !important;
margin-left: 5px !important;}

.instagram-date  {
  font-size: 9px;
  color: #b1b0b0;
  padding:2px;
}


.insta-head {
background-color: #ffffff;
width: 95%;
padding: 15px;
}

.insta {
  background-color: #fafafa;
  border-top: 1px solid #e6e6e6;}

.insta-shapka {
  width:95%}

.insta-avatar {
  width: 120px;
  border: 4px solid #ffffff;
    border-radius: 100px;
}

.insta-avatar-fon {width: 128px;
    border-radius: 100px;
padding: 5px !important;
background: linear-gradient(to bottom, #cf2c87, #f99e4c);
}

.insta-avatar-pic {
  border-radius: 80px;
  width: 120px;
}

.insta-name {
font-size: 35px !important;
font-family: Open Sans Condensed;
font-weight: bold;
    margin-bottom:5px !important;
}

.insta-verified {width: 25px;
height: 25px;
margin-top: 12px !important;}

.insta-numbers {
  display: inline;
  font-family: Roboto;
  font-size:15px;
  margin-right: 15px !important;
}

.insta-description {
    margin-top: 8px !important;

    font-family: Roboto;
  font-size:12px;

}

.insta-post {width:180px;}

.insta-pic {width:200px;
height: 200px;}

/* quest */ 

.quest-head {
   font-family:playfair display;
   font-size: 24px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
   text-shadow: 1px 1px 0px rgb(27, 28, 28), -1px -1px 0 rgb(177, 76, 27);
}

.quest-head-small {
   font-family:play;
   font-size: 14px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
}

.quest-main-info {
  height: 300px;
  overflow-y: scroll;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  background-color: rgb(56, 54, 51);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  border: 30px solid rgb(56, 54, 51);
  line-height: 11px;
  text-align: justify;
  }

.quest-main-info::-webkit-scrollbar {width: 5px; background-color: #4e7864;} 
.quest-main-info::-webkit-scrollbar-thumb { background: #4d7864; } 
.quest-main-info::-webkit-scrollbar-track { background: #9c3908; border: 1px solid #383633}

.quest-details2 {
cursor:pointer;
padding:5px;
background: linear-gradient(to bottom, rgb(194, 99, 42), rgb(82, 40, 14));
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
font-family:roboto slab;
text-transform: uppercase;
font-size: 15px;
text-align:justify;
color: #000000;
}

.quest-details2:hover {
background: linear-gradient(to bottom, #693414, #b85e28);
}

.quest-details3 {
  padding:10px 10px 10px 20px;
  background-color:rgb(56, 54, 51);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
text-align:justify;
  }






/* game points */


.game-point-fon {
  text-align:justify;
  background-color:rgb(51, 49, 46);
  color: #afafaf;
  margin-top: 2px !important;
  border-left: 3px solid rgb(180, 103, 45);
  border-right: 3px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

.game-point-header {
font-family:play;
  text-transform: uppercase;
  font-size: 10px;
  background-color:rgb(180, 103, 45);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-bottom: 3px !important;
  color: #000000;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;}



.game-point-history {
  height: 30px;
  overflow-y: scroll;
  text-align: justify;
  margin-top: 2px !important;
  padding-right: 10px;
    font-size: 11px;
    font-family: play;}

.game-point-history-header { font-family:play;
  text-transform: uppercase;
  font-size: 12px;
  background-color:rgb(180, 103, 45);
  margin-top: 3px !important;
  color: #000000;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
margin-top: -3px !important;
}






/* ams */

.ref-adm {
  border: none; 
  text-decoration: none;
  position: relative;
  }

.ref-adm span {
  margin-left: -999em;
  position: absolute;
  }

.ref-adm:hover span {
  position: absolute;
  left: 4px;
  top: -17px; 
  z-index: 99;
  margin-left: 0;
  }

.top {
    z-index: 200;
    position: absolute;
    color: #2f5040;
    font-family: verdana;
    font-size: 7px;
    text-transform: uppercase;
    font-weight: normal;
    background-color: rgba(187, 212, 191, 0.8);
    width: 93px;
    height: 19px;
    border: none;
    line-height: 7px;
    vertical-align: center;
    padding: 3px;
    }


#ams { 
    position: absolute;
    padding-right: 5px;
    width: 109px;
    height: 100px;
    z-index: 1000;
    top: 131px;
    left: 842px;
    line-height: 13px;
    font-size: 10px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}


#needed {
height: 95px; 
width: 400px; 
margin-left: 45px; 
margin-top: -38px;
position: absolute;}



/* best players & episode */

#best-play{    
    position: absolute;
    padding-right: 5px;
    width: 144px;
    height: 66px;
    z-index: 1000;
    top: 101px;
    left: 7px;
    line-height: 10px;
    font-size: 10px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}

#best-episode{    
    position: absolute;
    padding-right: 5px;
    width: 142px;
    height: 67px;
    z-index: 1000;
    top: 197px;
    left: 7px;
    line-height: 10px;
    font-size: 10px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}


#catalogues {    
    position: absolute;
    padding-right: 5px;
    width: 285px;
    height: 31px;
    z-index: 1000;
    top: 47px;
    left: 768px;
    line-height: 10px;
    font-size: 10px;
    letter-spacing: 20px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}


/* table navigation */

#nav-links-guest {position: absolute;
margin-top: 210px;
margin-left: 674px;}

#nav-links-players {position: absolute;
margin-top: 210px;
margin-left: 803px;}

#nav-links-style {
  background-color: #383838;
  color: #dc8f0f;
  border-color: #305c49;
  height: 16px;
  padding-bottom: 1px;
  width: 127px;
  text-align: center;
  letter-spacing: 2px;
  font: 10px jura;
      box-shadow: 0px 0px 0px rgb(71, 43, 212) inset;
          border: 0px double rgba(228, 226, 241,0.5);
}


/* news */

#news {    
    position: absolute;
    padding-right: 5px;
    width: 250px;
    height: 100px;
    z-index: 1000;
    top: 105px;
    left: 715px;
    line-height: 10px;
    font-size: 10px;
    text-align: justify;
    color: #a7a7a7;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    background-color: rgba(205, 205, 205,0);
    overflow-y: scroll;
}

#news a {color:#cb770b; font-size: 11px;
     text-shadow: rgba(181, 155, 111, 0.5) 0px 0px 3px;
     font-family: verdana;
     font-size: 10px;}

#news a:hover {color:#e1ddd8;font-size: 11px;
     text-shadow: #bf7f24 0px 0px 3px;
     font-family: verdana;
     font-size: 10px;}

#news::-webkit-scrollbar {width: 3px; background-color: transparent;} 
#news::-webkit-scrollbar-thumb { background: #cb6f2b; } 
#news::-webkit-scrollbar-corner { background: #2E2F23; }
#news::-webkit-scrollbar-track { background: #353330; }

/* gostevaya */

.guest {    width: 550px;
padding-bottom: 20px;
padding-top: 5px;
background:  linear-gradient(to bottom, #497460, #c3d8c5);
border: 2px dotted rgb(222, 222, 222);
  }

.guest-head {
    width: 490px;
font-family:playfair display;
   font-size: 32px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
   color: #ccddcb;
   text-shado: 0px 0px 0px rgba(52, 63, 59, 0.2), 00px -1px 0 rgb(19, 19, 19);
  }

.guest-quote {
width: 484px;
text-align: center;
color:#c3dac6;
font-family: play;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
padding: 2px;
  padding:5px;
  background-color:hsla(153, 22%, 42%, 0.5);

  border-bottom: 0px solid white;
    border-right: 0px solid white;
    border-top: 0px solid rgb(19, 19, 19);
    border-left: 0px solid rgb(19, 19, 19);

  }

.guest-table {
  width: 506px;
}

.guest-infobox {
text-align: center;
 background-color:hsla(153, 22%, 42%, 0.5);
  border-bottom: 0px solid white;
    border-right: 0px solid white;
    border-top: 0px solid rgb(19, 19, 19);
    border-left: 0px solid rgb(19, 19, 19);
color:#d1dccc;
text-transform: uppercase;
font-size: 9px;
padding: 2px;}

  .guest-pic2 {
padding: 5px;}


.guest-info {
  font-family: 
  georgia; 
  font-size: 12px; 
  margin-left: 25px; 
  margin-right: 25px; 
  padding: 15px; 
  background-color: rgb(255, 255, 255); 
  text-align: left;
  }

.hold-main {
    width: 580px;
margin-left: 62px !important;
margin-top: -15px !important;

}

#hold {
width: 240px; 
height: 100px;
position: relative;
text-align: left;
font-size: 14px;
line-height: 13px;
font-family: Condensed;
text-transform: lowercase;
padding: 5px;
color: #15132b;
left: 15px;
padding: 10px;
overflow: auto;
}


#hold-head
{
  height: 20px;
        font-family: oswald;
        text-align: center;
        line-height: 10px;
        color: #342a66;
        font-size: 25px;
        text-transform: uppercase; 
padding-bottom: 5px;

    }

.nota{
  background-color:rgba(247, 246, 246, 0.2);
  color: #201e21;
 font-family: 'roboto slab';
 margin-left: 15px!important;
 margin-top: 5px!important;
 overflow: hidden;

}

.textnota {
 text-align:justify;
  font-family: play; 
  font-size: 12px;
  padding-left:12px;
    padding-right:12px;
  padding-top:7px;
  padding-bottom:7px;
  }

/*episodes*/

.ep-header {
 text-align:center;
font-family: roboto; 
background-color:rgb(180, 103, 45);
color:#141310;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 20px;
padding: 2px;
 }

.ep-images {
   display: inline-block;
  background-color:rgb(51, 49, 46);
  padding:5px;
  color: #201e21;
  margin-bottom: 5px !important;
  border: 4px ridge rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) 
 }

 .ep-content {
text-align:justify;
  font-family: play; 
  font-size: 13px;
  background-color:rgb(53, 51, 48);
  padding:5px;
  color: #bfbfbf;
  margin-top: 2px !important;
  border: 2px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
width: 96%; }

 .ep-description {
text-align:justify;
  font-family: play; 
  font-size: 12px;
  background-color:rgba(247, 246, 246, 0.1);
  padding-left:12px;
    padding-right:12px;
  padding-top:7px;
  padding-bottom:7px;
  color: #b1b1b1;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
width: 96%; }

 .ep-players {
text-align:center;
font-family: roboto; 
background-color:rgba(185, 185, 184, 0.6);
color:#000000;
text-transform: lowercase;
font-size: 15px;
 }

  .ep-lines {
    display: inline-block;
 font-family:play;
  text-transform: uppercase;
  font-size: 10px;
  background-color:rgb(51, 49, 46);
  padding:5px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #25232b;
text-align:center;
 }

 .ep-box {
 font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(180, 103, 45);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-top: 3px !important;
  color: #000000;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .ep-box-content {
   margin-top: -6px !important;
      margin-bottom: -3px !important;
   font-size:12px;
   color:#c1c1c1;
   text-align:CENTER;
     background-color:rgb(57, 55, 52);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);

 }





/* anketa */

.anketa-head {
   text-align:center;
font-family: roboto; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 22px;
padding: 5px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-bio {padding: 7px;
height: 350px;
overflow-y: scroll;
font-size: 12px;
}

.anketa-images {
   display: inline-block;
background-color:rgba(224, 224, 224, 0.7);
  padding:5px;
  color: #969696;
  margin-bottom: 5px !important;
  border: 4px ridge rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) 
 }
 
.anketa-spoiler {
   text-align:center;
font-family: kelly slab; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 23px;
padding: 7px;
cursor:pointer;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-spoiler-content {padding:10px 10px 10px 10px;}

.anketa-spoiler-small {
   text-align:left;
font-family: roboto; 
background-color:rgb(162, 127, 100);
color:#151410;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 4px !important;
cursor:pointer;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-ability-spoiler {
   text-align:left;
font-family: play; 
background-color:rgb(162, 127, 100);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 4px !important;
margin-left: 10px !important;
cursor:pointer;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-ability-content {
   background-color:rgba(177, 177, 177, 0.1);
color:#f7f7f7;
padding: 2px;
margin-left: 10px !important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
            margin-bottom:5px !important;
}

 .anketa-content {
text-align:justify;
  background-color:rgb(51, 49, 46);
  padding:5px;
  color: #969696;
  margin-top: 2px !important;
  border: 3px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); }

 .anketa-text {
   background-color:rgba(177, 177, 177, 0.1);
  padding:5px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) }



 .anketa-box {
 font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(180, 103, 45);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #000000;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .anketa-box-content {
   font-size:11px;
  color: #969696;
   text-align:left;
   padding:4px;
 }

.anketa-point {
 font-family:play;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  background-color:rgb(134, 68, 19);
  padding-left: 15px;
    padding-top:4px;
  padding-bottom:4px;
  margin-top: 3px !important;
  color: #000000;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
text-align: left;
line-height: 85%;
 }

 .anketa-point-date {
 font-family:verdana;
  text-transform: lowercase;
  font-size: 10px;
  letter-spacing: px;
  background-color:rgba(173, 132, 101, 0.5);
  padding-right: 8px;
    padding-top:4px;
  padding-bottom:4px;
  margin-top: 3px !important;
  color: #b1b1b1;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
text-align: right;
line-height: 85%;
 }

 .anketa-point-content {
  color: #969696;
   text-align:justify;
   padding-top:4px;
   padding-bottom:3px;
 }

 
/* occupation */

.occup {
 text-align:center;
font-family: roboto; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
padding: 2px;
 }

 .occupcontent {
text-align:justify;
  font-family: play; 
  font-size: 13px;
background-color:rgb(51, 49, 46);  padding:5px;
  color: #969696;
  margin-top: 2px !important;
  border-left: 3px solid rgb(180, 103, 45);
  border-right: 3px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) }

 .occup-description {
text-align:justify;
  font-family: play; 
  font-size: 11px;
  line-height: 98%;
  background-color:rgba(247, 246, 246, 0.4);
  padding:5px;
  color: #201e21;
  margin-top: 2px !important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) }

 .occup-head {
text-align:center;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
text-transform: uppercase;
font-size: 25px;
letter-spacing: 1px;
margin-bottom: 7px !important;
 }

  .occup-lines {
    display: inline-block;
 font-family:play;
  text-transform: uppercase;
  font-size: 10px;
  background-color:rgb(180, 103, 45);
  padding:5px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #13110f;
text-align:center;
 }

 .occup-box {
 font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(180, 103, 45);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #cecece;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .occup-box-content {
   font-size:11px;
  color: #cecece;
   text-align:left;
   padding:4px;
 }

  .occup-box2 {
font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(180, 103, 45);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #cecece;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
text-align:center;
 }

 .occup-box-content2 {
   font-size:12px;
   text-align:justify;
   margin-top: -3px !important;
 }

 .occup-box-content2 a {
   font-size:12px !important;
 }


/* plot */

.plot {
background-color:rgba(0, 0, 0, 0.5);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
 }

.plot-quote {
text-align:center;
font-family: kelly slab; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
padding: 2px;}

.plot-quote2 {
text-align:center;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
text-transform: uppercase;
font-size: 13px;
margin-top: 2px !important;
padding: 5px;
letter-spacing: 1px;}

.plot-text {
  text-align:justify;
  font-family: play; 
  font-size: 13px;
   background-color:rgb(51, 49, 46);
  padding:5px;
  color: #969696;
  margin-top: 2px !important;
  border-left: 3px solid rgb(180, 103, 45);
  border-right: 3px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

.plot-link {
  display: inline-block; 
   padding: 5px;
  border: 1px solid;
  border-color: #d8d1c5 #6f5d45 #8b6f57 #d9cec7;
  border-radius: 6px;
  outline: none;
  background: #705d49 linear-gradient(#d2994f, #9c5d30 50%, #6d4a1c);
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
  height: 15px;
  margin-top: 5px !important;
  width: 47%;
  }
  
 .plot-link a {font-size: 80%;
  color: rgba(255,255,255,.9) !important;
  text-shadow: #3b297c 0 1px 2px;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  font-size: 18px;
text-transform: uppercase;
  }
  
 .plot-link:hover {
 color: rgb(255,255,255);
  background-image: linear-gradient(#5e8463, #81a996 50%, #bfe4d3);}

/* predislovie */


.predfon {
background-color:rgba(0, 0, 0, 0.5);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);}

 .pred {
text-transform: uppercase;
letter-spacing: 5px;
font-size: 20px;
text-align: left;
padding: 5px;
 width: 95%;
 text-align:center;
font-family: roboto; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 25px;
}

.predhedtop {
padding:3px;
border:#161514 1px solid;
letter-spacing:1px;}

.predhedbottom {
font-family:play;
font-size:10px;
color:#000000;
text-transform:uppercase;
margin-top:-4px !important;
}

.predpoint {
  padding:5px;
  text-align:justify;
background-color:rgb(51, 49, 46);
  color: #969696;
  margin-top: 2px !important;
  border-left: 3px solid rgb(180, 103, 45);
  border-right: 3px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
  }




/* pravila */

.rulesbox {
background-color:rgba(0, 0, 0, 0.5);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
 }

.ruleshead {
text-align:center;
font-family: roboto; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
padding: 2px;}

.ruleshead2 {
text-align:right;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
text-transform: uppercase;
font-size: 20px;
margin-top: 2px !important;
padding-right: 10px;
letter-spacing: 1px;}


.rulespoint {
  text-align:justify;
  background-color:rgb(51, 49, 46);
  padding:5px;
  color: #969696;
  margin-top: 2px !important;
  border-left: 3px solid rgb(180, 103, 45);
  border-right: 3px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}



/* faceclaim */


.jarouad {
 background-color:rgba(0, 0, 0, 0.5);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}

.jarouadtitle {
padding:20px;
line-height:100%;
text-shadow:1px 1px #9b9b9b;
text-align:center;
font-family: roboto; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
}

.jarouadtext {
 padding:15px;
 margin-top:10px;
 border:1px solid #ccc;
 line-height:14px;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
font-size: 17px;
margin-top: 2px !important;
padding-right: 10px;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
 text-align: justify;
}

.jarouadsub {
 background:rgba(25,25,25,0.6);
 font-family:Roboto;
 letter-spacing:5px;
 font-size:18px;
 border:1px solid #ccc;
 text-shadow:1px 1px rgb(180, 103, 45);
 line-height:100%;
 text-align:center;
  background-color:rgba(247, 246, 246, 0.7);
  padding:5px;
  color: #201e21;
  margin-top: 2px !important;
  border-left: 3px solid rgb(51, 62, 58);
  border-right: 3px solid rgb(51, 62, 58);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

.jarouadclaims {
  background-color:rgb(51, 49, 46);
 color:#a7a7a6 !important;
 font-family:roboto !important;
 font-weight:400;
 letter-spacing:2px;
 font-size:12px !important;
 text-decoration:none;
 line-height:100%;
 text-transform: lowercase;
 padding:5px;
 padding-left:15px;
 border-bottom:1px solid #444;
 line-height:12px;
  text-align:center;

}

.jarouadclaims:hover {
 background:rgba(183, 183, 183, 0.2);
  border-bottom:1px solid #efeeed;
   color:#444341 !important;


}

.jarouadclaims a {
 color:#b4b4b4 !important;
  text-shadow:1px 1px rgb(180, 103, 45);
 font-family:roboto !important;
 font-weight:400;
 letter-spacing:2px;
 font-size:12px !important;
 text-decoration:none;
 line-height:100%;
 text-transform: lowercase;
}

.jarouadclaims:hover a {
  color:#b4672d !important;
  text-shadow:1px 1px rgb(33, 34, 34);
}

.jarouadclaims:hover {
   color:#b4b4b4 !important;
}



s, strike, del {    text-decoration: none !important;
    text-shadow: #e8e8e8 0 0 7px !important;
    color: hsla(0,0%,0%,0) !important; 
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}

del:hover{    text-decoration: none !important;
    text-shadow:0px 0px hsla(0,0%,0%,0) !important; color: #8c8c8c !important;}


.reception {background: url(http://forumfiles.ru/files/0019/84/57/27228.png) no-repeat top center; width:550px; height: 271px;}

.reception-scroll-roles {
	position:absolute; 
	width:140px; 
	height: 140px; 
	margin-top:99px !important; 
	margin-left:40px !important;  
	overflow-y: auto; 
	text-align:center; 
	font-family: play !important; 
	font-size:10px !important;
	line-height: 10px; 
	font-weight:normal; 
	color: #c3ccca; 
	text-shadow:1px 1px 0 rgba(0,0,0,1); 
	padding-right:5px; 
	background: rgba(0,0,0,0.2); 
	padding:5px;}

.reception-scroll-looks{
	position:absolute; 
	width:140px; 
	height: 140px; 
	margin-top:99px !important; 
	margin-left:210px !important;  
	overflow-y: auto; 
	text-align:center; 
	font-family: play !important; 
	font-size:10px !important;
	line-height: 10px; 
	font-weight:normal; 
	color: #c3ccca; 
	text-shadow:1px 1px 0 rgba(0,0,0,1); 
	padding-right:5px; 
	background: rgba(0,0,0,0.2); 
	padding:5px;}


.tooltip {
    position: relative;
    display: inline
}

.tooltip em {
    display: block;
        transform: scale(0);
    transition: all 1s ease-in-out 0s;
    position: absolute;
    opacity: 0;
    color: #8a8a8a;
    
    font-family: jura !important;
    font-size: 11px !important;
    font-style: normal;
    height: auto;
    line-height: 9px;
    margin-left: 31px;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 120px;
    top:25px;
    background: url("http://forumfiles.ru/files/0010/98/fb/85550.png") no-repeat scroll; 
}

.tooltip:hover em {
    top: 25px;
background: url("http://forumfiles.ru/files/0010/98/fb/85550.png") no-repeat scroll;
    color: #8a8a8a;
    
    font-family: jura !important;
    font-size: 11px !important;
    font-style: normal;
    height: auto;
    line-height: 9px;
    margin-left: 31px;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 120px;
    z-index: 9999;
    transform: scale(1);
    opacity: 1;
    transition: all 0.7s ease-in-out 0s;
}

.tooltip:hover em i {
    border-top: 0 none;
    top: 25px;
    display: block;
    position: absolute;
    right: 2px;
    transform: scale(1)
}
.tooltip:hover em img {
    border: 1px solid #945409;
        transform: scale(1)
}



#admin {
	    color: #a29e98;
    margin-left: 678px;
    margin-top: 232px;
    position: absolute;
    text-align: center;
    width: 250px;
    z-index: 99;
}
#admin  a {
    color: #cb770a;
     text-shadow: #ca770c 0px 0px 3px, rgba(19, 19, 17, 0.6) 1px 1px 1px;
    text-transform: uppercase;
    font-family: jura !important;
        font-size: 15px;

}
#admin  a:hover {
    color: #d4d4d4;
}

#moder {
	    color: #a29e98;
    margin-left: 678px;
    margin-top: 249px;
    position: absolute;
    text-align: center;
    width: 250px;
    z-index: 99;
}
#moder  a {
    color: #cb770a;
     text-shadow: #ca770c 0px 0px 3px, rgba(19, 19, 17, 0.6) 1px 1px 1px;
    text-transform: lowercase;
    font-family: jura !important;
        font-size: 13px;

}
#moder  a:hover {
    color: #d4d4d4;
}

#banners {
  overflow: scroll; 
overflow-x: hidden; 
height: 75px; 
width: 980px; 
margin-left: -10px; 
margin-top: 56px;}

  height: auto;
  }



/* author */

.pa-posts, .pa-respect {
font-family: play; !important; 
font-size: 9px !important;
padding: 0px !important;
display: inline-block;
text-align: center;
width: 98px;
margin: 0px;
line-height: 1em;
text-transform: lowercase;
letter-spacing: 0.8px;
padding: px !important;
margin-top: 7px !important;
}

.pa-respect a, .pa-ip a, .pa-awards a {
font-size: 9px !important;
color: #14324a !important;
letter-spacing: 0.3px !important;
text-shadow: none !important;}

.pa-title, .pa-time-visit, .pa-last-visit, .pa-ip, .pa-online, .pa-awards {
font-size: 12px !important;
font-weight: normal !important;
font-family: play; !important; 
letter-spacing: 0.8px;
}

.pa-time-visit, .pa-last-visit, .pa-ip, .pa-online, .pa-awards {
text-transform: lowercase !important;}

#pun-announcement.section h2 span {display: none;}
a.menu:link, a.menu:visited, a.menu:active {text-decoration: none;}

#pun-viewtopic .post h3 {
    background: rgba(39, 83, 118, 0.2) url("") no-repeat scroll center top;
font-family: pt sans narrow;
    font-size: 11px;
    height: 7px;
    margin-left: 275px;
    margin-top: 0px;
    padding-top: 20px !important;
    width: 689px !important;
}
#pun-viewtopic .post h3 span {
    color: #1b374f;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: -19px;
}
#pun-viewtopic .post h3 span a {
    color: #19374f;
}
#pun-viewtopic .post h3 span a:hover {
    color: #1c3752;
}

#pun-viewtopic .post h3 strong {
    font-weight: bold;
    margin-left: 350px;
    position: absolute;
    width: auto;
}

#pun-index .tcr {
width: 30%;
}




#pun-main .post-author ul {
  text-align: center;  
width: 200px; 
margin-left: 20px; 
margin-top: 42px;
padding-bottom: 20px;
    color: #0e212f !important;
}

.pa-author {
    font-weight: lighter !important;
    letter-spacing: 1px;
    padding-bottom: 15px !important;
    margin-top: -30px !important;

}

.pa-author a {
       font-family: PT Sans Narrow;
    padding: 5px 5px 5px 5px;
    text-transform: uppercase; 
    font-style: bold; 
    color: #b8bcbd !important;
    text-shadow: none !important;
                 font-size: 14px !important;
}

.post-author {
    background: url(http://forumfiles.ru/files/0019/84/57/42439.jpg) no-repeat scroll center top, 
    url(http://forumfiles.ru/files/0019/84/57/90134.jpg) no-repeat scroll center bottom, 
    url(http://forumfiles.ru/files/0019/84/57/16851.jpg) repeat-y scroll center center rgba(0, 0, 0, 0);
    margin-left: -3px !important;
    margin-right: 0px !important;
    margin-top: -22px !important;
    width: 249px !important;
    
}

li.pa-avatar.item2 img {
border-style: solid;
border-width: 2px;
  border-top-color: #16344c;
  border-right-color: #16344c;
  border-bottom-color: #16344c;
  border-left-color: #16344c;
margin-bottom: 3px;
cursor: default !important;
margin-top: 7px !important;
}

.pa-fld2 {margin-top: -3px !important;}


.pa-title {margin-top: -5px !important;
font-family: play;
color: #98a0a2;
font-size: 10px !important;}

.pa-awards {margin-top: 5px !important;}

.post-content .spoiler-box > div img {
    max-width: 500px;
}


.pl-reports, #pun-live-rusff, .modlist {
    display: none !important;
}

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    width: 10%;
}

#pun-messages .pa-posts, #pun-messages li.pa-hidePunk,  {
    display: none;
}
#pun-messages .post-author {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#pun-messages .post-author ul, #pun-messages .pa-title {
    color: #8c8c8c;
    text-shadow: none !important;
}

#pun-viewforum div.tclcon {
    padding-top: 0px;

/* scrollbar */
}
::-webkit-scrollbar {
width: 7px;
height:7px;
background-color: #0d2b44;
}
::-webkit-scrollbar-thumb{
background: linear-gradient(to top, #2e6695, #2e6695);
}



/* text */

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-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 {
  border-color:transparent;
  color: #1a2229;
}
  }

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color:transparent;
  color: #1a2229;
}
  font-weight: normal;
  font-style: normal;
  }

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-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 {
    border-color: transparent;
    color: #1a2229;
}
.punbb .post-box {
color: #1a2229;
}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #1a2229;
    font-style: normal;
    font-weight: normal;
}

/* buttons */


.button { 
   background-color:#1c3a52;
	border: 0px solid #4f2610;
	box-shadow: #4287bd 2px 2px 0px, #4287bd -2px -2px 0px;
	font-weight:bold;
	padding: 4px 4px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3b203b;
	color: rgb(183, 183, 183);
  text-align: center;
  line-height: 1.2;
  font-family: pt sans narrow !important;
  font-weight: 900;
  font-size: 13px !important;
vertical-align: center;
text-transform: uppercase;
margin-bottom: 6px !important;} 

.button:hover { 
color: #cecece; 
   background-color:#1c3a52;
	box-shadow: #a9c8e0 2px 2px 0px, #a9c8e0 -2px -2px 0px;
} 




/* textarea, quote, code */


.punbb textarea {
    text-align: justify;
background-color: hsla(0, 0%, 82%, 0.3);
    border: 1px solid rgba(228, 226, 241,0.2);
    box-shadow: 2px 2px 0px rgb(25, 53, 77), -2px -2px 0 rgb(42, 100, 146);
    color: #1b374f;
}



.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    text-align: justify;
padding-left: 20px;
background-color: hsla(0, 0%, 82%, 0.3);
    border: 1px solid rgba(228, 226, 241,0.2);
    box-shadow: 2px 2px 0px rgb(25, 53, 77), -2px -2px 0 rgb(42, 100, 146);
    color: #1b374f;
}

.punbb select {
padding-left: 5px;
background-color: hsla(0, 0%, 82%, 0.3);
    border: 1px solid rgba(228, 226, 241,0.2);
    box-shadow: 2px 2px 0px rgb(25, 53, 77), -2px -2px 0 rgb(42, 100, 146);
    color: #1b374f;
}


.offline li.pa-online strong {
  font-weight: normal
  }

/* round corners */

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb .post { 
border-bottom-left-radius: 00px;
border-bottom-right-radius: 00px;
border-top-left-radius: 00px;
border-top-right-radius: 00px;}


.post-box {text-align: justify;
margin-top: -5px !important;
margin-right: -8px !important;
margin-left: 35px !important;}

/* borders */

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

/* links */

.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 {
    border-bottom: 0 none #000;
    color: #07599a;
    text-decoration: none;
    font-family: roboto;
    font-size: 12px;
         text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px, rgba(19, 19, 17, 0.6) 0px 0px 0px;

}
.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 {
    border-bottom: 0 none #000;
    color: #c8ddec;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0.1s;
    text-shadow: #a3cbea 00px 0px 3px;
    

}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #0f110b;
    color: #fff;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #10120c;
  color: #fff;
font-family: philosopher !important;
font-size: 15px;
  }

/* forums */

#pun-main div.catleft, #pun-main div.catright {display: none}

.punbb .section h2, #pun-main h1,  {
    background: rgba(0, 0, 0, 0) background-color: transparent; no-repeat scroll center top;
    color: #163d3b!important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: lighter;
    height: 10px;
    margin-left: -15px;
    padding-bottom: 23px !important;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    width: 878px;
    font-family: play !important;
}

#pun-index .tcl h3 {
    font-family: jura !important;
    font-size: 18px !important;
    font-weight: bold;
    padding-bottom: 8px;
    text-align: center;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    text-transform: uppercase;
}
#pun-index .tclcon {
    font-size: 11px;
    margin-left: 0;
    min-height: 60px;
    padding-bottom: 00px;
    padding-left: 0px;
    padding-top: -0;
   text-align: justify; 
}

.punbb th {
    font-size: 0 !important;
}

/* icons */

#pun-main div.catleft, #pun-main div.catright {
    display: none;
}

.punbb table Div.icon {
  float: right; 
  display: block; 
width: 28px;
height: 28px;
background-image : url(http://forumfiles.ru/files/0019/84/57/95920.jpg);
background-repeat: no-repeat;
    margin-top: 13px;
        margin-right: 5px;

}

TR.inew Div.icon {
background-image : url(http://forumfiles.ru/files/0019/84/57/46694.jpg);
background-repeat: no-repeat;
width: 28px;
height: 28px;
}

#pun-viewforum div.tclcon {
    padding-top: 0px;
}

/* IMP ICON */
TR.isticky Div.icon {
background-image : url(http://forumfiles.ru/files/0019/84/57/38175.jpg);
background-repeat: no-repeat;
}

/* CLOSED ICON*/
TR.iclosed Div.icon {
background-image : url(http://forumfiles.ru/files/0019/84/57/21187.jpg);
background-repeat: no-repeat;
}




/* categories */

#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, 
#pun-category4.category h2, #pun-category4.category h2, 
#pun-category5.category h2, #pun-category6.category h2,
#pun-category7.category h2
 {background: url(http://forumfiles.ru/files/0019/84/57/32583.jpg);
background-repeat: no-repeat;
height: 10px;
width: 992px;
font-size:0 !important;
margin-left: -3px;
margin-top: 0px;
margin-bottom: 0px;}




/*statistics*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 16px;
width: 992px;
margin-left: -3px;
background-color: transparent;
background-image: url("http://forumfiles.ru/files/0019/84/57/32583.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px !important;
margin-top: 0px;
margin-bottom: 0px;}







/* arrows */
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 39px;
    margin-bottom: 140px;
    margin-left: 0px;
    opacity: 1;
    position: fixed;
    width: 36px;
    z-index: 999;
}

.go-up {
    bottom: 35%;
    margin-left: 1016px !important;
}
.go-down {
    bottom: 29%;
    margin-left: 1016px !important;
}

#pun-viewforum #pun-main h1, #pun-viewtopic #post-form h2, #pun-profile #pun-main h1 {
    color: #234f72 !important;
    text-transform: uppercase !important; 
    font-family: play;
    font-size: 21px !important;
    font-style: normal;
    padding: 31px 0 0 !important;
    text-align: center;

}

/*rep*/ 
#pun-report .inner,#pun-reputation .inner,#pun-admin-award-form .inner {display: none;position: fixed;left: 50%;top: 50%;width: 768px;z-index: 100;background-color: hsla(20, 0%, 35%, 0.9);border-radius: 2px;border: 1px solid rgba(228, 226, 241,0.4);box-shadow: 1px 1px 0px rgb(21, 20, 19), -1px -1px 0 rgb(171, 89, 20);color: #868686;}


/*soob_rep*/ 
.pun-modal .modal-inner {width:700px;max-width:94%;height:auto;max-height:44em;margin:12% auto 0;box-shadow: 1px 1px 0px rgb(21, 20, 19), -1px -1px 0 rgb(91, 63, 39);background:rgb(68, 58, 58, 0.68);border: 1px solid rgba(122, 94, 46, 0.4);position:relative;z-index:120000;overflow:hidden;}


/* gazeta */

.paper {
  background-color: #ced6d8;}

.paper-header {
    background-color: #262626;
    padding: 7px;
    color: #347aad;
    font-family: lobster;
    text-transform: lowercase;
    font-size: 27px;}

.paper-grey {
      background-color: #d0d0d0;
      height: 12px;
      border-bottom: 1px solid #a0a0a0;}

.paper-theme {
      background-color: #2e719e;
      display: inline-block;
      font-family: Arimo;
      font-size: 12px;
      color: white;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
      padding: 5px;
      border-radius: 2px;
      margin-top: 5px !important;
      margin-left: 8px !important;
      margin-bottom: 2px !important;

      }

.paper-topic-header {
  font-size: 26px;
  font-family: Oranienbaum; 
  padding-left: 8px;
}

.paper-topic-time {
  font-family: play;
 color: #484848 !important;
  padding-left: 10px;
}

.paper-topic-img {width: 13px;}

.paper-topic-text {
  font-family: Roboto;
  font-size: 14px;
  padding: 15px;
  margin-top: -7px !important;
}


/* chronology */ 

.ch {
  padding:20px;
  text-align:justify;
  background-color: rgb(153, 161, 163);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  line-height: 11px;
  text-align: justify;
  border-left: 3px solid rgb(54, 122, 171);
  border-right: 3px solid rgb(57, 125, 172);}

.ch-header {
  font-size:30px !important;
  text-align:right;
  letter-spacing:3px;
  font-family: play;
  text-align: center;
  padding-bottom: 20px;
  color: rgb(37, 81, 116) !important;}

.ch-date {
  background:rgb(35, 79, 114);
  color:#929a9c;
  display:block;
  font-family: play;
  width:170px;
  height:25px;
  line-height:25px;
  text-align:center;
  font-size:10px;
  letter-spacing:2px;
  border-radius:10px/30px;
  -webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);
  box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);}

.ch-event {
  padding:10px 0 20px 20px;
  border-top:1px dotted #666;
  width:100%;
  margin-top:12.5px;}


/* ams */

.ams {margin:0 auto;
width:330px;
height:230px;
background:#fff;
font-size:12px;
overflow:hidden;
box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);
}

.ams-text {font-size: 11px;
line-height: 10px;
padding-left: 7px !important;
padding-right: 3px !important;
padding-bottom: 7px !important;}
}

#ams-header {
  padding:6px;
  padding-bottom:7px;
    border-top:1px solid rgba(0,0,0,0.1); 
  border-bottom:1px solid rgba(0,0,0,0.1); 
  font-family: playfair display;
  font-size: 20px;
  letter-spacing: 8px;
  font-color: black !important;
  font-weight: bold;
  text-align: center;}
  #ams-header {
  font-family: playfair display;
  font-size: 20px;
  letter-spacing: 5px;
  font-color: black !important;
  font-weight: bold;
  text-align: center;}


.ams-picture {
  border-radius:0px;
  box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);}

.ams-block { background:rgba(0,0,0,0.1);
line-height:115%;
display:absolute; }


.ams-nickname {
  padding:6px;
  padding-bottom:7px;
    border-top:1px solid rgba(0,0,0,0.1); 
  border-bottom:1px solid rgba(0,0,0,0.1); 
  font-family: playfair display;
  font-size: 20px;
  letter-spacing: 3px;
  font-color: black !important;
  font-weight: bold;
  text-align: center;}

.ams-info {background:#fff;
box-shadow:1px 1px 1px 0 rgba(0,0,0,0.08);
color: #585858;
text-align: justify;
}

.ams-questions {padding:7px 8px;
  border-bottom:1px solid rgba(0,0,0,0.1);
  height: 42px;
  font-size:10px;
  line-height: 90%;
}


.ams-head {
  padding:7px 8px;
  border-bottom:1px solid rgba(0,0,0,0.1);
    height: 33px;
      font-size:10px;
line-height: 98%;
}

.ams-icon {float:left;
padding-right: 5px;}

.ams-bold {color:#1a3850;font-size:10px;}


.moder-picture {border-radius:0px;
  box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);}

.moder-nickname {
  border-bottom:1px solid rgba(0,0,0,0.1); 
  background-color: white;
  font-family: playfair display;
  font-size: 15px;
  letter-spacing: 3px;
  font-color: black !important;
  font-weight: bold;
  text-align: center;
  width: 330px;}

.moder-info {background-color: white;
padding: 2px;
font-size: 10px;
text-align: center;
text-transform: lowercase;
width: 326px;
}

.ams-details {
  margin-top: 10px !important;
cursor:pointer;
padding:5px;
background-color: #245073;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
font-family:roboto slab;
text-transform: uppercase;
font-size: 15px;
text-align:justify;
color: #a4a4a4;
   text-shadow: 1px 1px 0px rgb(9, 35, 56);
}

.ams-details:hover {
background-color: #3b6f98;}

.ams-details2 {
  padding:10px 10px 10px 20px;
  background-color:rgb(164, 164, 164);
  color: #000000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
text-align:justify;
  }

/* action */

.action-head {
   font-family:playfair display;
   font-size: 19px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
   text-shadow: 1px 1px 0px rgb(220, 222, 222), -1px -1px 0 rgb(53, 121, 170);
}

.action-main-info {
  height: 115px;
  padding: 15px;
  overflow-y: auto;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  background-color: rgb(156, 164, 166);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  line-height: 11px;
  text-align: justify;
  }

.action-main-info::-webkit-scrollbar {width: 5px; background-color: #4e7864;} 
.action-main-info::-webkit-scrollbar-thumb { background: #4d7864; } 
.action-main-info::-webkit-scrollbar-track { background: #9c3908; border: 1px solid #383633}


/* gost */

.gost-details-head {
  width: 484px;
cursor:pointer;
padding:5px;
 background-color:hsl(147, 17%, 56%);

  border-bottom: 0px solid white;
    border-right: 0px solid white;
    border-top: 0px solid rgb(19, 19, 19);
    border-left: 0px solid rgb(19, 19, 19);
font-family:roboto slab;
text-transform: uppercase;
font-size: 15px;
text-align:justify;
color: #dbe4dc;
margin-bottom: 2px !important;
margin-bottom: 2px !important;
}

.gost-details-head:hover {
background-color: #5b8b75;
}

.gost-details {  width: 464px;
  padding:10px 10px 10px 20px;
  background-color:rgb(204, 223, 204);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
text-align:center;
font-size: 10px;
  }

.gost-box {
 font-family:play;
  text-transform: uppercase;
  font-size: 14px;
  background-color:rgb(76, 118, 98);
  padding:5px;
  margin-bottom: 5px !important;
  color: #dbe6dc;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align:center;
 }

/* insta */


.instagram-picture {width: 350px;}

.instagram-head {background-color: #ffffff;
padding-left: 15px;
padding-bottom: 2px;
padding-top: 5px;}

.instagram-avatar-fon {width: 58px;
    border-radius: 100px;
padding: 5px !important;
background: linear-gradient(to bottom, #cf2c87, #f99e4c);
}

.instagram-avatar {width: 50px;
  border: 4px solid #ffffff;
    border-radius: 100px;}
.instagram-avatar-pic {border-radius: 80px;
  width: 50px;}

.instagram-name {  display: inline;
font-family: Open Sans Condensed;
font-size: 25px;
font-weight: bold;
}

.instagram-verified {
  width: 18px;
height: 18px;
margin-top: 10px !important;
margin-left: 5px !important;

}

.instagram-body {background-color: #ffffff;
padding: 10px;
height:148px;
overflow-y: scroll;
border-bottom: 1px solid #f3f3f3;
border-top: 1px solid #f3f3f3;}

.instagram-comment {font-size: 13px;
font-family: arial;
margin-bottom: 7px !important;}
.instagram-download {  color: #b1b0b0;
padding:10px;}

.instagram-footer {background-color: #ffffff;
padding: 10px;}

.instagram-icon {width:30px;}
.instagram-icon2 {width:49px; 
margin-top: -10px !important;
margin-left: 5px !important;}

.instagram-date  {
  font-size: 9px;
  color: #b1b0b0;
  padding:2px;
}


.insta-head {
background-color: #ffffff;
width: 95%;
padding: 15px;
}

.insta {
  background-color: #fafafa;
  border-top: 1px solid #e6e6e6;}

.insta-shapka {
  width:95%}

.insta-avatar {
  width: 120px;
  border: 4px solid #ffffff;
    border-radius: 100px;
}

.insta-avatar-fon {width: 128px;
    border-radius: 100px;
padding: 5px !important;
background: linear-gradient(to bottom, #cf2c87, #f99e4c);
}

.insta-avatar-pic {
  border-radius: 80px;
  width: 120px;
}

.insta-name {
font-size: 35px !important;
font-family: Open Sans Condensed;
font-weight: bold;
    margin-bottom:5px !important;
}

.insta-verified {width: 25px;
height: 25px;
margin-top: 12px !important;}

.insta-numbers {
  display: inline;
  font-family: Roboto;
  font-size:15px;
  margin-right: 15px !important;
}

.insta-description {
    margin-top: 8px !important;

    font-family: Roboto;
  font-size:12px;

}

.insta-post {width:180px;}

.insta-pic {width:200px;
height: 200px;}

/* quest */ 

.quest-head {
   font-family:playfair display;
   font-size: 24px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
   text-shadow: 1px 1px 0px rgb(214, 224, 226), -1px -1px 0 rgb(91, 150, 197);
}

.quest-head-small {
   font-family:play;
   font-size: 14px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
}

.quest-main-info {
  height: 300px;
  overflow-y: scroll;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  background-color: rgb(156, 164, 166);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  border: 30px solid rgb(156, 164, 166);
  line-height: 11px;
  text-align: justify;
  }

.quest-main-info::-webkit-scrollbar {width: 5px; background-color: #193c58;} 
.quest-main-info::-webkit-scrollbar-thumb { background: #a7c9e2; } 
.quest-main-info::-webkit-scrollbar-track { background: #275376; border: 1px solid #383633}

.quest-details2 {
cursor:pointer;
padding:5px;
background: rgb(36, 82, 116);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
font-family:roboto slab;
text-transform: uppercase;
font-size: 15px;
text-align:justify;
color: #9ea6a8;
}

.quest-details2:hover {
background: rgb(49, 112, 163);
color: #030d15;

}

.quest-details3 {
  padding:10px 10px 10px 20px;
  background-color:rgb(153, 161, 163);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
text-align:justify;
  }



/* faq */

.faq-question {
 font-family:play;
  font-size: 15px;
 background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-top: 3px !important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
padding:4px;
line-height: 85%;
 }

.faq-answer {
  padding:5px;
  text-align:justify;
  background-color:rgb(154, 162, 164);
  color: #030e17;
  margin-top: 3px !important;
  border-left: 6px solid rgb(45, 115, 166);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
  }

 .faq-box {
 font-family:play;
  text-transform: uppercase;
  font-size: 12px;
background-color:rgba(224, 224, 224, 0.7);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-top: 3px !important;
color:#33312e;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .faq-box-content {
   font-size:11px;
   color:#a4a4a4;
   text-align:left;
   padding:4px;
   margin-top: -7px !important;
   text-transform: uppercase;
 }





/* game points */


.game-point-fon {
  text-align:justify;
  background-color:rgb(150, 158, 160);
  color: #0d2335;
  margin-top: 2px !important;
  border-left: 3px solid rgb(48, 112, 158);
  border-right: 3px solid rgb(53, 121, 170);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
width: 650px;
}

.game-point-header {
font-family:play;
  text-transform: uppercase;
  font-size: 10px;
  background-color:rgb(38, 82, 117);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-bottom: 3px !important;
  color: #99a1a3;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;}

.game-point-number {
text-align:center;
font-family: kelly slab; 
background-color:rgb(38, 82, 117);
color:#bbc2c3;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 20px;
padding: .2em;
  border: 0px solid;
  border-radius: 6px;
  outline: none;
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}

.game-point-history {
  height: 30px;
  overflow-y: scroll;
  text-align: justify;
  margin-top: 2px !important;
  padding-right: 10px;
    font-size: 11px;
    font-family: play;}

.game-point-history-header { font-family:play;
  text-transform: uppercase;
  font-size: 12px;
  background-color:rgb(36, 80, 115);
  margin-top: 3px !important;
  color: #979fa1;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
margin-top: -3px !important;
}


/* price list */

.price-box {
 font-family:play;
  text-transform: uppercase;
  font-size: 12px;
  background-color:rgb(51, 119, 168);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #000000;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .price-box-content {
   font-size:13px;
   color:#101010;
   text-align:left;
   padding:4px;
    font-family:play;
 }

.price-point {
 font-family:play;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  background-color:rgb(79, 143, 189);
  padding-left: 15px;
    padding-top:4px;
  padding-bottom:4px;
  margin-top: 3px !important;
  color: #020202;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
text-align: left;
line-height: 85%;
 }

 .price-point-content {
   color:#000000;
   text-align:left;
   padding-top:4px;
   padding-bottom:3px;
   margin-left: 8px !important;
 }


/* lz */

#lz-anketa {
  width: auto; 
  font-size: 15px; 
  font-family: roboto; 
  text-transform: uppercase;
  text-shadow: #265275 1px 1px 0px;
  color: #80b9e6;;
padding: 2px;
border-radius: 120px;
}

#lz-anketa a {
     font-size: 15px; 
    text-transform: uppercase; 
    font-style: bold; 
    color: #80b9e6;
  text-shadow: #265275 1px 1px 0px;
}

#lz {
  width:auto; 
  line-height: 9px; 
  font-size: 10px; 
  text-transform: lowercase;
padding-bottom: 5px;
text-align: justify;
text-align-last: center; 
  padding: 5px;
border-bottom-right-radius: 100px;
border-top-left-radius: 100px;
}

#lz a {
font-family: verdana;
font-size: 10px;
  color: #174d79;;
  text-shadow: none;
}

#lz a:hover {
font-family: verdana;
font-size: 10px; color:#f0eff1;
     text-shadow: rgb(231, 226, 236) 0px 0px 3px;
}


.lz-ab {background:rgba(39, 83, 118, 0.3);}

.lz-ab2 {cursor:pointer;
font-family:roboto;
text-transform: uppercase;
font-size: 13px;
text-align:center;
  color: #06242b;
  margin-top: 2px !important;
padding:2px;
letter-spacing: 2px;}

.lz-ab3 {padding:5px 5px 5px 5px;}

.lz-ab4 {
  width: auto; 
  font-size: 12px; 
  font-family: play; 
  text-transform: uppercase;
  background-color: rgba(155, 163, 165, 0.2);
padding: 2px;
margin: 2px !important;
border-radius: 4px;
text-shadow: none;
}



#lz-ab {background:rgba(39, 83, 118, 0.3);}

#lz-ab2 {cursor:pointer;
font-family:roboto;
text-transform: uppercase;
font-size: 13px;
text-align:center;
  color: #06242b;
  margin-top: 2px !important;
padding:2px;
letter-spacing: 2px;}

#lz-ab3 {padding:5px 5px 5px 5px;}

#lz-ab4 {
  width: auto; 
  font-size: 12px; 
  font-family: play; 
  text-transform: uppercase;
  background-color: rgba(155, 163, 165, 0.2);
padding: 2px;
margin: 2px !important;
border-radius: 4px;
text-shadow: none;
}

/* ams */

.ref-adm {
  border: none; 
  text-decoration: none;
  position: relative;
  }

.ref-adm span {
  margin-left: -999em;
  position: absolute;
  }

.ref-adm:hover span {
  position: absolute;
  left: 4px;
  top: -17px; 
  z-index: 99;
  margin-left: 0;
  }

.top {
    z-index: 200;
    position: absolute;
    color: #2f5040;
    font-family: verdana;
    font-size: 7px;
    text-transform: uppercase;
    font-weight: normal;
    background-color: rgba(187, 212, 191, 0.8);
    width: 93px;
    height: 19px;
    border: none;
    line-height: 7px;
    vertical-align: center;
    padding: 3px;
    }


#ams { 
    position: absolute;
    padding-right: 5px;
    width: 109px;
    height: 100px;
    z-index: 1000;
    top: 131px;
    left: 842px;
    line-height: 13px;
    font-size: 10px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}


#needed {
height: 95px; 
width: 400px; 
margin-left: 45px; 
margin-top: -38px;
position: absolute;}



/* best players & episode */

#best-play{    
    position: absolute;
    padding-right: 5px;
    width: 144px;
    height: 66px;
    z-index: 1000;
    top: 101px;
    left: 7px;
    line-height: 10px;
    font-size: 10px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}

#best-episode{    
    position: absolute;
    padding-right: 5px;
    width: 142px;
    height: 67px;
    z-index: 1000;
    top: 200px;
    left: 7px;
    line-height: 10px;
    font-size: 10px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}


#catalogues {    
    position: absolute;
    padding-right: 5px;
    width: 88px;
    height: 121px;
    z-index: 1000;
    top: 33px;
    left: 450px;
    line-height: 50px;
    font-size: 10px;
    letter-spacing: 20px;
    text-align: justify;
    color: #b8b8b8;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    background-color: rgba(205, 205, 205,0);
}


/* table navigation */

#nav-links-guest {position: absolute;
margin-top: 208px;
margin-left: 104px;}

#nav-links-players {position: absolute;
margin-top: 208px;
margin-left: 265px;}

#nav-links-style {
  background-color: rgba(117, 176, 224, 0.5);
  color: #031727;
  border-color: #214d70;
  height: 17px;
  padding-bottom: 1px;
  width: 158px;
  text-align: center;
  letter-spacing: 1px;
  font: 12px pt sans narrow;
  font-style: bold;
      box-shadow: 0px 0px 0px rgb(71, 43, 212) inset;
          border: 0px double rgba(228, 226, 241,0.5);
          text-transform: uppercase;
}


/* news */

#news {    
    position: absolute;
    padding-right: 5px;
    width: 300px;
    height: 62px;
    z-index: 1000;
    top: 117px;
    left: 114px;
    line-height: 10px;
    font-size: 10px;
    text-align: justify;
    color: #204c6f;
    text-shadow: none;
    background-color: rgba(205, 205, 205,0);
    overflow-y: scroll;
}

#news a {color:#c9d7e2; font-size: 11px;
     text-shadow: rgba(114, 111, 181, 0.5) 0px 0px 3px;
     font-family: verdana;
     font-size: 10px;}

#news a:hover {color:#e1ddd8;font-size: 11px;
     text-shadow: #17354d 0px 0px 3px;
     font-family: verdana;
     font-size: 10px;}

#news::-webkit-scrollbar {width: 3px; background-color: transparent;} 
#news::-webkit-scrollbar-thumb { background: #b3d0e6; } 
#news::-webkit-scrollbar-corner { background: #2E2F23; }
#news::-webkit-scrollbar-track { background: #353330; }

/* gostevaya */

.guest {    width: 550px;
padding-bottom: 20px;
padding-top: 5px;
background:  linear-gradient(to bottom, #497460, #c3d8c5);
border: 2px dotted rgb(222, 222, 222);
  }

.guest-head {
    width: 490px;
font-family:playfair display;
   font-size: 32px;
   letter-spacing: 2px;
   font-weight: bold;
   text-align: center;
   color: #ccddcb;
   text-shado: 0px 0px 0px rgba(52, 63, 59, 0.2), 00px -1px 0 rgb(19, 19, 19);
  }

.guest-quote {
width: 484px;
text-align: center;
color:#c3dac6;
font-family: play;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
padding: 2px;
  padding:5px;
  background-color:hsla(153, 22%, 42%, 0.5);

  border-bottom: 0px solid white;
    border-right: 0px solid white;
    border-top: 0px solid rgb(19, 19, 19);
    border-left: 0px solid rgb(19, 19, 19);

  }

.guest-table {
  width: 506px;
}

.guest-infobox {
text-align: center;
 background-color:hsla(153, 22%, 42%, 0.5);
  border-bottom: 0px solid white;
    border-right: 0px solid white;
    border-top: 0px solid rgb(19, 19, 19);
    border-left: 0px solid rgb(19, 19, 19);
color:#d1dccc;
text-transform: uppercase;
font-size: 9px;
padding: 2px;}

  .guest-pic2 {
padding: 5px;}


.guest-info {
  font-family: 
  georgia; 
  font-size: 12px; 
  margin-left: 25px; 
  margin-right: 25px; 
  padding: 15px; 
  background-color: rgb(255, 255, 255); 
  text-align: left;
  }

.hold-main {
    width: 580px;
margin-left: 62px !important;
margin-top: -15px !important;

}

#hold {
width: 240px; 
height: 100px;
position: relative;
text-align: left;
font-size: 14px;
line-height: 13px;
font-family: Condensed;
text-transform: lowercase;
padding: 5px;
color: #15132b;
left: 15px;
padding: 10px;
overflow: auto;
}


#hold-head
{
  height: 20px;
        font-family: oswald;
        text-align: center;
        line-height: 10px;
        color: #342a66;
        font-size: 25px;
        text-transform: uppercase; 
padding-bottom: 5px;

    }

.nota{
  background-color:rgba(247, 246, 246, 0.2);
  color: #201e21;
 font-family: 'roboto slab';
 margin-left: 15px!important;
 margin-top: 5px!important;
 overflow: hidden;

}

.textnota {
 text-align:justify;
  font-family: play; 
  font-size: 12px;
  padding-left:12px;
    padding-right:12px;
  padding-top:7px;
  padding-bottom:7px;
  }

/*episodes*/

.ep-header {
 text-align:center;
font-family: roboto; 
background-color:rgb(24, 52, 76);
color:#969ea0;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 15px;
padding: 2px;
 }

.ep-images {
   display: inline-block;
  background-color:rgb(35, 79, 114);
  padding:5px;
  color: #201e21;
  margin-bottom: 5px !important;
  border: 4px ridge rgb(46, 112, 162);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) 
 }

 .ep-content {
text-align:justify;
  font-family: play; 
  font-size: 13px;
  background-color:rgb(152, 160, 162);
  padding:5px;
  color: #041421;
  margin-top: 2px !important;
  border: 2px solid rgb(45, 112, 157);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
width: 96%; }

 .ep-description {
text-align:justify;
  font-family: play; 
  font-size: 12px;
  background-color:rgba(247, 246, 246, 0.1);
  padding-left:12px;
    padding-right:12px;
  padding-top:7px;
  padding-bottom:7px;
  color: #04111b;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
width: 96%; }

 .ep-players {
text-align:center;
font-family: roboto; 
background-color:rgba(47, 104, 149, 0.2);
color:#000000;
text-transform: lowercase;
font-size: 15px;
 }

  .ep-lines {
    display: inline-block;
 font-family:play;
  text-transform: uppercase;
  font-size: 10px;
  background-color:rgb(51, 49, 46);
  padding:5px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #25232b;
text-align:center;
 }

 .ep-box {
 font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(39, 85, 119);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-top: 3px !important;
  color: #9da5a7;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .ep-box-content {
   margin-top: -6px !important;
      margin-bottom: -3px !important;
   font-size:12px;
   color:#061623;
   text-align:CENTER;
     background-color:rgba(30, 74, 109, 0.2)

 }


/* gaid */

.guide-body {
background-color:rgb(40, 48, 56);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  border: 2px solid rgb(52, 115, 166);
 }

.guide-image {display: inline-block;
    padding:1px;
  margin-bottom: 5px !important;
  border: 4px ridge rgb(50, 116, 166);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) }


.guide-head {
text-align:center;
font-family: roboto; 
background-color:rgb(54, 122, 171);
color:#bcc9cc;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
padding: 2px;}

.guide-head2 {
text-align:right;
font-family: PT Sans Narrow; 
background-color:rgb(35, 79, 114);
color:#c0c9cc;
text-transform: uppercase;
font-size: 20px;
margin-top: 2px !important;
padding-right: 10px;
letter-spacing: 1px;}


.guide-point {
  text-align:justify;
  background-color:rgb(151, 159, 161);
  padding:5px;
  color: #1d1f21;
  margin-bottom: 5px !important;
   margin-top: 5px !important;
  
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

.guide-spoiler {
   text-align:left;
font-family: roboto; 
background-color:rgb(151, 175, 193);
color:#000000;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 4px !important;
cursor:pointer;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.guide-spoiler-content {
  text-align: justify;
  background-color:rgb(151, 159, 161);
  padding:5px;
  color: #1f2225 !important;
  margin-top: 2px !important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

 .guide-box {
 font-family:play;
  text-transform: uppercase;
  font-size: 14px;
  background-color:rgb(20, 64, 97);
  padding:5px;
  margin-bottom: 5px !important;
  color: #99a1a4;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align:center;
 }

 .guide-box-content {
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:4px;
 }


/* anketa */

.anketa-head {
   text-align:center;
font-family: roboto; 
background-color:rgb(23, 53, 77);
color:#0a273e;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 22px;
padding: 5px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-bio {padding: 7px;
height: 350px;
overflow-y: scroll;
font-size: 12px;
}

.anketa-images {
   display: inline-block;
background-color:rgb(35, 78, 113);
  padding:5px;
  color: #969696;
  margin-bottom: 5px !important;
  border: 4px ridge rgb(51, 119, 164);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) 
 }
 
.anketa-spoiler {
   text-align:center;
font-family: kelly slab; 
background-color:rgb(40, 84, 119);
color:#9ca4a6;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 23px;
padding: 7px;
cursor:pointer;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-spoiler-content {padding:10px 10px 10px 10px;}

.anketa-spoiler-small {
   text-align:left;
font-family: roboto; 
background-color:rgb(82, 122, 150);
color:#071b2d;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 4px !important;
cursor:pointer;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-ability-spoiler {
   text-align:left;
font-family: play; 
background-color:rgb(82, 122, 150);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 4px !important;
margin-left: 10px !important;
cursor:pointer;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.anketa-ability-content {
   background-color:rgba(177, 177, 177, 0.1);
color:#4e3030;
padding: 2px;
margin-left: 10px !important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
            margin-bottom:5px !important;
}

 .anketa-content {
text-align:justify;
  background-color:rgb(154, 162, 164);
  padding:5px;
  color: #051725;
  margin-top: 2px !important;
  border: 3px solid rgb(49, 113, 161);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); }

 .anketa-text {
   background-color:rgba(177, 177, 177, 0.1);
  padding:5px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) }



 .anketa-box {
 font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(38, 83, 116);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #9ca3a5;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .anketa-box-content {
   font-size:11px;
  color: #04111b;
   text-align:left;
   padding:4px;
 }

.anketa-point {
 font-family:play;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  background-color:rgb(36, 80, 115);
  padding-left: 15px;
    padding-top:4px;
  padding-bottom:4px;
  margin-top: 3px !important;
  color: #99a1a3;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
text-align: left;
line-height: 85%;
 }

 .anketa-point-date {
 font-family:verdana;
  text-transform: lowercase;
  font-size: 10px;
  letter-spacing: px;
  background-color:rgba(101, 129, 173, 0.5);
  padding-right: 8px;
    padding-top:4px;
  padding-bottom:4px;
  margin-top: 3px !important;
  color: #245073;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
text-align: right;
line-height: 85%;
 }

 .anketa-point-content {
  color: #061c2d;
   text-align:justify;
   padding-top:4px;
   padding-bottom:3px;
 }

 
/* occupation */

.occup {
 text-align:center;
font-family: roboto; 
background-color:rgb(54, 122, 171);
color:#c1d5da;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
padding: 2px;
 }

 .occupcontent {
text-align:justify;
  font-family: play; 
  font-size: 13px;
background-color:rgb(152, 160, 162);  padding:5px;
  color: #171717;
  margin-top: 2px !important;
  border-left: 3px solid rgb(52, 122, 171);
  border-right: 3px solid rgb(49, 113, 161);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) }

 .occup-description {
text-align:justify;
  font-family: play; 
  font-size: 11px;
  line-height: 98%;
  background-color:rgba(247, 246, 246, 0.4);
  padding:5px;
  color: #201e21;
  margin-top: 2px !important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) }

 .occup-head {
text-align:center;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
text-transform: uppercase;
font-size: 25px;
letter-spacing: 1px;
margin-bottom: 7px !important;
 }

  .occup-lines {
    display: inline-block;
 font-family:play;
  text-transform: uppercase;
  font-size: 10px;
  background-color:rgb(50, 116, 166);
  padding:5px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #d6e3e6;
text-align:center;
 }

 .occup-box {
 font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(32, 72, 103);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #cecece;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
 }

 .occup-box-content {
   font-size:11px;
  color: #1d1d1d;
   text-align:left;
   padding:4px;
 }

  .occup-box2 {
font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  background-color:rgb(32, 72, 103);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #cecece;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;
text-align:center;
padding:4px;
line-height: 85%;
text-align:center;
 }

 .occup-box-content2 {
   font-size:12px;
   text-align:justify;
   margin-top: -3px !important;
 }

 .occup-box-content2 a {
   font-size:12px !important;
 }


/* plot */

.plot {
background-color:rgba(0, 0, 0, 0.5);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
 }

.plot-quote {
text-align:center;
font-family: kelly slab; 
background-color:rgb(180, 103, 45);
color:#1b1c1c;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
padding: 2px;}

.plot-quote2 {
text-align:center;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
text-transform: uppercase;
font-size: 13px;
margin-top: 2px !important;
padding: 5px;
letter-spacing: 1px;}

.plot-text {
  text-align:justify;
  font-family: play; 
  font-size: 13px;
   background-color:rgb(51, 49, 46);
  padding:5px;
  color: #969696;
  margin-top: 2px !important;
  border-left: 3px solid rgb(180, 103, 45);
  border-right: 3px solid rgb(180, 103, 45);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

.plot-link {
  display: inline-block; 
   padding: 5px;
  border: 1px solid;
  border-color: #d8d1c5 #6f5d45 #8b6f57 #d9cec7;
  border-radius: 6px;
  outline: none;
  background: #705d49 linear-gradient(#d2994f, #9c5d30 50%, #6d4a1c);
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
  height: 15px;
  margin-top: 5px !important;
  width: 47%;
  }
  
 .plot-link a {font-size: 80%;
  color: rgba(255,255,255,.9) !important;
  text-shadow: #3b297c 0 1px 2px;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  font-size: 18px;
text-transform: uppercase;
  }
  
 .plot-link:hover {
 color: rgb(255,255,255);
  background-image: linear-gradient(#5e8463, #81a996 50%, #bfe4d3);}

/* predislovie */


.predfon {
background-color:rgb(34, 80, 114);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);}

 .pred {
text-transform: uppercase;
letter-spacing: 5px;
font-size: 20px;
text-align: left;
padding: 5px;
 width: 95%;
 text-align:center;
font-family: roboto; 
background-color:rgb(22, 52, 76);
color:#99a1a3;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 25px;
}

.predhedtop {
padding:3px;
border:#9aa2a4 1px solid;
letter-spacing:1px;}

.predhedbottom {
font-family:play;
font-size:10px;
color:#9ba3a5;
text-transform:uppercase;
margin-top:-4px !important;
}

.predpoint {
  padding:5px;
  text-align:justify;
background-color:rgb(150, 158, 160);
  color: #081f31;
  margin-top: 2px !important;
  border-left: 3px solid rgb(56, 122, 172);
  border-right: 3px solid rgb(50, 117, 162);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
  }


/* abilities */

.ability-box {
background-color:rgb(43, 76, 107);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
 }

.ability-head {
text-align:center;
font-family: roboto; 
background-color:rgb(52, 118, 170);
color:#c7d0d2;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
padding: 2px;}

.ability-head2 {
text-align:left;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#12293b;
text-transform: uppercase;
font-size: 20px;
margin-top: 2px !important;
padding-left: 5px;
letter-spacing: 1px;}


.ability-description {
  text-align:justify;
  background-color:rgb(152, 160, 162);
  padding:5px;
  color: #272626;
  margin-top: 2px !important;
 
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

.ability-inherit {
  font-family:play;
  text-transform: lowercase;
  font-size: 12px;
  letter-spacing: 1px;
  background-color:rgb(152, 160, 162);
  padding-left:5px;
    padding-top:2px;
  padding-bottom:2px;
  margin-left: 20px !important;
  margin-top: 3px !important;
  color: #191817;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
text-align: left;

}


/* pravila */

.rulesbox {
background-color:hsla(207, 52%, 30%, 0.8);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
 }

.ruleshead {
text-align:center;
font-family: roboto; 
background-color:rgb(22, 52, 76);
color:#99a1a3;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
padding: 2px;}

.ruleshead2 {
text-align:right;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#1a364e;
text-transform: uppercase;
font-size: 20px;
margin-top: 2px !important;
padding-right: 10px;
letter-spacing: 1px;}


.rulespoint {
  text-align:justify;
  background-color:rgb(153, 161, 163);
  padding:5px;
  color: #0c1923;
  margin-top: 2px !important;
  border-left: 3px solid rgb(52, 122, 173);
  border-right: 3px solid rgb(49, 115, 167);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

/* org */

.org-head {font-family:roboto;
font-size:30px;
  text-align:center;
margin-bottom: 15px !important;
color:#2f6daa;
background-color:hsla(60, 1%, 74%, 0.5);
text-shadow: 1px 1px #1e2020;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
padding: 2px;
}

.org-text {     color: #191817;
letter-spacing:1px;
font-size:11px;
line-height: 12px;
}

.org1 {
margin-left: 15px !important;
letter-spacing:1px;
font-family:helvetica,arial,sans-serif;
text-align:justify;
line-height: 12px;
     color: #000a13;
background-color:rgb(31, 66, 96);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);}

.org2 {
  background-size:cover;
  padding:30px;
   background-color:rgb(151, 159, 161);
}

.org3 {background:rgb(255, 255, 255);}

.org4 {cursor:pointer;
padding:10px;
font-family:roboto;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
text-align:justify;
background-color:rgba(0, 0, 0, 0.2);
  color: #192127;
  margin-top: 2px !important;
   border-left: 3px solid rgb(46, 109, 160);
  border-right: 3px solid rgb(52, 118, 170);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)}

.org5 {padding:10px 20px 10px 20px;}

.org 8{min-height:31px;
margin-bottom:120px;}

.org-main {background:rgb(126, 134, 136);
padding: 5px;
margin-top: 5px !important;
font-weight: bold;
display:block;}


/* faceclaim */


.jarouad {
 background-color:rgb(26, 61, 91);
 PADDING:5PX; 
 width: 95%;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}

.jarouadtitle {
padding:20px;
line-height:100%;
text-shadow:1px 1px #07243c;
text-align:center;
font-family: roboto; 
background-color:rgb(44, 110, 158);
color:#80abcb;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 28px;
}

.jarouadtext {
 padding:15px;
 margin-top:10px;
 border:1px solid #ccc;
 line-height:14px;
font-family: PT Sans Narrow; 
background-color:rgba(224, 224, 224, 0.7);
color:#33312e;
font-size: 17px;
margin-top: 2px !important;
padding-right: 10px;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
 text-align: justify;
}

.jarouadsub {
 background:rgba(25,25,25,0.6);
 font-family:Roboto;
 letter-spacing:5px;
 font-size:18px;
 border:1px solid #ccc;
 text-shadow:1px 1px rgb(12, 131, 218);
 line-height:100%;
 text-align:center;
  background-color:rgba(247, 246, 246, 0.7);
  padding:5px;
  color: #201e21;
  margin-top: 2px !important;
  border-left: 3px solid rgb(51, 62, 58);
  border-right: 3px solid rgb(51, 62, 58);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)
}

.jarouadclaims {
  background-color:rgb(51, 49, 46);
 color:#a7a7a6 !important;
 font-family:roboto !important;
 font-weight:400;
 letter-spacing:2px;
 font-size:12px !important;
 text-decoration:none;
 line-height:100%;
 text-transform: lowercase;
 padding:5px;
 padding-left:15px;
 border-bottom:1px solid #444;
 line-height:12px;
  text-align:center;

}

.jarouadclaims:hover {
 background:rgba(183, 183, 183, 0.2);
  border-bottom:1px solid #efeeed;
   color:#444341 !important;


}

.jarouadclaims a {
 color:#b4b4b4 !important;
  text-shadow:1px 1px rgb(44, 110, 158) !important;
 font-family:roboto !important;
 font-weight:400;
 letter-spacing:2px;
 font-size:12px !important;
 text-decoration:none;
 line-height:100%;
 text-transform: lowercase;
}

.jarouadclaims:hover a {
  color:#b5bec7 !important;
  text-shadow:1px 1px rgb(44, 110, 158);
}

.jarouadclaims:hover {
   color:#b4b4b4 !important;
}



s, strike, del {    text-decoration: none !important;
    text-shadow: #323535 0 0 7px !important;
    color: hsla(0,0%,0%,0) !important; 
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}

del:hover{    text-decoration: none !important;
    text-shadow:0px 0px hsla(0,0%,0%,0) !important; color: #0c1d27 !important;}



.reception {background: url(http://forumfiles.ru/files/0019/84/57/49934.jpg) no-repeat top center; 
width:572px; height: 278px;}

.reception-scroll-roles {
	position:absolute; 
	width:140px; 
	height: 140px; 
	margin-top:69px !important; 
	margin-left:35px !important;  
	overflow-y: auto; 
	text-align:center; 
	font-family: play !important; 
	font-size:10px !important;
	line-height: 10px; 
	font-weight:normal; 
	color: #26313a; 
	text-shadow:0px 0px 0 rgba(0,0,0,1); 
	padding-right:5px; 
	background: rgba(0,0,0,0.1); 
	padding:5px;}

.reception-scroll-looks{
	position:absolute; 
	width:140px; 
	height: 140px; 
	margin-top:69px !important; 
	margin-left:222px !important;  
	overflow-y: auto; 
	text-align:center; 
	font-family: play !important; 
	font-size:10px !important;
	line-height: 10px; 
	font-weight:normal; 
	color: #26313a; 
	text-shadow:0px 0px 0 rgba(0,0,0,1);  
	padding-right:5px; 
	background: rgba(0,0,0,0.1); 
	padding:5px;}


.reception-links {
    color: #050522;
	position:absolute; 
    font-weight: lighter !important;
    letter-spacing: 1px;
    text-align: center;
    margin-top:88px !important;
    margin-left: 380px !important;
    width: 180px;
    height: 200px; 
    line-height: 20px;
}

.reception-links a, #reception-links a:link {
	background: #497ca7;
color: #c9cbcc !important;
    font-size: 10px !important;
    margin: 0 1px;
    padding: 3px 10px;
        font-family: play !important;
            text-transform: uppercase; 
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important; 
} 

.reception-links a:hover, #reception-links a:focus {
    color: #e5e5f4 !important;
    display: inline;
    opacity: 0.6;
    padding-bottom: 5px !important;
        padding-top: 5px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    transition: all 0.3s linear 0.3s;
}



.tooltip {
    position: relative;
    display: inline
}

.tooltip em {
    display: block;
        transform: scale(0);
    transition: all 1s ease-in-out 0s;
    position: absolute;
    opacity: 0;
    color: #8a8a8a;
    
    font-family: jura !important;
    font-size: 11px !important;
    font-style: normal;
    height: auto;
    line-height: 9px;
    margin-left: 31px;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 120px;
    top:25px;
    background: url("http://forumfiles.ru/files/0010/98/fb/85550.png") no-repeat scroll; 
}

.tooltip:hover em {
    top: 25px;
background: url("http://forumfiles.ru/files/0010/98/fb/85550.png") no-repeat scroll;
    color: #8a8a8a;
    
    font-family: jura !important;
    font-size: 11px !important;
    font-style: normal;
    height: auto;
    line-height: 9px;
    margin-left: 31px;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 120px;
    z-index: 9999;
    transform: scale(1);
    opacity: 1;
    transition: all 0.7s ease-in-out 0s;
}

.tooltip:hover em i {
    border-top: 0 none;
    top: 25px;
    display: block;
    position: absolute;
    right: 2px;
    transform: scale(1)
}
.tooltip:hover em img {
    border: 1px solid #945409;
        transform: scale(1)
}



#admin-top-left {
	    color: #a29e98;
    margin-left: 452px;
    margin-top: 188px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 99;
}
#admin-top-left a {
    color: #959d9f;
    text-shadow: none !important;
    text-transform: uppercase;
    font-family: pt sans narrow !important;
        font-size: 16px;
        font-style: bold;

}

#admin-top-left  a:hover {
    color: #d4d4d4;
        text-shadow: none !important;

}

#admin-top-right {
	    color: #a29e98;
    margin-left: 537px;
    margin-top: 188px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 99;
}
#admin-top-right a {
    color: #959d9f;
    text-shadow: none !important;
    text-transform: uppercase;
    font-family: pt sans narrow !important;
        font-size: 16px;
        font-style: bold;

}

#admin-top-right  a:hover {
    color: #d4d4d4;
        text-shadow: none !important;

}

#admin-bottom-left {
	    color: #a29e98;
    margin-left: 449px;
    margin-top: 208px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 99;
}
#admin-bottom-left a {
   color: #959d9f;
    text-shadow: none !important;
    text-transform: uppercase;
    font-family: pt sans narrow !important;
        font-size: 16px;
        font-style: bold;

}

#admin-bottom-left  a:hover {
 color: #d4d4d4;
        text-shadow: none !important;}

        #admin-bottom-right {
	    color: #a29e98;
    margin-left: 525px;
    margin-top: 208px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 99;
}
#admin-bottom-right a {
   color: #959d9f;
    text-shadow: none !important;
    text-transform: uppercase;
    font-family: pt sans narrow !important;
        font-size: 16px;
        font-style: bold;

}

#admin-bottom-right  a:hover {
 color: #d4d4d4;
        text-shadow: none !important;}


#banners {
  overflow: scroll; 
overflow-x: hidden; 
height: 75px; 
width: 980px; 
margin-left: -10px; 
margin-top: 56px;}


/* character list */

.character-list {
  display: inline-block;
  overflow-y: auto;
  width: 45%;
  height: 100px;
  text-align: justify;
  background-color: #adbdc7;
  padding: 7px 5px 5px 10px;
  border-top: 2px solid #dce2e6;
}


.character-list-name {
  font-family: pt sans narrow; 
  font-size: 15px;
  font-weight: bold;
  color: #0c4d80;
  text-align: left;
}

.character-list-status-free {
  font-family: play;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  margin-top: -17px !important;
    margin-right: 10px !important;
        color: #585f5a; 

}

.character-list-status-taken {
  font-family: play;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  margin-top: -17px !important;
    margin-right: 10px !important;
    color: #922b2d; 
}



.character-list-side {
font-family: play;
  font-size: 13px;
  font-weight: bold;
margin-top: 2px !important;
padding: 2px 2px 10px 0px;
text-transform: uppercase;
text-align: left;
}

.character-list-age {
  font-family: play;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  margin-top: -25px !important;
    padding-bottom: 3px;
}

.character-list-info {
  background-color: hsla(202, 10%, 54%, 0.3);
padding: 5px;
font-size: 10px;
}

.character-list-addition-spoiler {
  background-color: #2f6f9d;
  color: #ccd6dc;
  padding-left: 5px;
}

.character-list-addition {
    background-color: rgba(47, 111, 157, 0.5);
      color: #181c1f;
        padding-left: 15px;
}

.character-list-link {
    background-color: #6fb6ec;
    display: inline-block; 
    padding: 3px 6px 3px 6px;
    margin-top: 5px !important;
}