:root {
  --yellow_forReal: #500a08;
}



#fs-mainpro {
  width: 1000px;
  height: auto;
	 background: url(https://i.imgur.com/xSUls9B.png); 
	  padding-left: 5px;
  margin-top: 10px;
  border-radius: 5px;
  box-shadow: 0 16px 16px -8px #000;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#fs-mp-top {
  width: 100%;
  height: 300px;
  background: url(https://i.imgur.com/zlW9Arg.png);
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  background-attachment: fixed;
}

#fs-mp-gen {
  background: #0b0b0b;
  width: 100%;
  height: 2000px;
  margin-bottom: -97px;
}

.fs-mpg-top {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 92%;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 50px;
}

.imgcont img {
  mix-blend-mode: luminosity;
	outline: 125px solid rgba(0,0,0,.3);
	outline-offset: -125px;
  object-fit: cover;
  width: 240px;
  height: 220px;
  border-radius: 4px;
}

.imgcont {
  width: 240px;
  height: 220px;
  border: 15px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 16px 16px -8px #aaa;
}

.fs-nd-cont {
  width: 74%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.fs-ntc {
    background: -webkit-linear-gradient(#ccc, #500a08);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fsmp-title {
  color: #ccc;
  font: 10px roboto;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.fs-mp-name {
  font: 63px/90% playfair display sc;
  color: #888;
  text-align: left;
  padding: 0 11px 14px 0;
}

.fs-ntc:after {
	content: "";  
	display: block; 
	width: 50%; 
	border-bottom: 6px solid #500a08; 
}

.fs-chart {
  width: 95%;
  height: 300px;
  background: url(https://i.imgur.com/zlW9Arg.png);
  background-attachment: fixed;
  box-shadow: 0 16px 16px -8px #aaa;
  margin: 40px 0;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}

.fsc-sidefield {
  font: 30px playfair display sc;
  letter-spacing: 2px;
  color: #707070;
  text-transform: uppercase;
  padding: 20px 13px;
    writing-mode: vertical-rl;
    transform: scale(-1);
}

.fsc-inner {
  width: 89%;
  height: 85.5%;
  margin-top: 2.6%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  position: relative;
}

.fsc-field {
  width: 33.3%;
  height: 33.5%;
  box-sizing: border-box;
  padding: 20px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fsc-field b {
  display: block;
  font: bold 16px abel;
  letter-spacing: 1px;
  color: #500a08;
  text-transform: uppercase;
}

.fsc-field b:after {
	content: "";  
	display: block; 
	width: 8%; 
	border-bottom: 2px solid #500a08; 
}

.fsc-field div {
  text-align: right;
  margin: 15px 5px;
  font: 13px roboto;
  color: #545454
}

.fs-mfflex {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-flow: row wrap;
}

.fs-minifields {
	background-color: #0a0a0b; 
	border: 1px solid #171717;
  height: 100px;
  width: 30%;
	  margin-bottom: 10px;
	margin-right: 5px;
float: left;
  align-items: center; 
  position: relative;
	overflow: auto;
scrollbar-width: none;
	    text-align: justify;
}

.minitrivia {
  border-radius: 4px;
background-color: #0a0a0b; 
	border: 1px solid #171717;
  background-attachment: fixed;
		overflow: auto;
	scrollbar-width: none;
}

.fs-minitrivia-tit {
	background: url(https://i.imgur.com/xSUls9B.png); 
  color: #bd0009;
  font: 26px abel;
  text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: scale(-1);
  letter-spacing: 2px;
  padding-left: 5px;
  border-left: 1px solid #171717;
	 border-bottom: 1px solid #171717;
	border-top: 1px solid #171717;
	border-right: 1px solid #171717;
  height: 100%;
  text-align: center;
}

.minitrivdiv {
  width: 81%;
  height: 90%;
  color: #adadad;
	overflow: auto;
	scrollbar-width: none;
  margin-top: 20px; 
	margin-left:45px;
	  font: 13px/149% calibri;
	position: absolute;float: left;
}

.fs-mainfields {
  height: 400px;
  width: 30%;
	  margin-bottom: 10px;
	margin-right: 5px;
  display: flex;
  flex-direction: column;
  align-items: center; 
  position: relative;
	overflow: auto;
scrollbar-width: none;
	    text-align: justify;
	overflow-x: hidden;
}

.trivia {
  border-radius: 4px;
background-color: #0a0a0b; 
	border: 1px solid #171717;
  background-attachment: fixed;
  flex-direction: row;
  align-items: flex-start;
		overflow: auto;
	scrollbar-width: none;
	overflow-x: hidden;
}

.fs-maintracker {
  height: 400px;
  width: 30%;
	  margin-bottom: 10px;
	margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center; 
  position: relative;
	overflow: auto;
 scrollbar-width: none;
	overflow-x: hidden;
	border-radius:25px;
}

.scenes {
  border-radius: 4px;
background-color: #0a0a0b;
	border: 1px solid #171717;
  background-attachment: fixed;
  flex-direction: row;
  align-items: flex-start;
}

.fs-mainaffil {
  height: 400px;
  width: 36%;
	  margin-bottom: 10px;
	margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center; 
  position: relative;
	overflow: auto;
 scrollbar-width: none;
	overflow-x: hidden;
}

.affilation {
  border-radius: 4px;
background-color: #0a0a0b;
border: 1px solid #171717;
  background-attachment: fixed;
  flex-direction: row;
  align-items: flex-start;
}


.fs-bg-grey {
background-color: #0a0a0b;
	border: 1px solid #171717;
  width: 25%;
  border-radius: 4px;
	  text-align: justify;
	overflow: auto;
	scrollbar-width: none;
	overflow-x: hidden;
}

.fs-bg-grey-big {
background: url(https://i.imgur.com/xSUls9B.png); 
	border: 1px solid #171717;
  width: 40%;
  border-radius: 4px;
	  text-align: justify;
	overflow: auto;
	scrollbar-width: none;
	overflow-x: hidden;
}

.fsp-titles {
  color: #afafaf;
  font: 30px playfair display sc;
  padding: 15px 27px;
  text-shadow: 1px 1px 3px #111;
  align-self: flex-start;
}

.fsp-titles:after {
	content: "";  
	display: block; 
	width: 25%; 
  padding-top: 3px;
	border-bottom: 2px solid #500a08; 
}

.fsp-weapon {
  color: #afafaf;
  font: 20px playfair display sc;
  text-shadow: 1px 1px 3px #111;
  align-self: flex-start;
}

.fsp-weapon:after {
	content: "";  
	display: block; 
	width: 45%; 
  padding-top: 3px;
	border-bottom: 2px solid #500a08; 
}

.fsp-box {
  width: 90.5%;
  height: 400px;
  color: #adadad;
  font: 14px/149% calibri;
	overflow: auto;
	scrollbar-width: none;
	overflow-x: hidden;
  padding-right: 6px;
  margin-left: 5px
}


.fsp-box p {
 font-family: calibri;
  color: #adadad;
  font-size: 12px;
  text-align: left;
  letter-spacing: 1px;
  display: inline-block;
	text-align: justify;
}

.fsp-box p i {
 font-family: calibri;
  color: #b70e0e;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
	font-style: normal;
	text-align: justify;
}

.fsp-box p em {
 font-family: calibri;
  color: #b70e0e;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
	text-align: justify;
	font-style: normal;
	padding-left:15px;
	padding-right:15px;
}

.fsmp-triangle {
background: url(https://i.imgur.com/xSUls9B.png); 
  height: 400px;
  width: 55%;

  clip-path: polygon(100% 0, 0 0, 0 100%);
	left:0;
  background: url(https://i.imgur.com/zlW9Arg.png);
  background-attachment: fixed;
}

.fsmp-bigtit {
  font: 900 italic 65px/100% roboto;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #212121;
  -webkit-text-stroke: 1px #ccc;
  margin-top: -100px;
}

.flexright {
	padding-right: 580px;
  align-items: flex-left;
  justify-content: space-around;
  background: linear-gradient(to right, var(--yellow_forReal) 2px, transparent 2px) 0 0, linear-gradient(to right, var(--yellow_forReal) 2px, transparent 2px) 0 100%, linear-gradient(to left, var(--yellow_forReal) 2px, transparent 2px) 100% 0, linear-gradient(to left, var(--yellow_forReal)2px, transparent 2px) 100% 100%, linear-gradient(to bottom, var(--yellow_forReal)2px, transparent 2px) 0 0, linear-gradient(to bottom, var(--yellow_forReal)2px, transparent 2px) 100% 0, linear-gradient(to top, var(--yellow_forReal)2px, transparent 2px) 0 100%, linear-gradient(to top, var(--yellow_forReal)2px, transparent 2px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

.fsmp-liltit {  
  font: 23px/100% abel;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555;
  text-align: right;
  background: #ccc;
  width: 95%;
  margin-right: -1px;
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
  padding: 10px 10px 12px 40px;
  margin-top: -80px;
}

.fsmp-icon img {
  position: absolute;
  bottom: -9%;
	  right: -40%;
  width: auto;
  height: 480px;
  filter: invert(10%) sepia(1%) saturate(0%) hue-rotate(188deg) brightness(96%) contrast(93%);
  mix-blend-mode: luminosity;
}

.fsmp-lyrics {
  color: #ccc;
  font: 600 italic 18px playfair display;
  width: 75%;
  margin-right: 7%;
  background: rgba(20,20,20,.8);
    padding: 12px 15px 15px 20px;
  border-radius: 4px;
  z-index: 2;
  margin-top: -55px;
backdrop-filter: blur(9px);
}

.fs-mp-parameters {
  width: 100%;
  height: 120px;
  background: #555;
  margin-bottom: 5px;
  border-radius: 4px;
  display: flex;
  flex-flow: row no-wrap;
	  align-items: center;
  justify-content: space-around;
  background: url(https://i.imgur.com/zlW9Arg.png);
  background-attachment: fixed;
}

.fs-p-title {
  font: 20px abel;
  text-transform: uppercase;
  width: 20%;
  color: #bcbcbc;
  box-sizing: border-box;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #555;
  letter-spacing: 1px;
  mix-blend-mode: hard-light;
}

.fs-attr {
  font-size: 12px;
  color: #ddd;
	  text-align: center;
}

.fs-stats-cont {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 80%;
  padding: 20px;
}

.fs-stats {
  font: 900 italic 35px roboto;
  box-sizing: border-box;
  color: #cc0000;
  mix-blend-mode: difference;
}

.fs-stats:after {
	content: "";  
	display: block; 
	width: 40%; 
	border-bottom: 2px solid #bcbcbc; 
  padding-top: 5px;
}

.fs-statletter {
  font: 20px playfair display sc;
  color: #bcbcbc;
  text-align: right;
	  margin-top: -15px
}

.fs-trivia-tit {
	background: url(https://i.imgur.com/xSUls9B.png); 
  color: #bd0009;
  font: 26px abel;
  text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: scale(-1);
  letter-spacing: 2px;
  padding-left: 5px;
  border-left: 1px solid #171717;
	 border-bottom: 1px solid #171717;
	border-top: 1px solid #171717;
	border-right: 1px solid #171717;
  height: 100%;
  text-align: center;
}

.fs-trivia-tit a {
  color: #bbb;
   font: 14px calibri;
  text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: scale(-1);
  letter-spacing: 2px;
  padding-left: 5px;
  height: 100%;
  text-align: center;
	 font-weight: bold;
}

.fs-scene-tit {
  color: #bd0009;
  font: 26px abel;
  text-transform: uppercase;
    writing-mode: vertical-lr;
    transform: scale(-1);
  letter-spacing: 2px;
  margin-left: 215px;
	  margin-top: 15px;
  padding-left: 10px;
  border-right: 1px solid #bbb;
  height: 100%;
  text-align: center;
}

.trivdiv {
  width: 81%;
  height: 90%;
  color: #adadad;
	overflow: auto;
	scrollbar-width: none;
  margin-top: 20px; 
	margin-left:45px;
	position: absolute;
	  font: 13px/149% calibri;
	overflow-x: hidden;
}

.trivdiv p {
 font-family: calibri;
  color: #adadad;
  font-size: 12px;
  text-align: left;
  letter-spacing: 1px;
  display: inline-block;
	text-align: justify;
}

.trivdiv p i {
 font-family: calibri;
  color: #b70e0e;
  font-size: 12px;
  letter-spacing: 1px;
	font-style: normal;
}

.trivdiv p em {
 font-family: calibri;
  color: #b70e0e;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
	text-align: justify;
	font-style: normal;
	padding-left:15px;
	padding-right:15px;
}

.trivdiv i {
 font-size: 14px;  text-align: left;
}

.trivdiv a{
  font-family: calibri;
  color: #F8F8FF;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 1px;
  display: inline-block;
  text-shadow: 2px 2px 2px #000; 
}

.trivdiv b{
  font-family: calibri;
  color: #870a07;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 1px;
  display: inline-block;
  text-shadow: 2px 2px 2px #000; 
}

.trivdiv span{
  font-family: Calibri;
  color: #F8F8FF;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 1px;
  display: inline-block;
  text-shadow: 2px 2px 2px #000; 
}
###############################################

.material-icons {color: #500a08; font-size: 7px;}

#mainprofback {
background-color: #0a0a0b;
	
	width: 1000px;
  padding: 10px;
	  padding-top: 20px;
	position: relative;
  overflow: hidden;
}

#mainprofback .imgicon1 {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    background-size: cover;
    background-position: center;
    display: block;
    float: right;
    margin-left: 820px;
  margin-top: -20px;
	border: 5px solid #bd0009;
  position: absolute;
	z-index: 2;
}

#mainprofback .mainname {
    font-family: montserrat;
    text-transform: uppercase;

    font-size: 50px;
    color: #afafaf;
	border-bottom: 2px solid #bd0009;
    letter-spacing: 1px;
    line-height: 50%;
    text-align: center;
    position: relative;
    top: -5px;
	padding:10px;
  z-index: 1;
}


#mainprofback .dattop {
	display: block;
	font-family: roboto condensed;
	font-size: 8px;
	text-transform: uppercase;
	text-align: left;
	color: #afafaf;
	letter-spacing: 1px;
	overflow: hidden;
	position: relative;
  margin-left: 10px;
  z-index: 1;

}

#mainprofback .mainavbor {
padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 8px;
   background: url(https://i.imgur.com/xSUls9B.png); 
    position: relative;
    overflow: hidden;
    border: 1px #171717 solid;
}

.bordiag {	 float: left; width: 120px; height:120px;margin:12px; border-radius: 100%; border: 3px solid #000;
background-size:contain; filter: grayscale(100%) ;outline-offset: 6px;}

.bordiag span {	 background-image: url(https://i.imgur.com/g6G13C8.png);
	width:120px;
        text-transform: uppercase;
  font: 9px/180% 'calibri';
	font-weight: bold;

  text-align: center;
  letter-spacing: 1px;
   text-overflow: ellipsis;}

#mainprofback .mainav {
	background-color: #000;
	height: 220px;
	width: 240px;
		margin: 10px;
}

#mainprofback .mainav .av {
	height: 222px;
	width: 242px;
  z-index:1;
  position:relative;
  border: 1px solid #171717;
}

#mainprofback .mainstat {
	height: 28px;
	width: 250px;
	    border: 1px solid #171717;
		  background: url(https://i.imgur.com/xSUls9B.png); 
    
	margin-bottom: 5px;
	font-family: calibri;
	font-size: 10px;
	color: #bd0009;
	text-align: right;
	line-height: 27px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 10px;
	position: relative;
	overflow: hidden;
  margin-left: 10px;
	 font-weight: bold;
}

#mainprofback .mainstat i {
	display: block;
	font-size: 15px;
	line-height: 27px;
	color: #881515;
	float: left;
	margin-right: 5px;
}

#mainprofback .mainstat span {
	float: left;
	padding-right: 5px;
	 font-weight: bold;
	color: #afafaf;
}

#mainprofback .pquote {
  background-color:#0a0a0b;
	font-family: calibri;
	color: #afafaf;
	font-size: 13px;
	text-align: justify;
	width: 420px;
	height: 100px;
	padding-right: 5px;
	position: relative;
	margin: 10px;
  padding: 10px;
	text-transform: uppercase;
}

#mainprofback .pquote i{
color: #bd0009;
font-size: 43px;padding: 0px 15px;
}

#mainprofback .usertitle {

	font-family: calibri;
	color: #000;
	font-size: 15px;
 font-weight: bold;
	text-align: center;
	width: 420px;
	height: 24px;
	padding-right: 5px;
	position: relative;
	letter-spacing:  0.3em;
	margin: 10px;
 text-transform: uppercase;
}

#mainprofback .usertitle h1{
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
		font-family: "Josefin Sans", sans-serif;
		background: linear-gradient(to right,#ab0924 10%, #e82525 50%, #a79595 60%);
		background-size: auto auto;
		background-clip: border-box;
		background-size: 200% auto;
	text-align: center;
		color: #fff;
		background-clip: text;
		text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: textclip 1.5s linear infinite;
		display: inline-block;
	}

@keyframes textclip {
	to {
		background-position: 200% center;
	} }

#mainprofback .texttitle {
	width: 100%;
  margin-top: -10px;
	border-bottom: 1px solid #500a08;
  background: url(https://i.imgur.com/xSUls9B.png); 
	font-family: calibri;
	font-size: 12px;
	color: #afafaf;
	text-align: left;
	letter-spacing: 1px;
  line-height: 27px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	 font-weight: bold;
}

#mainprofback .text {
	font-family: calibri;
	color: #afafaf;
	font-size: 12px;
	text-align: justify;
	width: 420px;
	height: 155px;
	padding-right: 5px;
	position: relative;
  padding: 15px;
	width: 420px;
	margin: 10px;
  border: 1px solid #171717;
 background: url(https://i.imgur.com/xSUls9B.png); 
}
#mainprofback .textov {overflow-y: auto; height: 115px;padding-top: 5px;}

#mainprofback .iconclick {
	width: 420px;
	margin: 10px;
	text-align: center;
	letter-spacing: 1px;
	padding: 0px 10px;
	position: relative;
	overflow: hidden;
}

#mainprofback .iconclick i {color: #500a08;
font-size: 43px;padding: 0px 15px;}

#mainprofback .lookstat {
	height: 28px;
	width: 270px;
	    border: 1px solid #171717;
 background: url(https://i.imgur.com/xSUls9B.png); 
	margin-bottom: 5px;
	font-family: calibri;
	font-size: 10px;
	color: #bd0009;
	text-align: right;
	line-height: 27px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 10px;
	position: relative;
	overflow: hidden;
  margin-left: 10px;
	margin-top: 7px;
	 font-weight: bold;
}

#mainprofback .lookstat i {
	display: block;
	font-size: 15px;
	line-height: 27px;
	color: #881515;
	float: left;
	margin-right: 5px;
}

#mainprofback .lookstat span {
	float: left;
	color: #afafaf;
	padding-right: 5px;
	 font-weight: bold;
}

#######################

#openPopUp{

  color: #ffffff;
  font-weight: 500;
  font-size: 1.5em;
overflow: hidden;
  text-decoration: none;
  font-weight: 100;

  transition:background-color 0.15s linear;
  -webkit-transition:background-color 0.15s linear;
  -moz-transition:background-color 0.25s linear;
  -o-transition:background-color 0.25s linear;
}
a#openPopUp:hover{
  cursor: pointer;

}
.popup{
  position: fixed;
  z-index: 999999;
  background: rgba(0,0,0, 0.75);
  width: 400px;
  height: 300px;
  opacity: 0;
margin-top: 250px;
	margin-left: -130px;
    -webkit-transition: opacity  0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
overflow: hidden;
}
.popup .popUpContainer{
  width: 100%;
  height: 100%;

}

.popup h2{
  padding: 0.5em;
  text-align: center;
  color: #444444;
  margin: 0;
}
.popup img{
  width: 100%;
  display: block;
}
.popup article{
	height: 300px;
  background-color: #e67e22;
}
/* The cancel button on popup dialog */
.popup a.closePopUp{
  font-family: verdana;
  color: #e74c3c;
  position: absolute;
  top: 0.2em;
  right: 0.375em;
  margin: 0;
  padding: 5px;
  font-weight: bold;
  font-size: 1.5em;
  text-decoration: none;
}
/* The cancel button on popup dialog */
.popup a:hover{
  color: #c0392b;
}
/* When popup is targeted, by clicking on link with #popup in HTML */
.popup:target{
  opacity: 1;
  top: 0;
}
.popup .closePopUpOutSide{
  position: absolute;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 9999991; 
}
.popup:target .popUpContainer{

    -webkit-transition: top  0.35s ease;
    -moz-transition: top 0.35s ease;
    -o-transition: top 0.35s ease;
    transition: top 0.35s ease;
}

@media  (max-width: 400px) {
  .popup .popUpContainer{
    width: 100%;
    max-width: none;

  }
  .popup ul{
    padding: 0 1em 0 1em;
  }
  .popup:target .popUpContainer{
    -webkit-transition: top  0.35s ease;
    -moz-transition: top 0.35s ease;
    -o-transition: top 0.35s ease;
    transition: top 0.35s ease;
  }
}

#######################################

.memberlist-fng {
	width: 650px;
	margin: auto;
	font-family: roboto;
	overflow: hidden;
	color: #0b0b0b;
}

.memberlist-fng .member {
		display: grid;

	background: #0b0b0b;
	padding: 16px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	transform: scale(0.8);
	filter: grayscale(1);
	transition: 0.7s ease;
}

.memberlist-fng .member:hover {
	transform: scale(1);
	filter: grayscale(0);
}

.memberlist-fng .member img {
	border: 8px solid;
	border-color: #000 #000 #bd0009 #bd0009;
}

.memberlist-fng h2 {
	width: 150px;
	padding: 0;

}

.memberlist-fng h2 a {
		height: 28px;
	width: 150px;
	margin-bottom: 5px;
	font-family: roboto;
	font-size: 8px;
	color: #bbb;
	text-align: right;
	line-height: 27px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 10px;
	position: relative;
	overflow: hidden;
	 font-weight: bold;
}

.memberlist-fng h2 i {
		height: 28px;
	width: 150px;
	margin-bottom: 5px;
	font-family: roboto;
	font-size: 8px;
	color: #bbb;
	text-align: right;
	line-height: 27px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 10px;
	position: relative;
	overflow: hidden;
	 font-weight: bold;
}

.memberlist-fng h2 b {
	color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
		font-family: "Josefin Sans", sans-serif;
		background: linear-gradient(to right,#ab0924 10%, #e82525 50%, #a79595 60%);
		background-size: auto auto;
		background-clip: border-box;
		background-size: 200% auto;
	text-align: center;
		color: #fff;
		background-clip: text;
		text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: textclip 1.5s linear infinite;
		display: inline-block;
	}
	

@keyframes textclip {
	to {
		background-position: 200% center;
	} }

.memberlist-fng ul.links {
	list-style-type: none;
	display: flex;
	margin: 0;
	padding: 0;
	grid-area: 2/1/3/3;
}

.memberlist-fng ul.links li a {
	display: block;
	width: 15px;
	height: 15px;
	background: #bd0009;
	margin-right: 16px;
	border-radius: 100%;
}

.memberlist-fng ul.bio {
	grid-area: 3/1/4/3;
	list-style-type: none;
	color: #0b0b0b;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.memberlist-fng h3 {
	margin: 0;
	font: italic 900 62px/0.8em calibri;
	letter-spacing: 1px;
	-webkit-text-stroke: 1px #e5ebf0;
	color: transparent;
	position: absolute;
	bottom: -8px;
	right: -8px;
	opacity: 0.6;
}

#######################################

@font-face {
    font-family: 'Sketch Block';
    src: url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.eot);
    src: url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.eot?#iefix) format('embedded-opentype'),
         url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.woff) format('woff'),
         url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.ttf) format('truetype'),
         url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.svg#SketchBlockBold) format('svg');
}

@font-face {
    font-family: 'Museo 700';
    src: url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.eot);
    src: url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.woff) format('woff'),
         url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.ttf) format('truetype'),
         url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.svg#SketchBlockBold) format('svg');
}

@font-face {
    font-family: 'CallunaRegular';
    src: url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.eot);
    src: url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.woff) format('woff'),
         url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.ttf) format('truetype'),
         url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.svg#CallunaRegular) format('svg');
}

.containerquote {
        width: 420px;
        position: relative;
    }

    profileblockquote {
        width: 365px;
        font: 24px CallunaRegular;
        letter-spacing: .075em;
		  text-align: center;
margin-left: 70px;
margin-top: 20px;
color: #e0dfdf;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
    }

        profileblockquote:first-line {
            font: 54px "Sketch Block";
            color: #bd0009;
        }

        profileblockquote:first-letter {
            font-size: 2.9em;
            text-transform: lowercase;
            float: left;
			line-height: .52em;
            margin-right: -50px;
             position: absolute;
            z-index: 1;
        }



        profileblockquote em {
			 line-height: 50%;
			  font-size: 20px;
            border-bottom: 2px dotted #858585;

        }

     

        @-moz-document url-prefix() { 

            profileblockquote:first-letter {
                margin-top: -29px;
            }

        }


###############################

#regist1 {
  width: 700px;
  font-family: verdana;
  color: #0f0f0f;
  border-spacing: 20px;
}

.reg1 {

  text-transform: uppercase;
  letter-spacing: 0.5px;

  font-family: "Poppins", sans-serif;
  font-size: 20px;
  text-align: center;
  background-color: #070707;
  color: #e2e2e2;
}

.regmoe {
  vertical-align: top;
  text-align: justify;
  font-size: 10px;
  color: #e2e2e2;
  background-color: #0f0f0f;
}

.tituloregs {
  margin-bottom: 5px;
  border-bottom: 1px solid #761e33;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #e2e2e2;
  font-family: "Poppins", sans-serif;
}

.regi {
  font-weight: bold;
  color: #994369;
  font-size: 10px;
  display: inline-block;
  text-transform: uppercase;
}

}
.tablase {
  outline: 20px solid #2a273499;
  width: 500px;
  outline-offset: 1px;
  border: 2px solid #761e33b3;
}

####################################

@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);


.memberlist-wrap{
margin: 0 auto;
width: calc(800px + 0px);
padding: 10px;
border: 1px solid rgba(239, 241, 237), 0.3);
margin-bottom: 20px;
}


.memberlist{
margin: 0 auto;
width: 800px;
height: 200px;
background: rgba(15, 19, 15), 0.65);
display: grid; 
grid-template-rows: 100px 100px;
}

.memberlist row1{
padding: 20px;
box-sizing: border-box;
grid-row: 1; 
display: flex; 
justify-content: space-between;
}

.memberlist row1 img{
grid-row 1;
height: 120px;
width: 120px;
border-radius: 50%;
margin-left: 10px;
margin-top: 10px;
object-fit: cover;
border: 5px solid rgba(239, 241, 237), 0.3);
}

.memberlist row1 span{
font: 400 25px abril fatface;
text-transform: uppercase;
color:  rgba(239, 241, 237), 0.8);
letter-spacing: 2px;
margin-top: 40px;
grid-row: 1;
}


.memberlist row2{
padding: 20px;
box-sizing: border-box;
grid-row: 2; 
display: flex; 
justify-content: space-between;
}

.memberlist row2 stats{
grid-row: 2;
color: rgba(239, 241, 237), 0.8);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: -20px;
margin-left: 20px;
}



.memberlist row2 stats span{
font: 400 12px playfair display;
text-transform: lowercase;
letter-spacing: 2px;
font-style: italic;
margin-right:10px;
}

.memberlist row2 stats c{
text-transform: uppercase;
font-weight: 200;
letter-spacing: 2px;
border-bottom: 1px solid rgba(239, 241, 237), 0.3);
margin-right: 10px;
}

.memberlist row2 links{
font: 400 15px playfair display;
text-transform: lowercase;
letter-spacing: 2px;
font-style: italic;
color: rgba(239, 241, 237), 0.8);
margin-top: 5px;
}

##########################


#outerheader {
position: relative;
width: 1000px;
margin: auto;
  height:500px;
  background-color:#0b0b0b;

}

.titlebar {
  background-color:#0b0b0b;
  padding-left:45px;
padding-bottom: 10px;
  font-family:'roboto';
  font-weight:bold;
  border-left:7px solid #bd0009;
 border-right:7px solid #bd0009;
  color:#fff;
  font-size:30px;
  letter-spacing:4px;
text-transform:uppercase;
  position:absolute;
  height:30px;
  width:400px;
line-height: 95%;
  top: 50%;
  left: 50%;
  margin: -140px 0 0 60px;
}

.titlebar a {
  font-family:'roboto';
  font-weight:bold;
  color:#fff;
  font-size:30px;
  letter-spacing:4px;
text-transform:uppercase;
}

.titlebar a:hover {
  color:#bd0009;
}

.innerside {
  width:170px;
  padding:15px;
  float:left;
background: url(https://i.imgur.com/xSUls9B.png) no-repeat left;  
  background-color:#0b0b0b;
  height:360px;
}

.imageside {
  width:830px;
  float:right;
opacity: 0.6;
  height:360px;
}

.titlesub {
 float:right;
  font-family:'karla';
  font-size:8px;
color: #bd0009;
  text-transform:uppercase;
  letter-spacing:2px;
}

.topdesc {
  color:#d6d4d4;
  font-size:9px;
  background-color:#121212;
  padding:12px;
  text-align:justify;
  margin-bottom:20px;
}

.topdesc b{
  color:#bd0009;
  font-size:9px;
font-weight:bold;
}

.bottomlinks {
  background-color:#0b0b0b;
  
  padding:10px;
  width:1000px;
  height:45px;
  margin:auto;
  margin-top:-15px;
  text-align:center;
}

.bottomlinks a {
  text-decoration:none;
  color:#fff;
  border-bottom:1px solid #bd0009;
  font-size:9px;
  margin:0 15px;
  border-radius:4px;
  letter-spacing:1px;
text-transform:uppercase;
  padding:5px;
}

.updatebox {
  color:#d6d4d4;
  text-transform:uppercase;
  font-size:9px;
  height:125px;
  text-align:justify;
  overflow-y:hidden;
  padding:10px;

  transition:0.5s;
		overflow: auto;
scrollbar-width: none;
}

.bottomlinks a:hover {
  border-color:#151515;
  transition:0.5s;
}

########################################

#mrbwrapper {
    text-align: left;
    width: 1000px;
    margin: 0px auto 30px;
    background: rgba(0,0,0,0.5);
    padding-bottom: 5px;
}

#mrbinnerwrapper {
    padding: 0 10px;
}

.mbrlistbox {
  width:100%;
  height:172px;
  border:1px solid #0b0b0b;
    margin-bottom:10px;
  background-image: url(https://i.imgur.com/xSUls9B.png);
background-size: cover;
  background-position:center left;
}


.mbrlisttop {
background-color:#bd0009;
  text-align:center;
  height:30px;
   opacity: 0.9;
}

.g6 { 
background: #633974 !important;
}

.g3 { 
background: #38610B!important;
}

.g8 { 
background: #868A08!important;
}

.g4 { 
background: #BDBDBD!important;
}

.g2 { 
background: #41403c!important;
}

.g9 { 
background: #0B4C5F!important;
}

.g10 { 
background: #B45F04!important;
}

.mbrliststat {
  background-color:#000;
  font-family:'karla';
  color:#fff;
text-transform:uppercase;
  font-size:9px;
  float:right;
  vertical-align:middle;
  margin:5px;
  display:inline-block;
  margin-bottom:5px;
  text-align:center;
  padding:5px 20px;
  letter-spacing:2px;
}

.mbrlistcontacts {
  background-color:#541014;
  font-family:'karla';
  color:#bd0009;
text-transform:uppercase;
  font-size:9px;
  float:right;
  vertical-align:middle;
  margin:5px;
  display:inline-block;
  margin-bottom:5px;
  text-align:center;
  padding:5px 20px;
  letter-spacing:2px;
}

.mbrlistnum {
  vertical-align:middle;
  font-family:'karla';
  color:#fff;
  text-align:uppercase;
  padding-top:7px;
  padding-left:10px;
  font-weight:bold;
  float:left;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:2px;
}

.mbrlistnum b {
	color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
		font-family: "Josefin Sans", sans-serif;
		background: linear-gradient(to right,#8e0b0b 10%, #272121 50%, #0b0b0b 60%);
		background-size: auto auto;
		background-clip: border-box;
		background-size: 200% auto;
	text-align: center;
		color: #fff;
		background-clip: text;
		text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: textclip 2.5s linear infinite;
		display: inline-block;
	}
	

@keyframes textclip {
	to {
		background-position: 200% center;
	} }

.mbrlistinner {
  padding:23px;
}

.mbrlistinner img {
  border-radius:100%;
  border:3px solid #0b0b0b;
  float:left;
  margin-left:-5px;
margin-top:-15px;
  width:110px;
}

.mbrname {
  text-align:center;
  color:#415d32;
  font-family:'karla';
  text-transform:uppercase;
  border-bottom:3px solid #0b0b0b;
  font-size:40px;
  font-weight:bold;
  letter-spacing:4px;
}

.mbrsub {
  color:#fff;
  text-align:center;
  font-family:'karla';
  font-size:10px;
  text-transform:uppercase;
  margin-top:6px;
  letter-spacing:3px;
}

.mbrlistbottom {
  background-color:#bd0009;
margin-top:3px;
  text-align:center;
 opacity: 0.9;
}

.mbrlistbottom span {
 text-transform:uppercase;
  color:#000;
  text-decoration:none;
  font-size:10px;
font-weight: bold;	

}

#grp-8 .mbrlistbox,
#grp-8 .mbrname {
  border-color:#c8001b;
}

#grp-8 .mbrlisttop,
#grp-8 .mbrlistbottom {
  background-color:#c8001b;
}

#grp-8 .mbrname,
#grp-8 .mbrname a {
  color:#c8001b;
}

################################

.BACKGROUNDRP {width: 463px;height: 180px;background: #2d2d2d;}.GAUCHERP {float:left;}.TITRERP {  background-color:#0b0b0b;
	font-size: 35px;font-weight: bold;font-family: 'Montserrat', sans-serif;text-transform:uppercase;width: 460px;font-style: italic;font-weight: bold;color:#d6d4d4;padding:10px;line-height:27px;font-weight: 900;text-align:center;}.NAMERERP {  background-color:#0b0b0b;
	font-size: 16px;font-weight: bold;font-family: 'Montserrat';text-transform:uppercase;width: 230px;font-weight: bold;color:#d6d4d4;font-weight: 900;text-align:center;}.INFOSRP { font-family:'Montserrat';font-weight: bold;font-size:10px;color:#ffffff;text-align:center;}.fa-palette, .fa-calendar-check, .fa-city {padding-right:5px;padding-left:5px;}.BACKXTFOND {width:460px; height:155px; background: url(https://i.imgur.com/xSUls9B.png); background-color:#f5f5f5; border:1px solid #0f0f0f; padding:10px;}.BACKTXT {width:435px; height: 130px; background-color:#0b0b0b; border:1px solid #000; padding:10px;}.TXTRP {height: 110px; text-align:justify; padding:5px; font-family:'Montserrat'; font-size: 12px; line-height: 19px!important;color:#404040; 	overflow: auto; scrollbar-width: none; 	    text-align: justify;}/******COULEURS******/.NOX {color:#db2828;}.NOXBG {background:#db2828;}.BACKGROUNDNOX {border-bottom: 20px solid #db2828;}.LIGUE {color:#f5a525;}.LIGUEBG {background:#f5a525;}.BACKGROUNDLIGUE {border-bottom: 20px solid #f5a525;}.IDEALIS {color:#a772cf;}.IDEALISBG {background:#a772cf;}.BACKGROUNDIDEALIS {border-bottom: 20px solid #a772cf;}.DRESSEURS {color:#fff;}.DRESSEURSBG {background:#bd0009;}.BACKGROUNDDRESSEURS {border-bottom: 30px solid #bd0009;}.BACKGROUNDDRESSEUR {text-align:center; border-bottom: 30px solid #0b0b0b;}

.indexareatitel {  position: relative; 
	line-height:29px;font-size: 38px;font-weight: bold;font-family: 'Montserrat', sans-serif; text-transform:uppercase;font-style: italic;font-weight: bold;color:#d6d4d4;padding-top:10px;font-weight: 900;text-align:center;width: 460px;}.indexrp { letter-spacing: 5px;  font-family:'Montserrat';font-weight: bold;font-size:10px;color:#ffffff;text-align:center; position: relative;}

.guidetitel {  position: relative; 
	line-height:29px;font-size: 34px;font-weight: bold;font-family: 'Montserrat', sans-serif; text-transform:uppercase;font-style: italic;font-weight: bold;color:#d6d4d4;padding-top:70px;font-weight: 900;text-align:center;width: 250px;}

.FEATindex {margin-top: 12px; font-size: 12px;font-weight: bold;font-family: 'Montserrat', sans-serif;text-transform:uppercase;width: 510px;font-weight: bold;color:#bd0009;padding:5px;line-height:11px;font-weight: 700; position: relative; background: #500a08; background: url(https://i.imgur.com/xSUls9B.png); text-align:center;  letter-spacing: 5px;}

.FEATindex i {font-size: 14px;}

.indexarealang {  position: relative; margin-left:20px; margin-top: 10px; 
	line-height:29px;font-size: 40px;font-weight: bold;font-family: 'Montserrat', sans-serif; text-transform:uppercase;font-style: italic;font-weight: bold;color:#d6d4d4;padding-top:20px;font-weight: 900;text-align:center;width: 600px;}

.FEATlang{margin-top: 20px; font-size: 12px;font-weight: bold;font-family: 'Montserrat', sans-serif;text-transform:uppercase;width: 625px;font-weight: bold;color:#bd0009;padding:5px;line-height:11px;font-weight: 700; position: relative; background: #500a08; background: url(https://i.imgur.com/xSUls9B.png); text-align:center;  letter-spacing: 5px;}

.FEATlang i {font-size: 14px;}

.whoiswho {
  background-color:#000;
  font-family:'karla';
  color:#bd0009;
text-transform:uppercase;
  font-size:9px;
  float:right;
  vertical-align:middle;
  margin:5px;
  display:inline-block;

  text-align:center;
  padding:5px 20px;
  letter-spacing:2px;
}

.whoiswho span {
 text-transform:uppercase;
  color:#000;
  text-decoration:none;
  font-size:10px;
font-weight: bold;	
}

.whoiswhostat {
  background-color:#bd0009;
	height: 20px;
  font-family:'karla';
  color:#fff;
text-transform:uppercase;
  font-size:9px;
  float:center;
  vertical-align:middle;
  margin:5px;
  display:inline-block;
  text-align:center;
  padding:5px 20px;
  letter-spacing:1px;
}

.whoiswhobottom {
  background-color:#000;
	height: 20px;
  font-family:'karla';
  color:#fff;
text-transform:uppercase;
  font-size:9px;
  float:right;
  vertical-align:middle;
  margin:5px;
  display:inline-block;
  text-align:center;
  padding:5px 20px;
  letter-spacing:1px;
}

.char_alertBox {
  font-family:'calibri';
  color:#fff;
text-transform:uppercase;
  font-size:9px;
  float:center;
  vertical-align:middle;
  margin:5px;
  display:inline-block;
  text-align:center;
  padding:5px 20px;
  letter-spacing:1px;
}

#################################
.scrollypoly ::-webkit-scrollbar {width: 4px;}

.scrollypoly ::-webkit-scrollbar-thumb {
  background: #0b0b0b;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; 
}

.fade {
  opacity: 0.7; 
  transition: all 0.5s ease;
  -webkit-transition: all 0.5 ease;
  -moz-transition: all 0.5 ease;
}

.fade:hover {
  opacity: 0.9; 
  transition: all 0.5s ease;
  -webkit-transition: all 0.5 ease;
  -moz-transition: all 0.5 ease;
}

.k1 {width: 490px;}
 
.k2 {
  height: 280px;
  float: left;
  width: 210px;
  background-color: #0b0b0b;
 opacity: 0.8;
}
 
.k3 {
  height: 90px;
	width: 210px;
  text-align: center;
  font-family: anton;
  font-size: 30px;
  color: #0f0f0f;
	 margin-top: 20px;
	 line-height: 30px;
}
 
.k4 {
  float: left;
  height: 50px;
  background-color: #000;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 40px;
}
 
.k5 {
  float: right;
  height: 50px;
  background-color: #000;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 40px;
}
 
.k6 {
	  width: 120px;
 height: 100px;
}

.k6 img {
  width: 120px;
  padding: 3px;
	  border: 10px solid #000;
	filter:grayscale(1); -webkit-filter:grayscale(1); 
	
}
 
.k7 {
  height: 40px;
  text-align: center;
  margin-top: 10px;
  font-family: helvetica;
  font-size: 12px;
  line-height: 15px;
	  padding-right: 10px;
  padding-left: 10px;
  letter-spacing: 2px;
  color: #000;
  text-transform: uppercase;
	 font-weight: bold;
}

.kname {
  height: 20px;
	width:210px;
background: #000; 
  text-align: center;
  font-family: helvetica;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 2px;
  color: #000;
  text-transform: uppercase;
	 font-weight: bold;
	border: 1px solid #171717;
}
 
.k8 {
  margin-left: 210px;
  height: 256px;
  background-image: url(https://i.imgur.com/xSUls9B.png);
  padding: 12px;
}
 
.k9 {
  float: left;
  width: 255px;
  padding: 8px;
  padding-right: 0px;
  background-color: #0b0b0b;
  font-size: 10px;
  line-height: 10px;
  color: #818181;
  font-family: helvetica;
  letter-spacing: 1px;
  text-align: justify;
}

.k9 a{
  font-family: calibri;
	font-size: 10px;
	color: #afafaf;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
line-height: 12px;
}
 
.k10 {
  background-color: #bd0009;
  color: #FAFAFA;
  padding: 0px 3px 0px 3px;
  text-transform: uppercase;
 }

.kisnext {
  color: #bd0009;
  text-transform: uppercase;
	font-weight: bold;
 }

.k10 a {
	 font-family: arial;
  color: #FAFAFA;
  text-transform: uppercase;
	 font-weight: bold;
	  font-size: 9px;

 }
 
.k11 {
  float: right;
  width: 80px;
  padding: 8px;
  padding-right: 0px;
  background-color: #FAFAFA;
  font-size: 10px;
  line-height: 10px;
  color: #818181;
  font-family: helvetica;
  letter-spacing: 1px;
  text-align: justify;
}
 
.k12 {
  background-color: #bd0009;
  color: #FAFAFA;
  padding: 0px 3px 0px 3px;
  text-transform: uppercase;
}
 
.k13 {
  margin-top: 37px;
  height: 200px;
  overflow: auto;
  text-align: justify;
  padding: 10px;
  background-color: #0b0b0b;
  font-size: 10px;
  line-height: 15px;
  color: #818181;
  font-family: helvetica;
  letter-spacing: 0px;
	 text-transform: uppercase;
	scrollbar-width: none;
}

.k13 i {
color: #bd0009;
}

.k13 a {
  font-size: 11px;
	 text-transform: uppercase;
}
 
.k14 {
  margin-top: 10px;
  padding: 8px;
  text-align: justify;
  background-color: #0b0b0b;
  font-size: 10px;
  line-height: 10px;
  color: #818181;
  font-family: helvetica;
  letter-spacing: 1px;
	 text-transform: uppercase;
}
 
.k15 {
  background-color: #bd0009;
  color: #FAFAFA;
  padding: 0px 3px 0px 3px;
  text-transform: uppercase;
}
 
.k16 {
  width: 500px;
  text-align: right;
  line-height: 9px;
  font-size: 9px;
  letter-spacing: 4px;
  font-family: helvetica;
  text-transform: uppercase;
  color: #C4C4C4;
  margin-top: 2px;
  margin-bottom: 10px;
}

hr.new1 {
  border-top: 1px dashed  red;
}

.ucp-main {
  position: relative;
  width: 1000px;
  height: 750px;
  background: #0b0b0b;
  border: 2px solid #0f0f0f;
}
.ucp-main-name {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 350px;
  height: 50px;
  border: 2px solid #0f0f0f;
  font: normal 25px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  text-align: center;
  background: url(https://i.imgur.com/lrwz2SR.png);
  background-size: 500%;
  background-position: bottom center;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.ucp-main-codename {
  position: absolute;
  top: 5px;
  left: 363px;
  width: 200px;
  height: 50px;
  border: 2px solid #0f0f0f;
  font: normal 25px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #bd0009;
}
.ucp-main-age {
  position: absolute;
  top: 5px;
  left: 571px;
  width: 180px;
  height: 50px;
  border: 2px solid #0f0f0f;
  font: normal 25px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #bd0009;
}
.ucp-main-pronouns {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 232px;
  height: 50px;
  border: 2px solid #0f0f0f;
  font: normal 25px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #bd0009;
}
.ucp-main-av {
  position: absolute;
  top: 62px;
  left: 5px;
  width: 250px;
  height: 685px;
  border: 2px solid #0f0f0f;
		 background: url(https://i.imgur.com/xSUls9B.png); 
}
.ucp-main-av img {
  width: 250px;
  height: 400px;
}
.ucp-main-team {
  position: absolute;
  top: 62px;
  left: 263px;
  width: 170px;
  height: 65px;
  border: 2px solid #0f0f0f;
	 background: url(https://i.imgur.com/xSUls9B.png); 
  font-family: calibri;
	font-size: 15px;
  text-transform: uppercase;
	 font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  color: #e6e6e6;
	 line-height: 15px;
}
.ucp-main-sexuality {
  position: absolute;
  top: 134px;
  left: 263px;
  width: 170px;
  height: 65px;
  border: 2px solid #0f0f0f;
	 background: url(https://i.imgur.com/xSUls9B.png); 
  font-family: calibri;
	font-size: 15px;
  text-transform: uppercase;
	 font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  color: #e6e6e6;
	 line-height: 15px;
}
.ucp-main-relationship {
  position: absolute;
  top: 205px;
  left: 263px;
  width: 170px;
  height: 65px;
  border: 2px solid #0f0f0f;
	 background: url(https://i.imgur.com/xSUls9B.png); 
  font-family: calibri;
	font-size: 15px;
  text-transform: uppercase;
	 font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  color: #e6e6e6;
	 line-height: 15px;
}
.ucp-main-species {
  position: absolute;
  top: 276px;
  left: 263px;
  width: 170px;
  height: 65px;
  border: 2px solid #0f0f0f;
	 background: url(https://i.imgur.com/xSUls9B.png); 
  font-family: calibri;
	font-size: 15px;
  text-transform: uppercase;
	 font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  color: #e6e6e6;
	 line-height: 15px;
}
.ucp-main-btn {
  position: absolute;
  top: 351px;
  left: 263px;
  width: 50px;
  height: 50px;
  border-radius: 12px;
  color: #bd0009;
  font: normal 25px/50px "Open Sans", sans-serif;
}

.ucp-main-btn img {
  width: 50px;
  height: 50px;
  border: 1px solid #bd0009;
  border-radius: 12px;
  color: #bd0009;
}
.ucp-main-btn a {
  color: inherit;
  text-decoration: none;
	 font: normal 100px "Open Sans", sans-serif;
	}
	.ucp-main-btn i {
  color: inherit;
  text-decoration: none;
font-size: 25px;
		margin-top: 10px;
		margin-left: 10px;
}
.ucp-main-btn:nth-child(even) {
  border: 2px solid #0f0f0f;
  color: #F2B868;
}
.ucp-main-imgwide {
  position: absolute;
  top: 62px;
  left: 442px;
  width: 250px;
}

.ucp-main-imgwide img {
  width: 250px;
}

.ucp-main-imgwide {
  border: 2px solid #0f0f0f;
}
.ucp-main-jointitle {
  position: absolute;
  top: 233px;
  left: 442px;
  width: 250px;
  height: 22px;
  border-top: 2px solid #0f0f0f;
  border-right: 2px solid #0f0f0f;
  border-left: 2px solid #0f0f0f;
  font: normal 14px/18px "Open Sans Condensed", sans-serif;
  color: #bd0009;
  text-transform: uppercase;
  letter-spacing: 5px;
	text-align: center;
}
.ucp-main-joinedon {
  position: absolute;
  top: 261px;
  left: 442px;
  width: 250px;
  height: 22px;
  border: 2px solid #0f0f0f;
  font: normal 15px/22px "Open Sans Condensed", sans-serif;
  color: #ebebeb;
  text-transform: uppercase;
  letter-spacing: 5px;
	text-align: center;
}
.ucp-main-twiticon {
  position: absolute;
  top: 295px;
  left: 442px;
  width: 30px;
  height: 30px;
  border: 1px solid #bd0009;
  border-radius: 5px;
  color: #b65b60;
  font-size: 25px;
  line-height: 30px;
	background: url(https://i.imgur.com/QN0P2XP.png); 
}
.ucp-main-twitname {
  position: absolute;
  top: 295px;
  left: 482px;
  width: 210px;
  height: 30px;
  border: 2px solid #0f0f0f;
  border-radius: 5px;
  font: normal 15px/30px "Open Sans Condensed", sans-serif;
  color: #ebebeb;
  text-transform: uppercase;
  letter-spacing: 5px;
	text-align: center;
	color: #bd0009;
	  font-weight: bold;
}
.ucp-main-quote {
  position: absolute;
  top: 330px;
  left: 442px;
  width: 250px;
  height: 125px;
  padding: 20px;
  border: 2px solid #0f0f0f;
		 background: url(https://i.imgur.com/xSUls9B.png); 
  font: normal 14px/17px "Open Sans Condensed", sans-serif;
  color: #e6e6e6;
  overflow: auto;
  text-align: center;
	scrollbar-width: none;
}
.ucp-main-quote::-webkit-scrollbar {
    width: 5px;
}
.ucp-main-quote::-webkit-scrollbar-track {
    background: #272727; 
}
.ucp-main-quote::-webkit-scrollbar-thumb {
    background: #f2f2f2; 
}
.ucp-main-tptitle {
  position: absolute;
  top: 62px;
  left: 701px;
  width: 270px;
  height: 37px;
  border: 2px solid #0f0f0f;
		 background: url(https://i.imgur.com/xSUls9B.png); 
  font: normal 17px/37px "Open Sans Condensed", sans-serif;
  color: #e6e6e6;
  letter-spacing: 10px;
  text-transform: uppercase;
	text-align: center;
}
.ucp-main-totalposts {
  position: absolute;
  top: 101px;
  left: 701px;
  width: 270px;
  height: 84px;
  border: 2px solid #0f0f0f;
  font: normal 52px/84px "Open Sans", sans-serif;
  font-weight: bold;
  color: #bd0009;
  letter-spacing: 20px;
	text-align: center;
}
.ucp-main-gif {
  position: absolute;
  top: 192px;
  left: 715px;
  width: 240px;
  height: 220px;
  border: 2px solid #0f0f0f;
}
.ucp-main-gif img {
  width: 240px;
  height: 220px;
}
.ucp-main-ooc {
  position: absolute;
  margin-top: 5px;
  left: 5px;
  width: 250px;
  height: 22px;
font-family: calibri;
	font-size: 15px;
  text-transform: uppercase;
	 font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  color: #EBEBEB;
}
.ucp-main-oocage {
  position: absolute;
  top: 469px;
  left: 265px;
  width: 170px;
  height: 22px;
  border: 2px solid #0f0f0f;
  font: normal 17px/22px "Open Sans Condensed", sans-serif;
  color: #e6e6e6;
  text-transform: uppercase;
  letter-spacing: 10px;
}
.ucp-main-oocpronouns {
  position: absolute;
  top: 469px;
  left: 445px;
  width: 170px;
  height: 22px;
  border: 2px solid #0f0f0f;
  font: normal 17px/22px "Open Sans Condensed", sans-serif;
  color: #e6e6e6;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.ucp-main-timezone {
  position: absolute;
  top: 469px;
  left: 625px;
  width: 170px;
  height: 22px;
  border: 2px solid #0f0f0f;
  font: normal 17px/22px "Open Sans Condensed", sans-serif;
  color: #e6e6e6;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.ucp-main-contact {
  position: absolute;
  top: 469px;
  left: 801px;
  width: 170px;
  height: 22px;
  border: 2px solid #0f0f0f;
  font: normal 17px/22px "Open Sans Condensed", sans-serif;
  color: #e6e6e6;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:100);

/*

font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
#687b9b

<i class="far fa-minus-square"></i>

*/

.leyenda {
	width: 1000px;

	background: rgba(0,0,0,0.95);
	margin: 0 auto 0;
	 background: url(https://i.imgur.com/xSUls9B.png); 
	background-size: cover;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.leyenda .innerspace {
	padding: 10px;
}

.leyenda .default, .leyenda .ranks1, .leyenda .ranks2 {
	display: grid;
	grid-template-rows: repeat(4, fit-content(100%));
	grid-gap: 3px;
}


.leyenda .default .rngbox, .leyenda .ranks1 .rngbox, .leyenda .ranks2 .rngbox {
	display: grid;
	grid-template-columns: 35px auto;
	grid-gap: 3px;
}

.leyenda .default .rngbox i, .leyenda .ranks1 .rngbox i, .leyenda .ranks2 .rngbox i {
	color: #FFF;
	text-align: center;
	line-height: 35px;
	background: #687b9b;
}

.leyenda .default .rngbox.rng-mitglied i { background: #0b0b0b; }
.leyenda .default .rngbox.rng-bewerber i { background: #424242; }
.leyenda .default .rngbox.rng-female i { background: #993262; }
.leyenda .default .rngbox.rng-male i { background: #2196F3; }
.leyenda .default .rngbox.rng-new i { background: #F44336; }

.leyenda .ranks1 .rngbox.rng-blood i { background: #38610B; }
.leyenda .ranks1 .rngbox.rng-sup i { background: #633974; }
.leyenda .ranks1 .rngbox.rng-heroes i { background: #B45F04; }
.leyenda .ranks1 .rngbox.rng-legends i { background: #868A08; }
.leyenda .ranks1 .rngbox.rng-survivor i { background: #0B4C5F; }

.leyenda .ranks2 .rngbox.rng-posts i { background: #bd0009; }
.leyenda .ranks2 .rngbox.rng-topics i { background: #bd0009; }
.leyenda .ranks2 .rngbox.rng-new i { background: #754429; }
.leyenda .ranks2 .rngbox.rng-today i { background: #754429; }
.leyenda .ranks2 .rngbox.rng-mark i { background: #7f1f1f; }

.leyenda .default .rngbox .rng, .leyenda .ranks1 .rngbox .rng, .leyenda .ranks2 .rngbox .rng {
	color: #FFF;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	line-height: 35px;
	padding-left: 15px;
	background: #0b0b0b;
	font-weight: bold;
	opacity: 0.5;
	letter-spacing: 2px;
}

.leyenda .default .rngbox .rng a, .leyenda .ranks1 .rngbox .rng a, .leyenda .ranks2 .rngbox .rng a {
	color: #FFF;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	line-height: 35px;
	padding-right: 15px;
	font-weight: bold;
	float:right;
}

.leyenda .default .rngbox .rng a:hover, .leyenda .ranks1 .rngbox .rng a:hover, .leyenda .ranks2 .rngbox .rng a:hover {
	color: #bd0009;
}

@font-face {
	font-family: aboutlove;
	src: url(https://files.jcink.net/uploads2/confringorp/AboutLove.ttf);
}
@font-face {
	font-family: times;
	src: url(https://files.jcink.net/uploads2/outrunthesunrp/Random_fonts/timr45w.ttf);
}
@font-face {
	font-family: london;
	src: url(https://files.jcink.net/uploads2/confringorp/LondonMM.ttf);
}
@import url(https://fonts.googleapis.com/css?family=Armata|Oxygen:300,400,700|Roboto+Slab:100,300,400,700);
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
@import url(https://use.typekit.net/xav1qsf.css);

.forumnamebox {
	width: 960px;
	height: 290px;
	overflow: hidden !important;
	position: relative;
	background-color: var(--light);
	border-radius: 0px 20px 20px 0px;
}
.forumnameback {
	position: absolute;
	width: 520px;
margin-top: -40px;
	font: 500 170px aboutlove;
	text-transform: lowercase;
	text-align: center;
	color: #bd0009;
	opacity: 0.2;
	letter-spacing: 2px;
	white-space: nowrap;
	font-weight: bold;
}
.forumnameback span {
	margin-left: -10px;
}

.forumnamelang {
	position: absolute;
	width: 625px;
margin-top: -40px;
	font: 500 170px aboutlove;
	text-transform: lowercase;
	text-align: center;
	color: #bd0009;
	opacity: 0.2;
	letter-spacing: 2px;
	white-space: nowrap;
	font-weight: bold;
}
.forumnamelang span {
	margin-left: -10px;
}

.discouragedrock-bottom {
  position: absolute;

  background-color: #1c1916;
  width: 340px;
  height: 60px;
	 background: url(https://i.imgur.com/xSUls9B.png); 

  padding: 10px 20px 10px 20px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
}

.discouragedrock-bottom-thread {
  width: 335px;
  height: 10px;
  padding: 5px;
  margin-left: -10px;
  margin-top: -5px;
}

.discouragedrock-bottom-thread2 {
  background-color: transparent;
  width: 320px;
  height: 15px;
  font-family: Bebas Neue;
  font-weight: 400;
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  text-shadow: 2px 2px 3px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.discouragedrock-bottom-name {

  width: 300px;
  height: 20px;
  padding: 5px;
  margin-top: 2px;
  font-family: Bebas Neue;
  font-weight: 400;
  color: #FFF;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  text-shadow: 2px 2px 3px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-left: -10px;
}

.discouragedrock-bottom-date {
  margin-top: 1px;
  margin-left: -13px;
  font-family: Oswald;
  font-weight: 400;
  color: #FFF;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  text-shadow: 2px 2px 3px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 5px;
}

.discouragedrock-bottom-img {
  position: absolute;
top: -15px;
  right: -55px;
  background-color: transparent;
  width: 100px;
  height: 100px;
  z-index: 1 !important;
  border-radius: 100%;
  border: solid 3px #bd0009;
  box-shadow: 0px 0px 0px 8px #0b0b0b;
	opacity: 0.9;
}

.discouragedrock-bottom-thread-lang {
  width: 635px;
  height: 10px;
  padding: 5px;
  margin-left: -10px;
  margin-top: -5px;
}

.discouragedrock-bottom-thread2-lang {
  background-color: transparent;
  width: 630px;
  height: 15px;
  font-family: Bebas Neue;
  font-weight: 400;
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  text-shadow: 2px 2px 3px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.discouragedrock-bottom-lang {
  position: absolute;

  background-color: #1c1916;
  width: 640px;
  height: 60px;
	 background: url(https://i.imgur.com/xSUls9B.png); 

  padding: 10px 20px 10px 20px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
}

.contenedorsubforo1 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/7SH64Qn.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo2 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/qEq6UYk.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo3 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/93tWnxM.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo4 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/stcVwCY.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo5 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/ol3Jc9E.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo6 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/3Qlqn1I.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo7 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/iwyNEPU.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo8 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/EBpNQ2G.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo9 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/jhuMeeA.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo10 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/EfLCpeF.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo11 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/VqTtV8V.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.contenedorsubforo12 {
  width: 300px;
  height: 515px;
  background: url(https://i.imgur.com/xrhzZfd.png);
  border: #0b0b0b 1px solid;
  margin: 10px;
  position: relative;
	 float:left;
}

.picc {
  width: 70px;
  height: 70px;
  transition: .5s ease;
  backface-visibility: hidden;
  opacity: 1;

}

#margencito {
  width: 70px;
  height: 70px;
  margin-left: 80px;
	 margin-top: 90px;
  position: relative;

}

#margencito2 {
  width: 70px;
  height: 70px;
margin-left: 80px;
	 margin-top: 90px;
  position: relative;

}

.titlecontenedor {
  color: #7F7F80;
  font-family: Montserrat;
	font-weight: bold;
  font-size: 20px;
  text-align: center;
  letter-spacing: 7px;
  font-style: italic;
  position: absolute;
  margin: 0 auto;
  top: 32.5%;

  width: 285px;
  display: inline-block;
  line-height: 20px;
}

.titlecontenedor2 {
  color: #7F7F80;
  font-family: Montserrat;
	font-weight: bold;
  font-size: 20px;
  text-align: center;
  letter-spacing: 7px;
  font-style: italic;
  position: absolute;
  margin: 0 auto;
  top: 32.5%;

  width: 285px;
  display: inline-block;
  line-height: 20px;
}

.titlecontenedor::first-letter{
 color: #bd0009; }
	
.temascontenedor {
  color: #7F7F80;
  font-family: muli;
  font-size: 10px;
  text-align: center;
  margin-top: 40px;
}

.desccon {
  width: 220px;
  margin: 0 auto;
  font-family: muli;
  font-size: 10.5px;
  color: #fff;
  text-align: justify; 

  margin-top: 110px;
  height: 85px;
  overflow: auto;
  padding-right: 10px;
}

.desccon::-webkit-scrollbar { 
  width: 1px;
  height: 1px;
  margin-right: 30px;
}

.desccon::-webkit-scrollbar-track {
  height: 4px;
  background-color: #1b1b1b;
}

.contenedor::-webkit-scrollbar-thumb { 
  background-color: #fff;
}

.desccon::-webkit-scrollbar-thumb { 
  background-color: #7A652E;
}

.conlasttem {
  margin-top: 20px;
}

.textiebaby {
  color: #fff;
   text-transform: uppercase;
  font: 500 9px/120% 'Arial';
  width: 170px;
  text-align: center;
  margin: 0 auto;
  padding: 6px;
  margin-top: 15px;
  border: #bd0009 1px solid;
  transition: all 0.5s ease-in-out;
}

.temaslinks {
  height: 50px;
  width: 150px;
  margin: 0 auto;
  background-color: #134125;
}

.bookicon {
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
}


/*Hovers*/ 
/*Hover Título*/ 
.linktitle { 
  color: #C8C8C8;
  text-decoration: none;
  display: inline-block;
  transition: .3s ease;
}

.linktitle:hover {
  color: #fff;
}

.linktitle::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #bd0009;
  transition: width .3s;
}

.linktitle:hover::after {
  width: 96%;
}

/*Hover últimos temas*/ 
.textiebaby:hover {
  text-shadow: 0 0 4px #464646;
}

/*Íconos subtemas*/ 
#BasIconForo {
  margin: 0 auto;
  margin-top: 30px;
  width: 300px;
}

.ConBasIcon {
  height: 50px;
  width: 50px;
  /*border: #1b1b1b 1px solid;*/
}

.th {
  font-size: 15px;
  color: #fff;
  padding: 7px;
}

.CircleConIcon {
  width: 30px;
  height: 30px;
  background-color: #bd0009;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  top: 10px;
  position: relative;
  transition: all 0.5s ease-in-out;
}

/*Hover*/ 
.CircleConIcon:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.th {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition:         transform .8s ease-in-out;
}

.th:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

/*Hipervínculo*/
/* unvisited link */
a:link {
  color: #fff;
  text-decoration: none; 
}

/* visited link */
a:visited {
  color: #fff;
}

/* selected link */
a:active {
  color: #fff;
}

/*Hover imagencita*/
#margencito:hover .picc {
  opacity: 0.7;
}

.postplot {
	width: 290px;
	background: rgba(0,0,0,0.95);
	margin: 0 auto 0;
	 background: url(https://i.imgur.com/xSUls9B.png); 
	background-size: cover;
	display: grid;
	grid-template-columns: repeat(0, 1fr);
}

.postplot .innerspace {
	padding: 10px;
}

.postplot .default, .postplot .ranks1, .postplot .ranks2 {
	display: grid;
	grid-template-rows: repeat(4, fit-content(100%));
	grid-gap: 3px;
}


.postplot .default .rngbox, .postplot .ranks1 .rngbox, .postplot .ranks2 .rngbox {
	display: grid;
	grid-template-columns: 35px auto;
	grid-gap: 3px;
}

.postplot .default .rngbox i, .postplot .ranks1 .rngbox i, .postplot .ranks2 .rngbox i {
	color: #FFF;
	text-align: center;
	line-height: 35px;
	background: #687b9b;
}

.postplot .default .rngbox.rng-mitglied i { background: #bd0009; }
.postplot .default .rngbox.rng-bewerber i { background: #bd0009; }
.postplot .default .rngbox.rng-female i { background: #bd0009; }

.postplot .default .rngbox .rng, .postplot .ranks1 .rngbox .rng, .postplot .ranks2 .rngbox .rng {
	color: #FFF;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	line-height: 35px;
	padding-left: 15px;
	background: #0b0b0b;
	font-weight: bold;
	opacity: 0.5;
	letter-spacing: 2px;
}

.postplot .default .rngbox .rng a, .postplot .ranks1 .rngbox .rng a, .postplot .ranks2 .rngbox .rng a {
	color: #FFF;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	line-height: 35px;
	padding-right: 15px;
	font-weight: bold;
	float:right;
}

.postplot .default .rngbox .rng a:hover, .postplot .ranks1 .rngbox .rng a:hover, .postplot .ranks2 .rngbox .rng a:hover {
	color: #bd0009;
}

#categoria {background:#1A1A1A; background: url(https://i.imgur.com/xSUls9B.png); width:950px; color:#E2E2D6; padding-bottom:5px;}
#cat {background:#222222; padding:40px 0px; font-family:fira sans; font-weight:900; text-transform:uppercase; text-align:center; letter-spacing:1px; text-shadow: -1px -1px 0 #1a1a1a, 1px -1px 0 #1a1a1a, -1px 1px 0 #1a1a1a, 1px 1px 0 #1a1a1a;}
#cat1 {width:465px; height:255px; background:#0b0b0b; margin:5px; position:relative; display:inline-block; border:1px solid #0b0b0b; float:left;}
#cat2 {  font-family: Montserrat; padding:5px 0px; 
	font-weight: bold; text-transform:uppercase;
  font-size: 20px; letter-spacing:1px; background:#ADA076; background: url(https://i.imgur.com/xSUls9B.png); color: #bd0009;}
#cat4 {width:462px; height:100px; position:relative; margin-top:5px;}
#cat4 d {display:block; font-family:arimo; font-size:10px; line-height:100%; text-align:justify; width:350px; background:#1A1A1A; padding:5px; opacity:0; position:absolute; left:15px; top:25px; border:1px solid #2D2D2D; transition:ease 0.8s;}
#cat4:hover d {opacity:0.5; transition:ease 0.8s;}
#cat7 {background:#500a08; margin:2px 5px; }
#cat7 a {display:inline-block; font-family: 'Arial', sans-serif; font-size:10px; margin:5px; text-transform:uppercase;}
#cat5, #cat6 {display:inline-block; margin-top: 5px; background:#1a1a1a; background: url(https://i.imgur.com/xSUls9B.png); padding:9px; font-family: 'Arial', sans-serif; width:225px; text-transform:uppercase; font-size:10px; border:1px solid #0b0b0b; position:absolute;}
#cat5 {left:5px;}
#cat6 {right:5px;}
#cat8 {position:absolute; background:#1a1a1a; background: url(https://i.imgur.com/xSUls9B.png); width:457px; border:1px solid #0b0b0b; font-family: 'Arial', sans-serif; font-size:10px; padding:10px 0px; left:5px; bottom:5px; text-transform:uppercase;}

@font-face {
  font-family: 'hugiller';
  src: url(https://files.jcink.net/uploads2/metamorphosisv1/elysia_siteprep/HugillerDemo_3ze4M.otf);
}

@font-face {
  font-family: 'quillin';
  src: url(https://files.jcink.net/uploads2/metamorphosisv1/elysia_siteprep/Quilin_vmEO9.otf);
}

@font-face {
  font-family: 'breadley serif';
  src: url(https://files.jcink.net/uploads2/metamorphosisv1/elysia_siteprep/BreadleySerifRegular_GOyVg.ttf);
}

.catwrap {
  position: relative;
  width: 960px;
  box-sizing: border-box;
  margin:5px auto 20px;
  overflow: hidden;
}

.category {
  width: 100%;
  min-height: 200px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: url(https://img.nickpic.host/SG8Zp1.png), #222;
  background-blend-mode: darken;
  background-position: right bottom;
  background-attachment: fixed;
}

.category h1 {
  font-family: 'hugiller';
  border-bottom: 1px solid;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 45px;
  text-transform: lowercase;
  color: rgb(142, 153, 116, 0.8);
  font-weight: normal;
  text-align: right;
  margin-right: 15px;
}

.forumwrap-1 {
  width: 100%;
  position: relative;
  background: #151515;
  display: grid;
}

.forumrow-1 {
  color: #fff;

  min-height: 200px;
  position: relative;
  grid-column-start: 1;
  grid-column-end: 4;
  display: flex;
  justify-content: center;
  align-items: center;

  border-left: none;
  border-right: none;
  overflow: hidden;
}

.forumrow1-img {
  width: 100%;
  height: 380px;
  background-image: url(https://i.imgur.com/xSUls9B.png);

  background-position: top;
  position: absolute;
}

.forumrow-imagehue1 {
  width: 100%;
  height: 100%;
  background: #222;
  position: absolute;
  mix-blend-mode: darken;
}

.forumrow1-main {
  font-size: 100px;
	 font-family: montserrat;
  color: #bd0009;
  position: absolute;
  text-transform: uppercase;
  bottom: -20px;
  margin-left: -400px;
}

.forumrow1-main a {
  text-decoration: none;
  color: #bd0009;
  transition: .8s ease;
}

.forumrow1-main a:hover {
  color: #999;
}

.forumrow12-main {
  font-size: 90px;
	 font-family: montserrat;
  color: #bd0009;
  position: absolute;
  text-transform: uppercase;
  bottom: -20px;
  margin-left: -360px;
}

.forumrow12-main a {
  text-decoration: none;
  color: #bd0009;
  transition: .8s ease;
}

.forumrow12-main a:hover {
  color: #999;
}

.forumrow13-main {
  font-size: 80px;
	 font-family: montserrat;
  color: #bd0009;
  position: absolute;
  text-transform: uppercase;
  bottom: -40px;
  margin-left: -360px;
}

.forumrow13-main a {
  text-decoration: none;
  color: #bd0009;
  transition: .8s ease;
}

.forumrow13-main a:hover {
  color: #999;
}

.forumrow1-main p {
  margin-top: -20px;
  margin-bottom: -10px;
}

.forumrow1-main2 {
  font: 10px 'roboto';
  letter-spacing: 2px;
  color: #ccc;
  padding: 12px;
  position: absolute;
  text-transform: uppercase; left:0.8%;
  margin-top: -10%;
  background: #0b0b0b;
	opacity: 0.8;
}

.forumrow1-main2 a {
  text-decoration: none;
  color: #fff;
}

.forumrow-1 span b {
  color: #8E9974;
  font-weight: 700;
}

.forumrow-1 span {
  width: 95%;
  padding-right: 10px;
  height: 125px;
  font-family: 'raleway';
  font-size: 10px;
  color: rgb(255, 255, 255, 0.6);
  position: absolute;
		overflow: auto;
scrollbar-width: none;
  line-height: 200%;
  text-align: justify;
  letter-spacing: 0.80px;
}

.forumrow-1 .linksy {
  color: #fff;
  background: #bd0009;
  font: 9px 'roboto';
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 5px;
  text-decoration: none;
  max-width: 100px;
  max-height: 10px;
  position: relative;
  margin-top: 138px;
  margin-right: 20px;
}

.forumrow-1 .linksy a {
  text-decoration: none;
  color: #fff;
}

.forumrow-1 .container1 {
  min-width: 350px;
  height: 160px;
  right: 2%;
  position: absolute;
  display: flex;
  justify-content: center;
		overflow: auto;
scrollbar-width: none;
}

.forumrow-2 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 400px;
  grid-column-start: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
   border-bottom: 1px solid #333;
  border-left: none;
  border-right: none;
  border-top: none;
}

.forumrow-main {
  font: 43px 'quillin';
  color: #8E9974;
  position: absolute;
  text-transform: uppercase;
  bottom: 32%;
  right: 3%;
}

.forumrow-avimg {
  position: absolute;
  object-fit: cover;
  width: 50px;
  height: 50px;
  filter: grayscale(100%);
  background: #161616;
  padding: 25px;
  border: 1px solid #333;
  left: 5%;
  top: 16%;
}

.forumrow-line1 {
  height: 1px;
  width: 100%;
  position: absolute;
  background: #777;
  top: 29%;
  right: 0;
  opacity: 0.4;
}

.forumrow-line2 {
  height: 100%;
  width: 1px;
  background: #777;
  position: absolute;
  left: 15%;
  opacity: 0.4;
}

.forumrow2-threadtit {
  font: 30px 'breadley serif';
  color: #8E9974;
  position: absolute;
  max-width: 220px;
  text-align: center;
  right: 3%;
  top: 18%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.forumrow-poster {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 3%;
  top: 32.5%;
  position: absolute;
  max-width: 220px;
  font: 9px 'raleway';
  color: rgb(255, 255, 255, 0.7);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.forumrow-poster a {
  text-decoration: none;
  color: rgb(255, 255, 255, 0.8);
}

.forumrow-date {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 3%;
  top: 37%;
  position: absolute;
  max-width: 220px;
  font: 9px 'roboto';
  color: rgb(255, 255, 255, 0.7);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.forumrow-scroll {
  width: 60%;
  line-height: 190%;
  height: 100px;
  overflow-y: auto;
  position: absolute;
  text-align: justify;
  padding-right: 10px;
  bottom: 5%;
  color: rgb(255, 255, 255, 0.8);
  font-family: 'raleway';
  letter-spacing: 0.50px;
  font-size: 10px;
  right: 2%;
}

.forumrow-scroll::-webkit-scrollbar {
  width: 9px;
}

.forumrow-scroll::-webkit-scrollbar-track {
  background: transparent;
  border: none;
}

.forumrow-scroll::-webkit-scrollbar-thumb {
  background: #d6e9aa;
  border: 4px solid #333;
}

.forumrow2-poster a {
  text-decoration: none;
  color: rgb(255, 255, 255, 0.7);
}

.forumrow-3 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 400px;
  position: relative;
  border-bottom: 1px solid #333;
  border-top: none;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}

.forumrow-4 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 400px;
  display: flex;
  position: relative;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #333;
}

.forumwrap-2 {
  width: 100%;
  position: relative;
  background: #151515;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows:auto auto auto;
  position: relative;
}

.forumrow-5 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 500px;
  position: relative;
  grid-row-start:1;
  grid-row-end:3;
  min-width: 300px;
  overflow: hidden;
    border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: none;
  border-right: 1px solid #333;
  display: flex;
  justify-content: center;
  align-items: center;
}

.forumrow-5-bgimg {
  width: 100%;
  height: 100%;
  background: url(https://img.nickpic.host/SmZFCX.png);
  background-position: 10% 40%;
  filter: brightness(18%) contrast(95%);
  position: absolute;
}

.forumrow5-gradient {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgb(142, 153, 116, 0.4), #333);
  mix-blend-mode: soft-light;
}

.forumrow5-main {
    font: 135px 'quillin';
  color: #8E9974;
  position: absolute;
  text-transform: uppercase;
  margin-top: 15px;
  background: rgb(23, 23, 23, 0);
  bottom: -40px;
  letter-spacing: 7px;
}

.forumrow5-main p {
  margin-top: -15px;
  margin-bottom: 0;
}

.forumrow-5 span {
  max-width: calc(100% - 550px);
  right:5%;
  top: 8%;
  height: 200px;
  overflow-y: auto;
  position: absolute;
  padding-right: 8px;
  font-family: 'raleway';
  font-size: 10px;
  color: rgb(255, 255, 255, 0.9);
  letter-spacing: 0.8px;
  line-height: 185%;
  text-align: justify;
}



.forumrow5-shortdesc::-webkit-scrollbar {
  width: 9px;
}

.forumrow5-shortdesc::-webkit-scrollbar-track {
  background: transparent;
  border: none;
}

.forumrow5-shortdesc::-webkit-scrollbar-thumb {
  background: #d6e9aa;
  border: 4px solid #333;
}

.forumrow-6 {
  color: #fff;
  border: 1px solid #5D478B;
  max-height: 255px;
  display: flex;
  max-width: 500px;
  border-bottom: 1px solid #333;
  border-right: none;
  border-left: none;
  border-top: 1px solid #333;
}

.forumrow-7 {
  color: #fff;
  border: 1px solid #5D478B;
  max-height: 255px;
  display: flex;
  max-width: 500px;
  border-bottom: 1px solid #333;
  border-top: none;
  border-right: none;
  border-left: none;
}

.forumwrap-3 {
  width: 100%;
  position: relative;
  background: #151515;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  position: relative;
}

.forumrow-8 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 300px;
  display: flex;
  grid-row-start: 1;
  grid-row-end: 2;
}

.forumrow-9 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 300px;
  display: flex;
}

.forumrow-10 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 300px;
  display: flex;
}

.forumrow-11 {
  color: #fff;
  border: 1px solid #5D478B;
  min-height: 300px;
  display: flex;
}

.suad-template { width: 100%; max-width: 500px; margin: 25px auto; font: 13px 'Montserrat', sans-serif; }
.suad-box { width: 100%; background: #0b0b0b; padding: 20px; box-sizing: border-box; }
.suad-inner { border: 1px solid #bd0009; padding: 20px; box-sizing: border-box; color: #aaa; text-align: justify; }
.suad-inner h1 { margin: 0 0 10px; font-family: 'Bebas Neue', cursive; letter-spacing: 2px; color: #fff; text-align: right; font-style: italic; font-size: 50px; line-height: 75%; border-bottom: 1px solid #bd0009; transition: 0.75s; }
.suad-inner h2 { margin: 15px 0; font-family: 'Bebas Neue', cursive; letter-spacing: 2px; color: #bd0009; text-align: right; font-style: italic; font-size: 25px; line-height: 75%; border-bottom: 1px solid #bd0009; transition: 0.75s; }
.suad-inner h3 { margin: 0 0 15px 0; font-family: 'Bebas Neue', cursive; letter-spacing: 2px; color: #bd0009; text-align: right; font-style: italic; font-size: 25px; line-height: 85%; border-bottom: 1px solid #bd0009; transition: 0.75s; }
.suad-inner h1:hover, .suad-inner h2:hover, .suad-inner h3:hover { padding: 0 20px 0 0; transition: 0.75s; }
.suad-img { width: 100%; margin: 0 0 15px 0; }
.suad-inner ul { margin: 0; padding: 0 0 0 15px; }
.suad-inner li { margin: 0 0 5px; list-style-type: none; }
.suad-inner li::before { content: "★"; font-size: 25px; color: #bd0009; display: block; float: left; left: 0; top: 0; padding: 0 10px 0 0; margin: 0 0 0 -10px; }
.suad-inner b { color: ##bd0009; font-family: 'Bebas Neue', cursive; letter-spacing: 2px; font-size: 13px; }
.suad-char { display: block; margin: 0 0 5px; }
.suad-char::before { content: "★"; font-size: 20px; color: #bd0009; display: block; float: left; left: 0; margin-top: -9px; padding: 0 10px 0 0; }
.suad-char a { text-decoration: none; color: #bd0009; font-family: 'Bebas Neue', cursive; letter-spacing: 2px; font-size: 13px; line-height: 1; }
.suad-cred { text-align: right; font-size: 8px; padding: 5px 20px 0 0; box-sizing: border-box; }
.suad-cred a { text-decoration: none; color:##bd0009; }

.tuile{
width:150px;
height:150px;
margin-left: 20px;
margin-bottom: 20px;
text-align:center;
position:relative;
	float:left;
}
.tuile img{
width:150px;
}

.imgAval{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#3d2e24;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgAval{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Aval{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgUni{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#2b3d24;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgUni{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Uni{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgRaces{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#3d2e24;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgRaces{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Races{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgWhos{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#3d2431;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgWhos{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Whos{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgFactions{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#243b3d;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgFactions{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Factions{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgReserviert{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#3d2424;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgReserviert{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Reserviert{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgLovers{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#642c3b;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgLovers{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Lovers{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgInseln{
width:150px;
height:150px;
position:absolute;
top:0;
	opacity: 0.8;
background:#5a642c;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgInseln{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.Inseln{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#0b0b0b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}

.imgSpoiler{
width:150px;
height:150px;
position:absolute;
top:0;
background:#302b2b;
  
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:5;
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		line-height:225px;
}
.tuile:hover .imgSpoiler{
-webkit-transform:perspective(2000px) rotateX(180deg);
   -moz-transform:perspective(2000px) rotateX(180deg);
    -ms-transform:perspective(2000px) rotateX(180deg);
     -o-transform:perspective(2000px) rotateX(180deg);
        transform:perspective(2000px) rotateX(180deg);
  
z-index:-5;
}
.spoiler{
z-index:-3;
position:absolute;
top:0;
width:150px;
height:150px;
background:#33475b;
-webkit-transform:perspective(2000px) rotateX(-180deg);
   -moz-transform:perspective(2000px) rotateX(-180deg);
    -ms-transform:perspective(2000px) rotateX(-180deg);
     -o-transform:perspective(2000px) rotateX(-180deg);
        transform:perspective(2000px) rotateX(-180deg);
-webkit-transition:all .5s ease;
   -moz-transition:all .5s ease;
     -o-transition:all .5s ease;
        transition:all .5s ease;
		
color:#dad5c7;
text-align:center;
line-height:225px;
padding:4px;
}
.spoiler p
{
font-family:'open_sansbold',arial,serif;
font-size:75px;
margin-top:15px;
}
h5
{
font-size:15px;
margin-top:0;
}
.tuile:hover .spoiler{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Aval{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Races{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Uni{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Whos{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Inseln{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Factions{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Lovers{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

.tuile:hover .Reserviert{
-webkit-transform:perspective(2000px) rotateX(0deg);
   -moz-transform:perspective(2000px) rotateX(0deg);
    -ms-transform:perspective(2000px) rotateX(0deg);
     -o-transform:perspective(2000px) rotateX(0deg);
        transform:perspective(2000px) rotateX(0deg);
z-index:7;
}

:root{
	--hexagon-path:polygon(47.5% 5.66987%,48.2899% 5.30154%,49.13176% 5.07596%,50% 5%,50.86824% 5.07596%,51.7101% 5.30154%,52.5% 5.66987%,87.14102% 25.66987%,87.85495% 26.16978%,88.47124% 26.78606%,88.97114% 27.5%,89.33948% 28.2899%,89.56505% 29.13176%,89.64102% 30%,89.64102% 70%,89.56505% 70.86824%,89.33948% 71.7101%,88.97114% 72.5%,88.47124% 73.21394%,87.85495% 73.83022%,87.14102% 74.33013%,52.5% 94.33013%,51.7101% 94.69846%,50.86824% 94.92404%,50% 95%,49.13176% 94.92404%,48.2899% 94.69846%,47.5% 94.33013%,12.85898% 74.33013%,12.14505% 73.83022%,11.52876% 73.21394%,11.02886% 72.5%,10.66052% 71.7101%,10.43495% 70.86824%,10.35898% 70%,10.35898% 30%,10.43495% 29.13176%,10.66052% 28.2899%,11.02886% 27.5%,11.52876% 26.78606%,12.14505% 26.16978%,12.85898% 25.66987%);
}

*{
	box-sizing:border-box
}

.memberlist_users{
width: 640px;
}

.memberlist_users_container{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2rem;
	margin-left: -1rem;
}

.memberlist-item{
	flex-basis:calc(100% / 3 - 1rem);
	margin-left:1rem;
	margin-bottom:1rem;
	background:#bd0009;
	border-radius:1rem;
	background: #0b0b0b;
}

.memberlist-item_avatar{
	display:flex;
	justify-content:center;
	margin-bottom: -1rem
}

.memberlist-item_memberavatar{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:150px;
	height:150px;
	clip-path:var(--hexagon-path);
	background:#bd0009;
	padding:.75rem;
	opacity: 0.8;
}

.memberlist-item_memberavatar span{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	clip-path:var(--hexagon-path);
	padding:.5rem;
	background:#0b0b0b;
	opacity: 0.8;
}

.memberlist-item_memberavatar > span > span{
	padding:.25rem;
	background:#bd0009;
	opacity: 0.8;
}

.memberlist-item_memberavatar img{
	clip-path:var(--hexagon-path);
	width:100%;
	height:100%;
	filter: grayscale(100%) ;

}

.memberlist-item_username{
	text-align:center;
	margin:1rem 0
}

.memberlist-item_userinfo{
	display:flex;
	align-items:center;
	margin: 1rem 0;
	padding:0 .75rem
}

.memberlist-item_username p{
	margin:.1rem 0;
		text-align:center;
	text-transform:uppercase;
	 font-weight: bold;
}

.memberlist-item_username-usertitle{
	text-transform:uppercase;
	font-size:calc(1em - 4px)
		text-align:center;
}

.memberlist-item_userinfo-item{
	flex-basis: calc(100% / 3);
	text-align:center;
	position:relative;
}

.memberlist-item_userinfo-sep{
	width:1px;
	height:2rem;
	background:#ccd6dd;
}

.memberlist-item_userinfo-item num{
	display:block;
	margin-bottom:.5rem;
	font-weight:bold;
}

.memberlist-item_userinfo-item span{
	font-size:calc(1em - 3px);
	font-weight:bold
}

.memberlist-item_userbuttons{
	display:flex;
	border-top:1px solid #0b0b0b
}

.memberlist-item_userbuttons-addfriend, .memberlist-item_userbuttons-sendpm{
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#bd0009;
	padding: 0.25rem 0;
	font-size:calc(1em + 2px)
}

.memberlist-item_userbuttons-addfriend i, .memberlist-item_userbuttons-sendpm i{
	width:3rem;
	height:1rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:.75rem;
	transition:all .4s;
	color: #0b0b0b;
}

.memberlist-item_userbuttons-addfriend i:hover, .memberlist-item_userbuttons-sendpm i:hover{
	color:white;

}

.memberlist-item_userbuttons-addfriend{
	border-right:1px solid #0b0b0b
}

#fctemp-response {
margin:auto;
background:#0b0b0b;
width:560px;
padding:20px;
min-height:260px;
position:relative;
}

.fctempr-top {
margin:auto;
background:#500a08;  
width:100%;
height:80px;
position:relative;
}

.fctempr-title {
width:480px;
height:20px;
font:800 italic 45px/1px 'Montserrat',sans-serif;
color:white;
letter-spacing:-2px;
text-align:center;
background:#0f0f0f;
position:absolute;
left:20px;
top:35px;
}

.fctempr-body {
box-sizing:border-box;
width:100%;

text-align:justify;
font:normal normal 11px 'Montserrat', sans-serif;
}

#fctemp-response .fctempr-body b {color:#bd0009;}
#fctemp-response .fctempr-body i {color:#bd0009;}
#fctemp-response .fctempr-body a {font-weight:600; text-decoration:none; text-transform:uppercase;}

.fc1 {
  width: 520px;
  background-color: #0b0b0b;
 border: 2px solid #0f0f0f; margin-bottom:10px;
}

.fct {
  display: block; 
  background-color: #500a08;
  border-bottom: 2px solid #0f0f0f;
font-family:800 italic 45px/1px 'Montserrat',sans-serif;
color:white;
  font-size: 15px;
  text-align: center;
  text-transform: lowercase;
  letter-spacing: 2px;
}



.fc2  {font-family: calibri;font-size: 11px;font-weight: 400;text-transform: lowercase;text-align: left; height: 300px;		overflow: auto;
	scrollbar-width: none; }

.fc2 a {  width: 485px;height: 30px; text-align: left;display: block;padding: 0px 10px;border-bottom: 1px solid #d8d8d8;
line-height: 30px;overflow: hidden;position: relative; margin-left:5px;}


.fc2 pb { width: 485px;  height: 30px; line-height: 30px; color:white; text-align: right;opacity: 0;padding: 0px 10px;position: absolute;top: 0;left: 0;}

.fc2 a:hover fc { opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; 
}

.fc2 a:hover pb { opacity: 1; 
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.fc3  {font-family: raleway, sans-serif;font-size: 10px;font-weight: 600;text-transform: lowercase;text-align: left; overflow:auto;}

.fc3 a {text-align: left;display: block;padding: 0px 0px;border-bottom: 0px solid #d8d8d8;overflow: hidden;position: relative; margin-left:5px;}

.factionsvorlage {
	width: 420px;
	background: rgba(0,0,0,0.95);
	margin: 0 auto 0;
	 background-color: #000;
	background-size: cover;
	display: grid;
}

.factionsvorlage .innerspace {
	padding: 10px;
}

.factionsvorlage .default, .factionsvorlage .ranks1, .factionsvorlage .ranks2 {
	display: grid;
	grid-template-rows: repeat(4, fit-content(100%));
	grid-gap: 3px;
}


.factionsvorlage .default .rngbox, .factionsvorlage .ranks1 .rngbox, .factionsvorlage .ranks2 .rngbox {
	display: grid;
	grid-template-columns: 35px auto;
	grid-gap: 3px;
}

.factionsvorlage .default .rngbox i, .factionsvorlage .ranks1 .rngbox i, .factionsvorlage .ranks2 .rngbox i {
	color: #FFF;
	text-align: center;
	line-height: 35px;
	background: #687b9b;
}

.factionsvorlage .default .rngbox.rng-mitglied i { background: #9f520e; }
.factionsvorlage .default .rngbox.rng-quest i { background: #367513; }
.factionsvorlage .default .rngbox.rng-fail i { background: #940a0a; }
.factionsvorlage .default .rngbox.rng-search i { background: #1d478d; }
.factionsvorlage .default .rngbox.rng-member i { background: #3f3737; }
.factionsvorlage .default .rngbox.rng-ready i { background: #970909; }

.factionsvorlage .default .rngbox .rng, .factionsvorlage .ranks1 .rngbox .rng, .factionsvorlage .ranks2 .rngbox .rng {
	color: #FFF;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	line-height: 35px;
	padding-left: 15px;
	background: #0f0f0f;
	font-weight: bold;
	opacity: 0.5;
	letter-spacing: 2px;
}

.factionsvorlage .default .rngbox .rng a, .factionsvorlage .ranks1 .rngbox .rng a, .factionsvorlage .ranks2 .rngbox .rng a {
	color: #FFF;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	line-height: 35px;
	padding-right: 15px;
	font-weight: bold;
	float:right;
}

.factionsvorlage .default .rngbox .rng a:hover, .factionsvorlage .ranks1 .rngbox .rng a:hover, .factionsvorlage .ranks2 .rngbox .rng a:hover {
	color: #bd0009;
}

#rbandaids {
  width: 600px;
  --accent: #8b8bdb;
  --background: #fff;
}

#rbandaids .rheader {
  height: 100px;
  color: var(--accent);
  position: relative;
}

#rbandaids .rtitle {
  width: 100%;
  font: 700 110px/94px 'Source Sans Pro';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: -6px;
  position: absolute;
}

#rbandaids .rsub {
  display: inline-block;
  background: var(--background);
  padding: 3px 10px;
  font: bold 7px/15px 'Arial';
  text-transform: uppercase;
  letter-spacing: 3px;
  word-spacing: -2px;
  position: relative;
  top: 50%;
  transform: translatey(-50%);
}

#rbandaids .rtxt {
  border-top: 25px solid var(--accent);
  padding-top: 15px;
  font: 11px/23px 'Verdana';
  letter-spacing: .2px;
  text-align: justify;
}

#rbandaids .rtxt b{
  font: bold;
  color: #936f3b;
	  text-transform: none;
}

#rmetanoia {
  width: 600px;
  border-left: 1px solid #000;
  margin: 10px;
}

#rmetanoia .rtitulo {
  font: 900 23px Montserrat;
  text-transform: uppercase;
  letter-spacing: -1.5px;
  text-align: left;
  padding-left: 25px;
  padding-top: 20px;
	color: #B22222;
}

#rmetanoia .rsub {
  width: 95%;
  font: italic 500 9px Montserrat;
  text-transform: uppercase;
  letter-spacing: 2px;
  word-spacing: 2px;
  border-bottom: 1px solid #000;
  margin-left: -12%;
  text-align: left;
  padding-left: 85px;
  padding-bottom: 20px;
}

#rmetanoia .rtexto {
  text-align: justify;
  padding: 30px;
  font: 13px Calibri;
}

#rmetanoia .rtexto b{
 font-weight: bold;
	color: #B22222;
	 text-transform: none;
}

#rmetanoia .rimg {
  width: 125px;
  height: 125px;
  background: url(http://kayuty.com/wp-content/uploads/2016/11/Emily-Rudd-snapchat.jpg) center/cover;
  outline: 1px solid #000;
  outline-offset: 5px;
  float: right;
  margin: 11px 8px 10px 15px;
}

#rmetanoia .rfundo {
  width: 50%;
  height: 1px;
  background: #000;
  float: left;
  margin-left: -1px;
}

#rmetanoia .robs {
  display: inline-block;
  width: 50%;
  font: italic bold 8px/0 Calibri;
  letter-spacing: 1px;
  text-transform: uppercase;
	color: #B22222;
}