/* sidebar */

.sidebar {
	width: 23%;
    float: right;
    margin-top: 7px;
    margin-right: 10px;
	
}
.sidebar-baslik {
	
	border:1px solid #CCC;
	background-color:#DDD;
	padding:5px;
	
	
}
.sidebar-karakter-bilgisi {
	width:100%;
	background-color:#fff;
	padding:2px;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	border-radius:5px;
	border:1px solid #CCC;
	
}
.sidebar-karakter-bilgisi-avatar  {
	width:100%;
	margin:auto;
	text-align: center;
	
	}

.sidebar-karakter-bilgisi-isim {
	width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
	
}
.sidebar-karakter-bilgisi-prof-bilgi {
	width: 100%;
    color:#666;
    text-align: center;
	text-transform:uppercase;
    font-size: 14px;
	
}



.sidebar-karakter-bilgisi-avatar img {
	width:100px;
	height:100px;
	border-radius:50%;
	margin:5px;
	    margin-top: 15px;
    margin-bottom: 15px;

}

.sidebar-karakter-bilgisi-icerik {

	display: inline;
    background-color: #DDD;
	text-transform:uppercase;
    padding: 5px;
    width: 200px;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    margin-top: 10px !important;

}

.sidebar-karakter-bilgisi-infobox {
    background-color: #DDD;
    padding: 5px;
    border-radius: 10px;
 
    margin-top: 45px !important;
    float: right;
    margin-right: 10px;
    display: inline;
}
/* sidebar end */


/* sans kutusu */
.urunfoto {
	background:#eeeeee;
	border:1px solid #e2e2e2;
	padding:5px;
	
	
}
.urunfoto img {width:50px; height:50px; margin-left:3px; }

/*.urunfoto img:hover {width:60px; height:60px; transition:2s;}*/
.urun {
	width:100%; 
	padding:10px;
	color:#222222;
	
}

.urun-fotograf {
	width:20%; 
	height:300px;
	padding:10px;
	background-color:#fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	display:inline-flex;
	
	}

	.urun-fotograf img  {
		width:100%;
		height:280px;
		
		border-radius:10px;
	}
	.urun-fotograf img:Hover  {
		opacity:1;
		transition:2s;
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		
	}
	
.urun-aciklama-badboys {
	width:70%;
	height:300px;
	background-color:#fff;
	padding:10px;
	margin-right:5%;
	border-left:5px solid #5c0000;
	/* border: 1px solid rgba(0, 0, 0, 0.125); */
    border-radius: 0.25rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	float:right;
}	

.urun-aciklama-vicelovers {
	width:70%;
	height:300px;
	background-color:#fff;
	padding:10px;
	margin-right:5%;
	border-left:5px solid #bd015b;
	/* border: 1px solid rgba(0, 0, 0, 0.125); */
    border-radius: 0.25rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	float:right;
}	

.urun-aciklama-nocontrol{
	width:70%;
	height:300px;
	background-color:#fff;
	padding:10px;
	margin-right:5%;
	border-left:5px solid #1d62b5;
	/* border: 1px solid rgba(0, 0, 0, 0.125); */
    border-radius: 0.25rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	float:right;
}	
	

/* sans kutusu bitiş */




/* alert  */
.alert-danger {
	 color: #fff !important;
	 background-color: #f44336 !important;
	 border-color: #ebccd1;
}

.alert-danger a {
	 color: #fff !important;
	 background-color: #f44336 !important;
	 border-color: #ebccd1;
}
/* senaryo */

.senaryokarakter {

	width: 100%;
	height:10000px;
	background-color:#fff;
	padding:10px;
	
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	
	}
	
	
	.senaryo-baslik-image-kutu {
	
		width:15%;
		height:235px;
		margin-top:10%;
		float:left;
		margin-left:3.5%;
		text-shadow: 0px -2px 0px #333,
		0px 2px 3px #666;
		
	}
	
	.senaryo-text {
	
		height:60px;
	
	}
	
	.senaryo-baslik-image-kutu img {
	
	margin-top:2px;
	
	}
	
	.senaryo-baslik-image-kutu:hover
	{
			-webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);
		
		
	}

	.senaryo-video {
	
		width:100%;
		height:200px;
		/* background-image:url('https://cdn.discordapp.com/attachments/680701219714498570/680912533925789834/timeline.png'); */
		background-image:url('https://cdn.discordapp.com/attachments/622876604758229021/698669515038261318/yatayfoto1.png');
	}

	.senaryo-video-button:hover {
			-webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);
	}

	.senaryo-baslik-image {
	
		width:100%;
		height:430px;
		text-align:center;
		font-size:14px;
		color:white;
		/* background-image:url('https://cdn.discordapp.com/attachments/680701219714498570/680912533925789834/timeline.png'); */
		background-image:url('https://cdn.discordapp.com/attachments/622876604758229021/698596094128685166/timeline.png');
	}
	
	.senaryo-vicecity {
	
	width:100%;
	font-size:12px;
	line-height:2;
	padding:10px;
	margin-bottom:10px;
	text-align:justify;
	}
	
	.senaryokarakter-sol {
	
	width:60%;
	
	line-height:2;
	text-align:justify;
	padding:15px;
	background-color:#fff;
	float:left;
	}
	
	.karakterslogan {
	
	font-size:10px;
	text-align:right;
	font-style:italic;
	padding:10px;
	margin-bottom:10px;
	
	}
	.senaryokarakter-sag {
	
		width:35%;
		/*margin-left:5%;*/
	
		background-color:#fff;
	
		float:left;
		
		}
	
	/* yönetici paneli başlangıç */
	
	
	.ksmalvarlik {
	
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#fff;
	border: 1px solid #eee;
	padding:10px;
	
	}
	
	.ksmalvarlik-kutu {
		
		width:150px;
		
		height:170px;
		
		border:1px solid #e2e2e2;
		padding:10px;
		background-image:url('https://cdn.discordapp.com/attachments/635159822828044330/635162052327112730/karakter_background.png');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		margin-left:15px;
		display:inline-block;
	}
	
	.yoneticiicerik {
	
	width:100%;
	background-color:#fff;
	padding:10px;
	margin-top:10px;
	
	border: 1px solid #eee;
	
	}
	
	.bilgikutusu {
	
	width:20%;
	padding:10px;
	font-size:14px;
	display:inline-block;
	margin-left:4%;
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	
	
	
	
	
	}
	
	/* yönetici panel bitiş */
	
	/* yeni birlik sayfası 12 ocak */
	
	.birlikarkaplan {
		
		width:100%;
		height:100px;
	
		
		
	}
	
	.birlikarkaplan img {
		
		width:100%;
		height:100px;
		
	}
	
	.birlikfoto {
		width:150px;
		height:150px;
		
		
		float:left;
		margin-left:4%;
		margin-top:-11%;
		position:relative;	
		
	}
	
	.vicebirlikkurucu {
		color:#fff;
		
			
	
		margin-top:-4%;
		position:relative;
		margin-right:1%;
		float:right;
		padding-top:5px;
		
	}
	
	
	.vicebirlikseviye {
		color:#fff;
		
			
		width:10%;
		margin-top:-17%;
		position:relative;
		margin-right:1%;
		float:right;
		padding-top:5px;
		
	}
	
	
	.vicebirliktarih {
		color:#fff;
		
			
		width:10%;
		float:left;
		margin-top:-17%;
		position:relative;
		margin-left:-15%;
		
		padding-top:5px;
		
	}
	
	
	
	
	
	.birliksayfa {
	width:100%;
	margin-top:10px;
	height:auto;
	
	
	}
	
	.birliksayfasigenel {
		width:100%;
		height:auto;
	
	
		
		
		}
	.birlikbilgileri {
		width:100%;
	background-color: lightgray;
	border: 1px solid #CCC;
	float:left;
	margin:0 auto;
	
	
	}
		
	
	
	
	.vcpdgenel {
		width:100%;
		
		
		height:300px;
		}
		
		
	
	
	.vcpdheader {
		width:100%;
		height:40px;
		background-color:#000040;
		color:white;
		padding:5px;
		text-align:right;
		}
		
	.vcpdlogo img {
		width:10%;
		margin-top:-20px;
		
		
	}
	.vcpdcubuk {width:100%; height:50px;  background-color:#960052;}
	
	.vcpdicerik {
		width:100%;
		
		background-color:#000040;	
		float:left;
		
	}
	.vcpdicerikalani {
		width:100%;
		margin:auto;
		background-color:#000040;
		margin-top:20px;
		
		padding:10px;
		
		
	}
	
	.vcpdiceriksol {
		width:50%;
		float:left;
		
	}
	
	.vcpdiceriksag {
		width:50%;
		float:left;
		
	}
	
	
	.vcpdicerikalanikutu {
		width:90%;
		padding:10px;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		text-transform:uppercase;
		font-family: 'MS Sans Serif';
		background-color:#fff;
			box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
		float:left;
		margin-left:5%;
		margin-bottom:10px;
		border:1px solid #333;
		
	}
	
	
	
	/* VCPD BİTİŞ */
	
	
	
	
	.profilbackground {
		
		width:100%;
		height:200px;
		
		
		
	}
	
	.profilbackground img {
		
		width:100%;
		height:200px;
		
	}
	
	.profilavatar2 {
		width:150px;
		height:150px;
		
		
		float:left;
		margin-left:4%;
		margin-top:-11%;
		position:relative;
		
		
	}
	
	.profilavatar2 img { width:150px; height:150px;
							
	 } 
	
	.profilsosyal {
		float:right;
		
		
	}
	.cizgiicerik {margin-left:10px;}
	.cizgisol {
	
		float:left;
		font-size:10px;
		text-transform:uppercase;
		margin-left:1%;
		color:#333;
	
		
	}
	
	.cizgisol a {
		color:#e2e2e2;
		
	}
	
	.viceisim {
		color:#fff;
		
			
	
		margin-top:-4%;
		position:relative;
		margin-left:1%;
		float:left;
		padding-top:5px;
		
	}
	
	.profilicerik2 {
		width:100%;
		
		
		float:left;
		margin-top:10px;
		
		margin-bottom:10px;
		
	}
	
	.vice-ac-kapat-profil {
		width:100%;
		
		background-color:#fff;
		padding:10px;
		float:left;
		margin-top:10px;
		
		
		
	}
	
	
	.profiliceriksol2 {
		
		width:50%;
		float:left;
		background:#fff;
		padding:10px;
		border: 1px solid #e2e2e2;
		
		
	}
	
	.profiliceriksag2 {
		
	width: 47%;
    float: left;
    margin-left: 3%;
    background-color: white;
    padding: 10px;
    padding-bottom: 30px;
	border: 1px solid #e2e2e2;
		
		
	}
	
	
	.karakterbilgikutusu {
		
		width:150px;
		height:170px;
		border:1px solid #e2e2e2;
		padding:10px;
		float:left;
		background-color: #b0b0b0;
		/* background: linear-gradient(to right,rgba(18, 54, 229, 0.22) 30%,#cc00ff33 100%); */
		margin-left:15px;
		border-radius:10px;
		
	}
	
	 @media (min-width: 768px){
	 .navbar-nav {
		  float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
	 }
	 }
	
	#button_logout{
		
	}
	
	@media screen and (max-width: 360px) {
		
	.posterallen-yatay {
		
		width: 40% !important;
		margin-left: 30%;
		margin-top: 10px;
		float: left;
	}
	
	
	.allenprofilsagmenu {
		width: 100% !important;
		
	}
	
	.istatistik2 {
		display:none;
		
	}
	.posterallen-yatay2 {
		display:none;
	}
	
	.posterallen-yatay-hesap {
	display:none;
		
	}
	
	.posterallen-yatay-fotograf {
	
	display:none;
	}
		
		
	}
	
	
	
	.oyunda {
		width:15px;
		height:15px;
		background-color:#333;
		float:left;
		margin-top:10px;
		margin-left:-10px;
		
		
	}
	
	
	.oyuncuoyunda {
		background-color:rgb(106, 183, 76);
		width:15px;
		height:15px;
		border-radius: 2px;
		border: 1px solid #2f2f2f8a;
	}
	
	.oyuncuoyundadegil {
		background-color:rgb(143, 4, 0);
		width:15px;
		height:15px;
		border-radius: 2px;
		border: 1px solid #2f2f2f8a;
	}
	
	/* timer */
	
	 .countup {
			  text-align: center;
			  margin-bottom: 20px;
			}
			.countup .timeel {
			  display: inline-block;
			  padding: 10px;
			  background: #151515;
			  margin: 0;
			  color: white;
			  min-width: 2.6rem;
			  margin-left: 13px;
			  border-radius: 10px 0 0 10px;
			}
			.countup span[class*="timeRef"] {
			  border-radius: 0 10px 10px 0;
			  margin-left: 0;
			  background: #195da1;
			  color: white;
			}
	
	
	/* karakter başvurus ikinci aşama  yeni başlangıç */
	
	
	.sayfa-icerik{
	
	width:100%;
	background-color:#fff;
	border:1px solid #e2e2e2;
	border-radius:10px;
	padding:10px;
	
	
	}
	
	
	.basvuru-sayfa1{
		
		width:50%;
	
		float:left;
		padding:10px;
		margin-top:2%;
		
	}
	.basvuru-sayfa2{
		
		width:50%;
		margin-top:2%;
	
		float:left;
	
		padding:10px;
	}
	
	.karakter-aciklama-basvuru {
		
			display:inline-block;
			padding:10px;
		
		
	}
	
	/* karakter başvurus ikinci aşama  yeni bitiş */
	
	/* tooltip başlangıç */
	
	
	[tooltip] {
		position: relative; 
	  }
	  
	  [tooltip]::before,
	  [tooltip]::after {
		text-transform: none; 
		font-size: .9em; 
		line-height: 1;
		user-select: none;
		pointer-events: none;
		position: absolute;
		display: none;
		opacity: 0;
	  }
	  [tooltip]::before {
		content: '';
		border: 5px solid transparent; 
		z-index: 1001;
	  }
	  [tooltip]::after {
		content: attr(tooltip); 
		font-family: Helvetica, sans-serif;
		text-align: center;
		min-width: 3em;
		max-width: 21em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 1ch 1.5ch;
		border-radius: .3ch;
		box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
		background: #0d0d0d;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		z-index: 1000; 
	}
	
	  [tooltip]:hover::before,
	  [tooltip]:hover::after {
		display: block;
	  }
	  
	  [tooltip='']::before,
	  [tooltip='']::after {
		display: none !important;
	  }
	  
	  [tooltip]:not([flow])::before,
	  [tooltip][flow^="up"]::before {
		bottom: 100%;
		border-bottom-width: 0;
		border-top-color: #0d0d0d;
	  }
	  [tooltip]:not([flow])::after,
	  [tooltip][flow^="up"]::after {
		bottom: calc(100% + 5px);
	  }
	  [tooltip]:not([flow])::before,
	  [tooltip]:not([flow])::after,
	  [tooltip][flow^="up"]::before,
	  [tooltip][flow^="up"]::after {
		left: 50%;
		transform: translate(-50%, -.5em);
	  }
	  
	  [tooltip][flow^="down"]::before {
		top: 100%;
		border-top-width: 0;
		border-bottom-color: #0d0d0d;
	  }
	  [tooltip][flow^="down"]::after {
		top: calc(100% + 5px);
	  }
	  [tooltip][flow^="down"]::before,
	  [tooltip][flow^="down"]::after {
		left: 50%;
		transform: translate(-50%, .5em);
	  }
	  
	  [tooltip][flow^="left"]::before {
		top: 50%;
		border-right-width: 0;
		border-left-color: #0d0d0d;
		left: calc(0em - 5px);
		transform: translate(-.5em, -50%);
	  }
	  [tooltip][flow^="left"]::after {
		top: 50%;
		right: calc(100% + 5px);
		transform: translate(-.5em, -50%);
	  }
	  
	  [tooltip][flow^="right"]::before {
		top: 50%;
		border-left-width: 0;
		border-right-color: #0d0d0d;
		right: calc(0em - 5px);
		transform: translate(.5em, -50%);
	  }
	  [tooltip][flow^="right"]::after {
		top: 50%;
		left: calc(100% + 5px);
		transform: translate(.5em, -50%);
	  }
	
	  @keyframes tooltips-vert {
		to {
		  opacity: .9;
		  transform: translate(-50%, 0);
		}
	  }
	  
	  @keyframes tooltips-horz {
		to {
		  opacity: .9;
		  transform: translate(0, -50%);
		}
	  }
	  
	  [tooltip]:not([flow]):hover::before,
	  [tooltip]:not([flow]):hover::after,
	  [tooltip][flow^="up"]:hover::before,
	  [tooltip][flow^="up"]:hover::after,
	  [tooltip][flow^="down"]:hover::before,
	  [tooltip][flow^="down"]:hover::after {
		animation: tooltips-vert 300ms ease-out forwards;
	  }
	  
	  [tooltip][flow^="left"]:hover::before,
	  [tooltip][flow^="left"]:hover::after,
	  [tooltip][flow^="right"]:hover::before,
	  [tooltip][flow^="right"]:hover::after {
		animation: tooltips-horz 300ms ease-out forwards;
	  }
	
	.panel-uyruk {
		color: white;
		width:16px;
		height:16px;
		border-radius: 3px;
	
	}
	
	
	/* tooltip bitiş */
	
	
	/* başvuru ikinci aşama */
	
	.basvuru2-sorular {
		width:90%;
		padding:5%;
		margin-left:5%;
		
		
	}
	
	.butonlar {
		margin-left:35%;
	
	
		
	}
	
	
	/* b. ikinci aşama bitiş */
	
	
	/* karakter sayfası */
	
	.ucp_karakter_genel {
		width:100%;
		height:110%;
		
		margin:auto;
		margin-top:3%
	
	}
	
	.ucp_karaktersayfa_1 {
		
		width:45%;
		height:100%;
	background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/solkutu.png');
		float:left;
			margin-left:4%;
	
		background-repeat: no-repeat;
	
	}
	
	.ucp-karakter-adi {
		
		width:80%;
		height:100px;
		padding:8%;
		float:left;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg2.png');
		margin:auto;
		margin-left:10%;
		margin-top:3%;
		text-align:center;
		color:#fff;
		text-transform:uppercase;
		font-family:Arial;
		font-size:2em;
		font-weight:bold;
	
		
	}
	
	.ucp-karakter-yuzu {
		width:30%;
		height:330px;
		margin-left:10%;
		margin-top:3%;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/karakterarka.png');
		float:left;
	
		
	}
	
	.ucp-bilgikutusu1 {
		
		width:45%;
		margin-left:5%;
		margin-top:3%;
		height:100px;
		text-align:center;
		line-height:1.5;
		float:left;
		padding:2%;
		color:#fff;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
	
		
	}
	.ucp-bilgikutusu2	 {
		
		width:40%;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
		height:120px;
		float:left;
		color:#fff;
		padding:2%;
		margin-left:8%;
		margin-top:5%;
	
		
		
	}
	
	.ucp-bilgikutusu2-1 {
		
		width:40%;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
		height:120px;
		float:left;
		color:#fff;
		padding:2%;
		margin-left:5%;
		margin-top:5%;
	
		
		
	}
	.ucp_karaktersayfa_2 {
			width:45%;
		height:100%;
	background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/sagkutu.png');
		float:left;
			margin-left:1%;
	
		background-repeat: no-repeat;
	
		
	}
	
	
	.ucp-logo-bolum {
		
		width:100%;
		height:1%;
		float:left;
	
		padding:10%;
		
	}
	
	
	.ucp-ozgecmis {
		
		width:90%;
	
		float:left;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
		margin-left:5%;
		padding:10px;
		color:white;
		
		
	}
	
	.ucp-icistatistik {
		
		width:25%;
		height:15%;
		float:left;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
		margin-left:5%;
		color:#fff;
		padding:5%;
		margin-top:5%;
		text-align:center;
	
	}
	
	/* karakterlerim ucp */
	
	.ucpkarakterlergenel {
		
		width:95%;
		height:50%;
		margin:auto;
		margin-top:2%;
	
		padding:10px;
		
	}
	
	.ucpkarakter1 {
		
		width:200px;
		height:200px;
			background-image: url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/suc.png');
	background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	border:2px solid black;
		float:left;
		margin-left:15%;
		
	}
	.ucpkarakter2 {
		
	
		width:200px;
		height:200px;
		border:2px solid black;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
			background-image: url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/suc.png');
		background-color:#333;
		float:left;
		margin-left:20%;
		
	}
	
	
	.ucpkarakterresim1 {
		
		width:95%;
		height:80%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-left:25%;
		margin-top:10%;
	
		float:left;
	
	
	
	}
	
	.ucpkarakteradi {
		
		width:auto;
		height:35px;
		background-color:#333;
		color:white;
		padding:10px;
		
			margin-left:35%;
		float:left;
		
		
	}
	.ucpkarakterresim1 img {
		
		width:100px;
		height:100px;
		
	}
	
	.ucpkarakterbilgileri {
		
		width:100%;
		height:100%;
		background-color:red;
		float:left;
		margin-top:5%;
		
		
		
	}

	.dropdown-vice-aciklama {
	 width:78%;
	 color:#fff;
	 height: 15px;
	 padding-left: 10px;
	 line-height: 15px;
	 font-size: 10px;
	 float: left;
	 margin-bottom: 20px;
	}

	.dropdown-vice-baslik {
		width:78%;
		color:#fff;
		height: 25px;
		padding-left: 10px;
		line-height: 25px;
		font-size: 12px;
		float: left;
	}

	.dropdown-vice-ikon {
		margin-left:3%;
	 width:16%;
	 color:#fff;
	 height: 40px;
	 margin-top: 5px;
	 font-size: 35px;
	 line-height: 50px;
	 float: left;
	}
	
	/* karakterlerim ucp bitiş */
	
	
	
	/* üçüncü tasarım profil sayfası 02.08.2019 */
	
	.allenprofilgenel {
		
		width:100%;
		height:1000px;
	
		
		
		
		
	}
	
	.allenprofilsolmenu {
		padding:20px;
		width:25%;
		margin-left:2%;
		background:#fff;
		margin-top:2%;
		
		float:left;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	
	
		
	}
	
	.profilozgecmis {
		
	
		
		background:#fff;
			border: 1px solid lightgray;
		width: 95%;
		float: left;
		padding: 15px;
		margin: 10px;
		
		
	}
	
	.profilozgecmisbaslik {
		
	
		
		background:#fff;
			font-weight:bold;
			text-align:center;
		width: 95%;
		float: left;
		
		margin: 10px;
		
		
	}
	.allenprofilicerikcizgi { 
		 height:3px;  
		background-image: linear-gradient(to right,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);	
	width:100%; 
	float:left;
	margin-bottom:10px; } 
	
	
	
	.allenprofilicerik { 
			
		
		width:100%; height:25%;  float:left; padding:10px;  background-image:url('https://samp.vice-rp.com/forum/Themes/ViceRoleplay/images/bg1.png');
		background-size:cover; background-position:center; background-repeat:no-repeat;
	
	} 
	
	
	.allenprofilicerikdetay { 
		
		
		width:100%; height:50%;  float:left; padding:10px;  background-image:url('https://samp.vice-rp.com/forum/Themes/ViceRoleplay/images/bg2.png'); margin-top:15px; margin-bottom:15px;
		background-size:cover; background-position:center; background-repeat:no-repeat;
	
	}
	.allenkarakterler { 
	
		width: 150px;
		height: 150px;
		text-align: center;
		margin-left:20px;
	
		border-radius: 100px;
	
		background-position: center;
		background-size:cover;
		background-repeat: no-repeat;
		/*
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/allen_profilbg.png'); */
	}
	.allenkarakterlerbilgi {
	
		width: 120px;
		margin: auto;
		background-color: #a8e190;
		height: 25px;
		margin-left:35px;
		border-radius:10px;
		padding:2px;
	
		text-align:center;
		font-weight:600;
		margin-top: -30px;
	
	}
	
	.allenkarakterlerbilgikirmizi {
	
		width: 120px;
		margin: auto;
		background-color: #cb6b72;
		height: 75px;
		margin-left:35px;
		border-radius:10px;
		padding-top:35px;
		text-align:center;
		font-weight:600;
		margin-top: -30px;
	
	}
	
	
	.allenlevel {
	
		width: 75px;
		margin: auto;
		background-color: #73c053;
		height: 20px;
		margin-top:-7px;
		font-weight:bold;
		margin-left:55px;
		padding-top:2px;
		text-align:center;
		border-radius:10px;
	
	
	}
	
	
	.allenlevelkirmizi {
	
		width: 75px;
		margin: auto;
		background-color: #b34b53;
		height: 20px;
		margin-top:-10px;
		font-weight:bold;
		margin-left:55px;
		padding-top:2px;
		text-align:center;
		border-radius:10px;
	
	
	}
	
	.allenyuvarlak {
	width:25%;
	
	float:left;
	margin-left:5%;
	
	
	}
	
	
	
	.allenprofilkutu {
	
	padding:10px;
	color:White;
	font-weight:700;
	border-radius:5x;
	background-color:#73c053;
	width:100%;
	float:left;
	margin:0;
	
	}
	
	.allenprofiloocceza {
	
		padding:10px;
		color:White;
		font-weight:700;
		border-radius:5x;
		background-color:#73c053;
		width:100%;
		float:left;
		margin-top:15px;
	
		
		}
	
	.allenprofilbilgitext {
	
		width:25%;
		color:white;
		margin-top:20px;
		float:left;
	
	}
	
	.allenprofilicerik2 { width:100%; height:50%;  float:left; border:1px solid #060a0c; padding:10px; margin-top:10px;  background-color:#195da1; } 
	
	
	.allenprofilicerik23 { width:80%;  float:left;} 
	
	
	
	
	
	
	.allenprofilicerik24 {  float:right;} 
	
	.allenprofilsagmenu {
			background:#fff;
	padding:20px;
		width:65%;
		margin-left:5%;
		margin-top:2%;
		
		float:left;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	
		
		
	}
	
	.allenkarakterbilgileri {
		
		width:30%;
		height:220px;
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	
	
		
		margin:auto;
		
		
	}
	
	
	.allenkarakterresim {
		  
		 float:left;
		border: 1px solid lightgray;
		background-color:lightgray;
	
	 
		
		
		
	}
	
	.allenkaraktericerik {
		
	float:left;
	padding-top:10px;
	padding-left:25px;
	font-weight:bold;
	
	
		
		
		
	}
	
	
	
	.karakterallenright {
		
		font-size:16px;
		font-weight:600;
		padding-left:20px;
		line-height:1.5;
		float:right;
	
	}
	
	.karakterallen {
		
		font-size:16px;
		font-weight:600;
		padding-left:20px;
		line-height:1.5;
	
	}
	
	.karakterallenbirlik {
		
		font-size:14px;
		font-weight:600;
		padding-left:20px;
		color:lightgray;
	
	
	}
	
	.karaktersongiris {
		
		font-size:10px;
		font-weight:600;
		padding-left:20px;
		color:lightgray;
		
		
	
	
	}
	
	.karakterlokasyon {
		
		font-size:12px;
		font-weight:600;
		padding-left:20px;
		
		
	
	
	}
	
	
	
	/* profil tasarım bitiş */
	
	
	
	/* başvuru test */
	
	
	.uyarimesajibilgi{
		
		padding: 20px;
		background:#195da1;
		color: white;
		border-left:3px solid #060a0c;
		float:left;
		
	
		font-weight:normal;
		margin-top: 10px;
		width: 95%;
		margin-left:10px;
		
	
	
		
	
		
	
	}
	
	
	.uyarimesaji {
		
		padding: 20px;
		background-color: #4CAF50;
		color: white;
		margin-bottom:30px;
		float:left;
	
	
		font-weight:normal;
		margin-top: 10px;
		width: 95%;
		margin-left:10px;
		border-left:3px solid #060a0c;
	
	
		
	
		
	
	}
	/* başvuru test bitiş */
	.uyarimesajitekrar {
		padding: 20px;
		background-color: #f44336;
		color: white;
		margin-bottom:30px;
		float:left;
		font-weight:normal;
		margin-top: 10px;
		width: 95%;
		border-left:3px solid #060a0c;
		margin-left:10px;
	
	
	}
	
	
	
	
	/* Şifre değiştirme a */
	.vicealert {
		padding:20px;
		background-color: #fff;
		border-color: #b8daff;
		margin-top:25px;
		width:70%;
		font-size:12px;
		line-height:1.3;
		margin:auto;
		font-weight:normal;
		color:#000;
		
		
	}
	
	.sifredegistirucp {
		
		margin-left:20%;
		margin-top:15px;
		
	}
	
	t {
		
		display: inline-block;
		min-width: 10px;
		padding: 3px 7px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		background-color: #195da1;
		border-radius: 10px;
	
		
	}
	
	d {
		
		 display: inline-block;
		min-width: 10px;
		padding: 3px 7px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		background-color: #195da1;
		border-radius: 10px;
		
	}
	
	f2 {
		
			font-size: 10px;
		text-align: center;
		width: 1%;
		
	}
	
	.w3-table-all tr:nth-child(even) {
		background: none;
	}
	
	.w3-table-all {
		border:none;
	}
	.vicesifredegistiraciklama{
		float:left;
		margin-left: 5%;
		padding-top:30px;
		font-weight:1000;
		font-weight:normal;
		border-radius:10px;
		margin-top: 20px;
		width:72%;
			background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:473px;
	background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bg.png');
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
		
		
	}
	
	
	.karakterhikayesi {
		
	float:left;
	margin-top:5%;
		
		
	}
	
	/* end şifre değiştirme */
	
	/* created allen faction page */
	
	
	.vicebirlikgenel {
		
		width:100%;
		height:auto;
		float:left;
		background-image:url('https://i.hizliresim.com/BOylOD.png');
		background-color:#A07A71;
		border:10px solid #A77F5B;
	
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.vicebirlikharita {
		margin:2%;
	height:300px;
		width:30%;
		float:left;
	
	
	
	}
	
	.vicebirlikicerik {
		float:right;
		margin:2%;
		width:60%;
		
		
	}
	
	
	.vicebirlikbilgi{
		margin:2%;
		height:600px;
		width:30%;
		float:left;
	background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/v_birlik_ana.png');
	background-repeat:no-repeat;
	
	}
	
	.birlikgenelsayfa {
	
	width:100%;
	
	display:inline-block;
	
	}
	
	.birlik-adi {
	
		width:497px;
		height:217px;
		text-align:center;
		line-height: 1;
		FONT-family:Agency FB;
		font-size: 50px;
		padding-top:40px;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/v_birlik_isim.png');
		background-repeat:no-repeat;
		
		}
	
	.birlikkutu {
		width:30%;
		height:211px;
		margin-left:2%;
	
		padding-top:10px;
		margin-top:30px;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/v_birlik_karakter.png');
		float:left;
	}
	
	.birlikavatar {
		float:right;
		padding: 20 70 0 10;
		
	
		
	}
	.birlikavatar img {
		
	width:50px;
	}
	
	.birlikbilg {
		
		line-height:2.5;
		margin-top:15px;
		
	}
	/* end faction page */
	
	
	
	/* created allen ucp  */
	
	
	/* market paketler */
	
	
	.paketresim {
	width:300px;
	height:300px;
	float:left;
	padding:10px;
	
	
	}
	
	.paketresim img {
	width:200px;
	height:200px;
	
	
	
	}
	
	.urunaciklama {
	
	border:1px solid #999;
	background-color: #b4df64;
	padding:10px;
	
	
	}
	
	.urunlerdetayaciklama {
	
	border:1px solid #999;
	background-color: #CAE1A1;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	
	
	}
	
	
	.marketpaketlergenel {
	
	width:100%;
	padding:10px;
	border:1px solid #999;
	background-color:#fff;
	
	}
	
	.paketurun {
	
	margin-top:10px;
	
	}
	
	.diamond {
	margin-left:10%;
	background-color:#99CCFF;
	padding:10px;
	
	width:80%;
	
	color:white;
	font-weight:bold;
	float:left;
	border-radius:10px;
	
	
	}
	
	.paketadi {
	background-color:#fff;
	
	}
	.paketfiyat {
	
	background-color:green;
	color:white;
	font-weight:bold;
	float:right;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
	border-radius:10px;
	
	
	
	}
	
	
	.paketicerik {
	
	width:100%;
	line-height:2;
	background-color:#fff;
	padding:10px;
	}
	
	
	.vicehesabimbilgi {
		padding-top:30px;
		width:60%;
		margin:auto;
		float:left;
		
	}
	.viceucpkarakterlerimgenel {
	height:1300px;
	
	}
	
	.viceucpgenel {
	height:1000px;
	
	}
	.vicemarketgenel {
	height:5500px;
	
	}
	
	.vicemarketislemgenel {
		height:1800px;
		
		}
		
	
	
	
	.vicebasvurugenel {
	height:1650px;
	
	}
	.vicebasvuru2genel {
	height:1750px;
	
	}
	
	.ucp_haber_text {
		
		color: white;
		font-size: 2.5em;
		line-height: 1.2;
		font-family: Arial;
		
	}
	
	.ucp_haber_text2 {
		
		 color: white;
		font-size: 2em;
		line-height: 1;
	
	  
		
	}
	.ucp_haber_text3 {
		
		 color: white;
		font-size: 1.5em;
		line-height: 1.3;
		font-weight:normal;
	}
	
	.karakter_adi_ucp{
		width:40%;
		 color: white;
		font-size: 1.5em;
		line-height: 1;
	text-transform:uppercase;
		margin-left:12%;
	
	float:left;
		
	}
	
	.karakter_resmi {
	
	margin-left:20%;
	margin-top:5%;
	
	float:left;
	
	}
	
	
	.ucp_haber {
		
		width:35%;
			background-image: url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/haber.png');
		height:55%;
		margin-top:7%;
		padding:2%;
	
		margin-left:2.5%;
		float:left;
	
	}
	
		.ucp_karakter {
	border-radius:8px;
	float:left;
	margin-left:1%;
	color:#000;
	height:70%;	 font-weight: normal;
	}
	.allen_cizgi {
	width:1px;
	background-color:#fff;
	height:100%;
	
	float:left;
	
	}
	
	
	.ucp_istatistik {
	
	width:95%;
	margin-left:2.5%;
	background-image: url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
	height:20%;
	float:left;
	margin-top:5%;
	
	
	}
	
	.ucp_toplamkarakter {
	
	width: 20%;
		margin-left: 13%;
		height: 50%;
		margin-top: 5%;
		font-size: 1.5em;
		line-height: 1;
		color: #fff;
		float: left;
		
		font-weight: Normal;
	
	
	}
	
	.ucp_karakter_1 {
	width:45%;
	float:left;
	
	margin-left:2.5%;
	height:100%;	 font-weight: normal;
	
	
	}
	
	.karakterler_icerik {
	margin-top:10%;
	width:100%;
	height:100%;
	line-height:1;
	font-size:2em;
	float:left;
	font-weight:normal;
	
	color:#fff;
	margin-left:-5%;
	line-height:2;
	font-size:1em;
	
	}
	
	.karakterler_icerik2 {
	margin-top:10%;
	width:100%;
	height:100%;
	line-height:1;
	font-size:2em;
	float:left;
	font-weight:normal;
	
	color:#fff;
	
	
	line-height:2;
	font-size:1em;
	
	}
	
.viceucpkapak {
		background-image: url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/kapak/14.png');
		width:100%;
		height:200px;
		background-position: center;
		float:left;
		background-repeat: no-repeat;
		background-size: cover;

	}

	.viceucpkapak img {
		
		background-image: url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/viceucpbg.jpg');
		width:100%;
		height:200px;	
		background-position: center;
			float:left;
		background-repeat: no-repeat;
		background-size: cover;
		
	}
	
	
	.viceucpsolmenu {
			float:left;
			font-size:80%;
		width:20%;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/solmenu.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-left:2%;
		
		margin-top:-12%; 
		/* box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19); */
		
	}
	
	.viceucpavatar {
	margin: auto;
		width: 150px;
		height: 150px;
		border-radius: 100px;
	  
		padding-top:10px;
		
		
	}
	
	
	.viceucpavatar img {
	margin: auto;
		width: 150px;
		height: 150px;
	
	  
		padding-top:10px;
		
		
	}
	
	
	.viceucprank {
	
	  width:100%;
		border-radius: 100px;
	  margin-left:15px;
		padding-top:10px;
		
	}
	
	.viceucpkullaniciadi {
	
	  
		text-align: center;
	
		color: #fff;
		margin:auto;
	
		padding-top: 7px;
		margin-top: 15px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
	}
	
	.viceucpsolmenutext {
		color:#fff;
		line-height:2;
		font-weight:bold;
		padding:10%;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bilgibg.png');
		
		
		
	}
	.sola-kaydir{
	float:left;
	padding:0 10px 10px 0;
	}
	
	.saga-kaydir{
	float:right;
	padding:0 10px 10px 0;
	}
	
	
	.soru {
		margin-top: 10px;
		line-height: 1.5;
		margin-bottom: 10px;
		font-weight:normal;
	
	
	}
	
	.viceucpkategori {
	
		
	
		margin-left: 5%;
		width: 72%;
		margin-top: -4.5%;
		float: left;
		height: 50px;
		background-color: white;
		/* background-image: url(https://samp.vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/kategori.png); */
		padding: 12px;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	}
	
	.vicemarketaciklama {
		float:left;
		margin-left: 5%;
		
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bg.png');
		margin-top: 20px;
		height:5200px;
		width:72%;
			background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	
	
		
		
		
	}
	
	.vicemarketislemaciklama {
		float:left;
		margin-left: 5%;
		
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bg.png');
		margin-top: 20px;
		height:1500px;
		width:72%;
			background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	
	
		
		
		
	}
	
	
	.market-islem-genel {
	width:80%;
	height:150px;
	background-color:#fff;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	margin:auto;
	border:1px solid #e2e2e2;
	
	
	
	}
	.market-islem-resim {
	
	width:30%;
	float:left;
	
	}
	.market-islem-aciklama {
	width:70%;
	
	float:left;
	
	}
	
	.market-islem-resim img {
		
		width:150px;
		height:150px;
		
		}
	
	
	
	.viceucpaciklama {
		float:left;
		font-weight:1000;
		width:100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color:white;
		height:27%;
	}

	.viceucpaciklama_alt {
		float:left;
		font-weight:1000;
		width:80%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color:white;
		margin-left:2%;
	}

	.viceucpprofil_alt {
		float:left;
		font-weight:1000;
		width:18%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color:white;
		color:#6E6E6E;
		height:28.65%;
	}

	.viceucp_alt {
		margin-top:2%;
	}

	
	.vicekarakterlerim {
		float:left;
		margin-left: 5%;
		font-weight:1000;
	
		margin-top: 20px;
		width:72%;
			background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:1000px;
				background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bg.png');
		
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
		
		
	}
	
	
	
	.vicehesabimciklama {
		float:left;
		font-weight:1000;
		width:100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:500px;
		background-image:url('https://localhost/vice/Themes/ViceRoleplay/images/ucp/backgvice.jpg');
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	}
	.vicebasvuru2aciklama {
		float:left;
		margin-left: 5%;
		font-weight:1000;
		border-radius:10px;
		margin-top: 20px;
		width:72%;
			background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:1550px;
		background:#fff;
	
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
		
		
	}
	
	.vicebasvuruaciklama {
		float:left;
		margin-left: 5%;
		font-weight:1000;
		border-radius:10px;
		margin-top: 20px;
		width:72%;
			background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height:1500px;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/panel/bg.png');
	
	
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
		
		
	}
	.viceucpkategoritext {
		padding-left:10px;
			font-family: 'Bebas Neue';
		  transition: 0.3s;
		  font-size:130%;
		
	}
	
	
	.viceucpaciklamaicerik {
		width:40%;
		height:70%;
	
		
	
	
	
		color:#fff;
		padding:10px;
		float:left;
		
		
		
	}
	.viceucpaciklamaicerikresim {
		width:150px;
		height:150px;
			background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image:url('https://vice-rp.com/forum/Themes/ViceRoleplay/images/ucp/viceacikres2.png');
		float:left;
		
	}
	
	
	.viceucpkategoritext:hover {
		color:blue;
		
		
		
		
	}
	
	.viceucpaciklamaresim1 {
		width:30%;
		height:100%;
		float:left;
		
		
	}
	
	.ucpkarakterbilgi {
		
		width:30%;
		border-radius:10px;
		margin-left:2%;
		
		background-color:#2E353E;
		margin-top:5%;
		height:100px;
		float:left;
		
	}
	
	.ucpkarakterresim {
		
		border-radius:100px;
		width:80px;
		margin:10px;
		height:80px;
		background-color:white;
		float:left;
		
	}
	
	.ucpkaraktericerik {
		
		margin:10px;
		color:white;
	
		padding-top:10px;
		
		
	}
	
	.ucpbilgisekme {
		background-color:#F6F6F6;
		padding:10px;
		width:100%;
		margin-top:5px;
		color:#0088CD;
		height:30px;
		
		
	}
	.ucpbilgisekme2 {
		background-color:#FFF;
		padding:10px;
		width:100%;
		
		color:#0088CD;
		height:100px;
		
		
	}
	
	.ucpbilgisekmeicerik {
		color:#333;
	
		
	}
	
	.ucpsekme {
		width:100%;
	
		margin-top:10px;
		float:left;
		height:300px;
		
	}
	
	.ucpsolsekme {
		width:40%;
		background:#fff;
		border-left:5px solid #0088CD;
		border-radius:10px;
		margin-top:10px;
		margin-left:5%;
		float:left;
		height:200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
	}
	
	.ucpsagsekme {
		width:40%;
		background:#fff;
		border-left:5px solid #E36159;
		border-radius:10px;
		margin-top:10px;
		margin-left:5%;
		float:left;
		height:200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
	}
	
	.ucpsolsekmeicon img {
		width:100%;
		margin-top:10%;
		
		
	}
	.ucpsolsekmeicon  {
		width:40%;
		margin-top:10%;
		float:left;
		
		
	}
	
	
	.ucpiconaciklama {
	font-size:28px;
	color:#333;
	line-height:1;
	margin-top:10%;
	font-family: 'Bebas Neue Thin';
		
	}
	
	.sunucubilgilerigenel {
		
		width:95%;
		margin-left:2.5%;
		background-color:white;
		height:300px;
		float:left;
		
		
	}
	
	
	/* ucp end */
	
	.profilalani1 {
		width: 100%;
		height: 430px;
		color: #666666;
		background: #fff;
	
		}
	
	.profilalt {
	/* background: url(https://i.hizliresim.com/p6bbVq.png) no-repeat; */
		width: 100%;
		height: 162px;
		top: 247px;
		position: relative;
	}
	.profilkadi {
		float: left;
		position: relative;
		height: 20px;
		top: 10px;
		left: 9px;
		font-size: 12px;
		word-wrap: normal;
	}
	.profilbilgi {
		
	}
	.profilkarakterskin {
		background: url(https://i.hizliresim.com/vj6P0m.png) no-repeat;
		width: 199px;
		height: 210px;
		margin: 0 auto;
		position: absolute;
		left: 492px;
		bottom: 116px; 
	}
	.profilust {
		position: relative;
	}
	#myDIV {
	  width: 100%;
	  padding: 50px 0;
	  text-align: center;
	  background-color: lightblue;
	  margin-top: 20px;
	}
	
	/* The grid: Three equal columns that floats next to each other */
	.column {
	  float: left;
	  width: 25%;
		padding:10px;
	  text-align: center;
	  font-size: 100%;
	  cursor: pointer;
	  color: white;
	}
	
	.containerTab {
	  padding: 20px;
	  color: white;
	}
	
	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	
	/* Closable button inside the container tab */
	.closebtn {
	  float: right;
	  color: white;
	  font-size: 35px;
	  cursor: pointer;
	}
	
	
	
	.vicekutu {
		background: url(https://i.hizliresim.com/EPmm2B.png) no-repeat;
		width: 380px;
		height: 152px;
		position: absolute;
		top: 20px;
	}
	
	
	.sekme1 {
			background-color: #060a0c;
		text-align: center;
		color: #fff;
		padding: 5px 20px 20px 20px;
		/* padding-top: 20px; */
		font-size: 12px;
		line-height: 1.5;
		border-radius: 20px;
		/* width: 100px; */
		height: 24px;
		/* margin: 0 auto; */
		position: absolute;
	
	}
	@media screen and (max-width: 720px) {
		.allenprofilgenel {
			height:1500px;
			
			
		}
		
		.allenprofilsagmenu {
			margin:0;
			height:1500px;
		}
	.allenprofilsolmenu {
		display:none;
		
	}
	.viceprofilbilgiler {
	display:none;
		
	}
		}
	.viceprofilbilgiler {
		
	 border-radius: 10px;
		background: rgba(0,0, 0, 0.20);
			width: 500px;
		height: 150px;
	
		text-align: center;
		color: #fff;
		padding: 5px 20px 20px 20px;
		padding-top: 20px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 20px;
		/* width: 100px; */
		/* height: 24px; */
		margin: 0 auto;
		position: absolute;
		margin-top: -230px;
		margin-left: 400px;
		
	}
	
	.karaktersekme {
		
		width:200px;
		height:100%;
		float:right;
		background-color:#333;
		border-radius:10px;
		margin-top:10px;
		margin-bottom:10px;
		
		
	}
	
	.profilcizgi {
		background-color:#fff;
		height:41px;
		width:100%;
		padding-top:1%;
		border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
		
	}
	
	.profil-cizgi-icerik {
		
			  text-decoration: none;
		color: white;
		padding: 3px 10px;
		margin-left:2%;
	background: rgba(0, 0, 0, 0.596);
		border-radius: 3px;
		
	}
	.vicekulllanici {
		color: white;
		padding: 7px 30px;
		border-radius: 3px;
		background: rgba(0, 0, 0, 0.596);
		position: absolute;
		margin-top: -130px;
		margin-left: 200px;
	}
	.vicerank {
	
	
		margin: 0 auto;
		position: absolute;
		 color: white;
		padding: 7px 30px;
		border-radius: 3px;
		background: rgba(0, 0, 0, 0.596);
			margin-top: -70px;
		margin-left: 200px;
	}
	.profilalti {
		background: url(https://i.hizliresim.com/G9mZov.png);
		width: 381px;
		height: 48px;
		margin: 0 auto;
		border-bottom: 1px solid #eee;
	}
	.profilsol {
		background: #fff;
		width: 366px;
		height: 51px;
		float: left;
		position: absolute;
		bottom: 170px;
	}
	.solsag {
		
		float: right;
		background: url(https://i.hizliresim.com/nOQbWl.png) no-repeat;
		width: 65px;
		height: 55px;
		position: absolute;
		left: 320px;
		
	}
	.profilsag {
		 background: #fff;
		width: 366px;
		height: 51px;
		float: right;
		position: inherit;
		bottom: 60px;
	}
	.sagsol {
		background: url(https://i.hizliresim.com/dOvMl4.png) no-repeat;
		width: 65px;
		height: 55px;
		position: absolute;
	}
	.yt-wrapper iframe {
		width: 720px;
		height: 400px;
		}
	
	/* VICE ROLEPLAY POST ALANI akaRETRO */
	.vicepostnick, .vicepostrank{
		
		background: rgba(0,0,0,0.20);
	}
	
	.imza {
		float: left;
		width: 350px;
		height: 72px;
		position: absolute;
		margin-left: 420px;
		background: url(https://www.upload.ee/image/8108773/konusmabaloni.png) no-repeat;
		z-index: 1000;
		margin-top: 40px;
	}
	.imzaicerik {
		left: 30px;
		position: relative;
		top: 4px;
		height: 25px;
	}
	.vicepostavatar {
	
	
		position: absolute;
		z-index: 1;
		margin-left: 30px;
		margin-top: 10px;
	}
	.vicepostnick {
		width: 170px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 210px;
		margin-top: 30px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 2;
		-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); 
		clip-path: polygon(0 0, 90.54% 0%, 100% 100%, 0%, 100%);
	
	}
	.vicepostnick h4 {
		font-size: 17px;
		margin: 0 auto;
	}
	.vicepostnick2 {
		width: 100px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 320px;
		margin-top: 30px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 1;
		background: url(https://samp.vice-rp.com/forum/Themes/ViceRoleplay/images/koselik.png) no-repeat;
	}
	
	.vicepostrank {
		width: 195px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 210px;
		margin-top: 90px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 2;
		-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); 
		clip-path: polygon(0 0, 90.54% 0%, 100% 100%, 0%, 100%);
	}
	.vicepostnick h4 {
		width: 200px;
	}
	.vicepostrank2 {
	width: 100px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 345px;
		margin-top: 90px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 1;
		background: url(https://samp.vice-rp.com/forum/Themes/ViceRoleplay/images/koselik.png) no-repeat;
	}
	
	.vicepostforumbilgi{
	 
		position: absolute;
	
	}
	
	.posterallen {
		
	 width:100%;
	 float:left;
	 border-top-left-radius:10px;
	 border-top-right-radius: 10px;
	 }
	 
	 .poster-slot {
	position: absolute;
	 color: #000000;
	 font-weight: bold;
	 font-family: 'Bebas Neue', cursive;
	 border: 1px solid #7e7c7c3b;
	 font-size: 18px;
	 background: #0000004f;
	 margin-top: 105px;
	 margin-left: 32px;
	 text-align: center;
	 font-weight: normal;
	 padding: 5px 10px 5px 10px;
	 text-align: center;
	 }
	 
	 .bg-yonetici {
		 background: url(https://vice-rp.com/forum/Themes/ViceRoleplay/images/poster/pb_yonetici.png);
	 }
	 .bg-admin {
		 background: url(https://vice-rp.com/forum/Themes/ViceRoleplay/images/poster/pb_admin.png);
	 }
	 .bg-support {
		 background: url(https://vice-rp.com/forum/Themes/ViceRoleplay/images/poster/pb_support.png);
	 }
	 .bg-vip {
		 background: url(https://vice-rp.com/forum/Themes/ViceRoleplay/images/poster/pb_vip.png);
	 }
	 .bg-oyuncu {
		 background: url(https://vice-rp.com/forum/Themes/ViceRoleplay/images/poster/pb_oyuncu.png);
	 }
	 
	.allenavatars {
	width:17%;
	
	height:150px;
	float:left;
	
	
	}
	
	
	.poster-burak {
		background: url(https://samp.vice-rp.com/forum/Themes/ViceRoleplay/images/kapak/1.png);
		width: 1322px;
		height: 152px;
		position: absolute;
		opacity: 0.2;
	}
	.posterallen-yatay {
		width: 25%;
		margin-top:6px;
		float:left;
		position: relative;
	}
	
	.posterallen-yatay2 {
		width: 25%;
		margin-top:10px;
		margin-left:10px;
		float:left;
	}
	
	.posterallen-yatay-hesap {
		width: 15%;
		margin-top:15px;
		margin-right:20px;
		float:right;
		
	}
	
	.posterallen-yatay-fotograf {
	
		margin-top:10px;
		margin-right:10px;
		float:right;
	}
	
	
	.poster-kutu{
	
		border-radius: 3px;
		background: #3531314f;
		  border: 1px solid #94949457;
		margin-top: 5px;
		font-size: 14px;
		font-weight: normal;
		color:#fafafa;
		padding: 8px 0 4px 8px;
		
		
		/* -webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); */
		
	
	}
	
	.poster-kutu-rank{
	
		border-radius: 3px;
	
		margin-top: 5px;
		text-align: center;
		font-size: 14px;
		font-weight: normal;
		color:#fafafa;
		padding: 6px 0 6px 0;
		text-align: center;
	
		
		/* -webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); */
		
	
	}
	
	
	.poster-kutu-isim{
	border-radius: 3px;
	 background: rgba(28, 176, 226, 0.20);
	 font-family: 'Bebas Neue', cursive;
	 margin-top: 5px;
	 border: 1px solid #7e7c7c3b;
	 text-align: center;
	 font-size: 22px;
	 font-weight: normal;
	 color: #fafafa;
	 padding: 7px 0 7px 0;
	 text-align: center;
	}
	
	.poster-kutu-birlik{
	
	 background: #3531314f;
	 border: 1px solid #94949457;
	 margin-top: 5px;
	 text-align: center;
	 font-size: 20px;
	 font-weight: normal;
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
	 color: #000000;
	 padding: 7px 3px 7px 3px;
	 text-align: center;
	 font-family: 'Bebas Neue', cursive;
		
	
	}
	
	
	
	.poster-kutu-seviye{
	
		color: #000000;
		font-weight: bold;
		font-family: 'Bebas Neue', cursive;
		  border: 1px solid #7e7c7c3b;
		font-size:22px;
		  background: rgba(97, 250, 26, 0.15);
		margin-top: 5px;
		text-align: center;
		font-weight: normal;
		padding: 7px 0 7px 0;
		text-align: center;
	
		
		/* -webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); */
		
	
	}
	
	.poster-kutu-resim{
	
		border-radius: 3px;
		background: #1a1a1a;
		border: 1px solid #2f2f2f;
		margin-top: 5px;
		text-align: center;
		font-size: 14px;
		font-weight: normal;
		padding: 6px 0 6px 0;
		text-align: center;
		
	
		
		/* -webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); */
		
	
	}
	
	
	
	.poster-kutu-basarim{
	
		border-radius: 3px;
		background: #1a1a1a;
		border: 1px solid #2f2f2f;
		margin-top: 5px;
		padding:10px;
		font-size: 14px;
		font-weight: normal;
		
	
		
		/* -webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); */
		
	
	}
	
	.posteralaniburak {
		
		width:70%;
		height:150px;
		background:#fff;
		float:left;
		
	}
	.vicepostkarakter {
			border-radius: 10px;
		background: rgba(0,0,0,0.20);
		width: 250px;
		height: 110px;
		padding: 0px !important;
		margin-left: 250px;
		margin-top: 20px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 1;
	
		
	}
	
	.vicepostkarakterresim {
		
		width:70px;
	
		float:left;
		height:auto;
	
		
		
	}
	
	.vicepostkarakteralani {
		
		width:150px;
	
		float:left;
		height:auto;
	
		
		
	}
	.postskin {
	float:right;
	}
	.forumkarakterbilgipost {
		float: left;
		position: relative;
		top: 5px;
		left: 5px;
		margin-top:10px;
		color: #060a0c;
		font-size:12px;
	}
	
	.forumicerikpost{
		float: left;
		position: relative;
		top: 5px;
		left: 5px;
		color: #060a0c;
		margin-top:10px;
		font-size:12px;
	}
	.postkadi {
		float: left;
		position: relative;
		top: 5px;
		left: 5px;
		
		color: #060a0c;
		font-size:12px;
	}
	
	.karakteralani {
		
		width:100%;
		height:100%;
	
	}
	
	
	.karakteradi {
		width: 52%;
		height: 30px;
		text-align: left;
		color:white;
		font-weight: bold;
		 background-color:#4ba3ad;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 5px;
		padding-left:5px;
		margin-left: 5px;
		margin-top: 5px;
	
		
	}
	
	.karakter {
		margin-left:5px;
		margin-top:20px;
		width:52%	;
		height:250px;
		margin-top:-5px;
		background-color:lightgray;
			border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		float:left;
	  
		
	}
	.yankarakterler {
	
		width:25%	;
		height:250px;
		float:left;
		margin-top:-20px;
		  margin-left: 2.5%;
	
			border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
	
	}
	.viceprofiltablo {
		
			width: 50%;
	 
		background-color: #060a0c;
		height: 150px;
		padding: 20px;
		float: left;	
		color:white;
		margin-left:5px;
		 border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		
	}
	.viceprofiltablobaslik {
		 width: 50%;
		 height:30px;
		margin-left:5px;
	
	
		float: left;	
		color:white;
		
		
	
		text-align: left;
	
		font-weight: bold;
		 background-color:#4ba3ad;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 5px;
		padding-left:5px;
		
		margin-top: 25px;
		
	
		
	}
	.viceyankarakter1{
		
		
		
		color:white;
		width:20%;
		margin-left:2.5%;
		margin-top:3%;
		
	}
	.viceyankarakter2{
		
		
		
		color:white;
		width:20%;
		margin-left:2.5%;
		margin-top:3%;
		
	}
	
	.viceyankarakter3{
		
		
		
		color:white;
		width:20%;
		margin-left:2.5%;
		margin-top:3%;
		
	}
	.yankarakterresim {
		background-image:url('https://i.hizliresim.com/vj6P0m.png');
		background-repeat:no-repeat;
		background-color:gray;
		width:80px;
	float:left;
		height:80px;
	}
	.yankarakterbilgi {
		border-radius:10px;
			width: 200px;
		background-color: #060a0c;
		color: white;
		text-align: center;
		margin-left:25%;
		height: 80px;
		padding-top:25px;
	}
	.yankarakterresim img {
		background-image:url('https://i.hizliresim.com/vj6P0m.png');
		background-repeat:no-repeat;
		background-color:gray;
		width:80px;
		padding: 0;
	max-width: 100%;
		height:80px;
	}
	
	
	.vicelevel {
		
		margin-top:-20px;
		margin-left:23px;
		
	}
	.karakterresim {
		
		width:230px;
		height:210px;
		background-image:url('https://i.hizliresim.com/vj6P0m.png');
		background-repeat:no-repeat;
		
		background-color:gray;
		border-radius:10px;
		padding:10px;
		margin-left:15px;
		margin-top:20px;
		float:left;
		
	}
	
	.vicebasarim {
		
		width:200px;
		height:30px;
		text-align:center;
		font-weight:bold;
	
	
		padding:10px;
		margin-left:15px;
		
		
	}
	.karakterhikaye{
		
			width: 45%;
		height: 210px;
	
		border: 1px solid black;
	
		
		padding:10px;
			margin-left: 20px;
		margin-top: 10px;
		float: left;
	}
	
	.vicehobi {
		margin-top:10px;
		width:100%;
		border-radius:100px;
		background-color:white;
		padding:10px;
		
	}
	
	
	.levelsol {
		text-align: left;
		line-height: 40px;
		color: black;
		padding-left: 15px;
		text-transform: uppercase;
		width: 50%;
		background-color: #4CAF50;
		height: 22px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	.vicepostrank img {
	
		margin-left: -5px;
		margin-top: 5px;
	}
	.postskin img {
		width: 80px;
		position: relative;
	}
	.postlevel {
		width: 75%;
		position: absolute;
		height: 22px;
	  
		top: 80px;
		z-index: 99;
		border-radius: 6px;
	}
	.vicepostkarakter li {
		list-style: none;
	}
	.vicebasarimlar1 {
		float: left;
		left: 15px;
	}
	.vicebasarimlar2 {
		float: right;
		position: relative;
		right: 15px;
	}
	.basarim {
			position: relative;
		top: 3px;
		float: left;
		padding: 0 0 0 25px;
	}
	.vicesonaktiflik {
			float: right;
		text-align: right;
		position: absolute;
		width: 189px;
		right: 0px;
		height: 45px;
		background: #fff;
		padding: 5px;
		bottom: 61px;
		z-index: 1000;
	}
	.vicekuyruk {
		float: right;
		text-align: right;
		position: absolute;
		width: 274px;
		right: 0px;
		height: 44px;
		background: #fff;
		padding: 5px;
	}
	.viceoyunaktiflik {
		float: right;
		text-align: right;
		position: absolute;
		width: 232px;
		right: 0px;
		height: 45px;
		background: #fff;
		padding: 5px;
		bottom: 8px;
		z-index: 1000;
	}
	.sagsol2 {
		background: url(https://i.hizliresim.com/dOvMl4.png) no-repeat;
		width: 42px;
		height: 65px;
		top: -16%;
		position: absolute;
		left: -14%;
	}
	.sagsol3 {
			background: url(https://i.hizliresim.com/dOvMl4.png) no-repeat;
		width: 42px;
		height: 65px;
		top: -12%;
		position: absolute;
		left: -14%;
	}
	.viceprofilsag {
		position: relative;
		top: 135px;
		background: #fff;
		float: right;
	
	}
	.basarim img {
		width: 48px;
	}
	@media screen and (max-width: 720px) {
		.vicepostnick, .vicepostrank, .vicepostkarakter {
		border-radius: 10px;
		background: transparent;
		}
		
	#detailedinfo
	{
		width: 100%;
		float: right;
		display: block;
	}
	.profilalani1 {
	
	display: none;
	}
	.vicepostavatar {
		
		position: absolute;
		z-index: 1;
		margin-left: 10px;
		margin-top: 5px;
	}
	.vicepostnick {
		width: 110px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 225px;
		margin-top: 30px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 2;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.vicepostnick h4 {
		font-size: 17px;
		margin: 0 auto;
	}
	.vicepostnick2 {
		width: 50px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 1px;
		margin-top: 30px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 2;
		background: transparent;
	}
	
	.vicepostrank {
			width: 120px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 180px;
		margin-top: 60px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 2;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.vicepostrank2 {
	width: 50px;
		height: 38px;
		line-height: 38px;
		padding: 0px !important;
		margin-left: 1px;
		margin-top: 90px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 2;
		background: transparent;
	}
	.vicepostkarakter {
		width: 50px;
		display: none;
		height: 87px;
		padding: 0px !important;
		margin-left: 1px;
		margin-top: 35px;
		padding-left: 10px !important;
		position: absolute;
		z-index: 1;
		border-top-right-radius: 0px;
	}
	}
	/* Profil OOC CEZA */
	
	.profiloocceza{
		width: 100%;
		min-height: 50px;
		border: 1px solid #eee;
		background: #fff;
		display: inline-block;
		position: relative;
		padding: 10px;
		font-family: "Trebuchet MS", sans-serif;
		margin-bottom: 15px;
	}
	.profilcezayok {
			font-size: 16px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		position: relative;
		margin-bottom: 20px;
	}
	.profiloocceza thead {
		width: 100%;
		background: #F0F0F0;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.profiloocceza thead tr td{
		color: #606060;
		font-weight: 600;
	}
	
	.profiloocceza tbody {
		width: 100%;
		background: #fff;
		display: inline-block;
		color: #323232;
	}
	
	.profiloocceza tbody tr{
		width: 100%;
		background: #fff;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		color: #323232;
		font-size: 14px;
	}
	
	.profiloocceza tr{
		width: 100%;
	}
	
	.profiloocceza tr, .profiloocceza td{
		margin: 0;
		padding: 0;
		text-align: center;
		display: inline-block;
		overflow: hidden;
		height: 30px;
		line-height: 30px;
	}
	
	/* HABER ALANI */
	
	.vicehaber {
		width: 25%;
		margin: auto;
	}
	.vicehaber, .vicehaber2 {
		position: relative;
		float: right;
		top: 25px;
		right: 30px;
		display: none;
	}
	.vice-black .vice-hover-black:hover {
		 color: #fff!important;
		background-color: #000!important;
	}
	.vice-display-sag {
		position: absolute;
		top: 50%;
		right: 1%;
		transform: translate(0%,-50%);
		-ms-transform: translate(0%,-50%);
	}
	.vice-display-sol {
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translate(0%,-50%);
		-ms-transform: translate(-0%,-50%);
	}
	.vicehaber.vicehaber2 img {
		border-radius: 5px;
	}
	.vice-button {
	border: none;
		display: inline-block;
		padding: 8px 16px;
		vertical-align: middle;
		overflow: hidden;
		text-decoration: none;
		color: inherit;
		background-color: inherit;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		background: #00000030;
		color: #fff;
	}
	/*  Index buradan baslar Styles for the general looks for the Curve theme.
	------------------------------------------------------- */
	#myFooter {
		color: white;
		padding-top: 30px;
		background-image: url("https://samp.vice-rp.com/forum/Themes/zeppelin/images/footer_winter.webp");
		  background-position: top center;
		  min-height: 600px;
		  background-size: cover;
	}
	
	#myFooter .footer-copyright {
		padding-bottom: 40px;
		margin-top: 20px;
		text-align: center;
	}
	.footer-copyright .social {
		 margin-bottom:10px;
	}
	.footer-copyright .social i{
		font-size:25px;
		margin-right:10px;
	}
	
	.f-destek {
		  font-family: 'Bebas Neue', cursive;
			 font-size: 31px;
			 float: left;
			 margin-top: -30px;
			 margin-left: 45px;
	}
	
	.f-foto {
		max-width: 40px;
		padding-top: 25px;
		margin-bottom: 5px;
		height: 39px;
		background-image: url(https://i.resimyukle.xyz/e6BeK6.png);
	}
	
	.f-destekol:hover .f-foto{
		filter: invert(105%) sepia(89%) saturate(281%) hue-rotate(133deg) brightness(155%) contrast(82%);
		transition: all 1.5s;
	}
	
	.f-vice {
		font-family: 'Bebas Neue', cursive;
		 font-size: 28px;
		 margin-left: -6px;
		 margin-top: -25px;
		 float: left;
	}
	
	#myFooter ul li a{
	text-decoration: none;
	color: #ffffff;
    font-family: Sofia-SemiBold;
    font-size: 130%;
	text-align:center;
	}
	#myFooter ul li a:hover{
	color:#ffffffe0;
	transition:.5s;
	text-shadow: 1px 2px 3px #000000d1;
	}
	
	#myFooter ul{
	text-align:center;
	}
	
	#myFooter .row {
		margin-bottom: 0px;
	}
	
	#myFooter .navbar-brand {
		margin-top: 45px;
		height: 65px;
	}
	
	#myFooter .footer-copyright p {
		margin: 10px;
		color: #ccc;
	}
	
	#myFooter ul {
		list-style-type: none;
		padding-left: 0;
		line-height: 1.7;
	}
	
	#myFooter h5 {
		font-size: 18px;
		color: white;
		font-weight: bold;
		line-height:3;
	}
	
	#myFooter h2 a{
		font-size: 50px;
		text-align: center;
		color: #fff;
	}
	
	#myFooter a {
	    font-family: Sofia-SemiBold;
		color: #e7e7e7;
		text-decoration: none;
	}
	
	#myFooter a:hover,
	#myFooter a:focus {
		text-decoration: none;
		color: white;
	}
	
	#myFooter .social-networks {
		text-align: center;
		margin-top:120px;
		padding-bottom: 16px;
	
	}
	
	.sosyal:hover {
		filter: sepia() saturate(800%) hue-rotate(260deg);
		transition: all 1s;
	}
	
	
	#myFooter .social-networks a {
		font-size: 32px;
		color: #f9f9f9;
		padding: 3px;
		transition: 0.2s;
	}
	
	#myFooter .social-networks a:hover {
		text-decoration: none;
	}
	
	#myFooter .facebook:hover {
		color: #0077e2;
	}
	
	#myFooter .google:hover {
		color: #ef1a1a;
	}
	
	#myFooter .twitter:hover {
		color: #00aced;
	}
	
	#myFooter .btn {
		color: white;
		background-color: #d84b6b;
		border-radius: 20px;
		border: none;
		width: 150px;
		display: block;
		margin: 0 auto;
		margin-top: 10px;
		line-height: 25px;
	}
	
	@media screen and (max-width: 767px) {
		#myFooter {
			text-align: center;
			background-position:left;
		}
		.footeruye{
			float:none !important;
		}
		.footeruye2{
			float:none !important;
		}
	}
	
	.footeruye {
		display: inline-block;
        margin-bottom: 10px;
		margin-right:10px; 
		float:left;
	}
	.footeruye2 {
		display: inline-block;
        margin-bottom: 10px;
		margin-right:10px;  
		float:left;
	}
	.viceforumyapim2 {
		 text-align:center;
		 margin-bottom:10px;
	}
	.viceforumyapim {
		 margin-bottom:10px;
	}
	
	/* CSS used for positioning the footers at the bottom of the page. */
	/* You can remove this. */
	
	
	#myFooter{
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
	}
	
	/* Normal, standard links. */
	
	/* width */
	::-webkit-scrollbar {
	  width: 15px;
	}
	
	/* Track */
	::-webkit-scrollbar-track {
	  background: #f1f1f1; 
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #3c3b3b;
	}
	
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}
	
	a:link, a:visited
	{
		font-weight:normal;
		color: #666;
		text-decoration: none;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	a:hover
	{
		color: #2980b9;
		text-decoration: underline;
		cursor: pointer;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	
	/* Links that open in a new window. */
	a.new_win:link, a.new_win:visited
	{
		color: #195da1;
		text-decoration: none;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	a.new_win:hover
	{
		color: #2980b9;
		text-decoration: none;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	
	
	/* Tables should show empty cells. */
	table
	{
		empty-cells: show;
	}
	
	/* Set a fontsize that will look the same in all browsers. */
	body
	{
			
		background: url('/images/bg.png') fixed;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		font-family: "Nunito Sans" !important;
		font-size:13px;	
		margin: 0;
			color: #39414b;
		padding: 0;
	
	}
	
	/* Help popups require a different styling of the body element. */
	body#help_popup
	{
		padding: 1em;
	}
	
	/* use dark grey for the text, leaving #000 for headers etc */
	body, td, th, tr
	{
		/* color: #39414b; */
	}
	
	/* This division wraps the entire forum when a forum width is set. */
	div#wrapper
	{
		margin: 0 auto;
		max-width: 1366px;
		width: 90%;
		margin-bottom:30px;
	}
	
	
	/* lets give all forms zero padding/margins */
	form
	{
		padding: 0;
		margin: 0;
	}
	
	/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
		.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
		.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
		.input_check	- covers input[type=checkbox] throughout all browsers
		.input_radio	- covers input[type=radio] throughout all browsers
		.input_text	 - covers input[type=text] throughout all browsers
		.input_file	 - covers input[type=file] throughout all browsers
	*/
	
	input, button, select, textarea
	{
		font: 95%/115% 'Open Sans', sans-serif;
		color: #a49c9c;
		background: #fff;
		border: 1px solid #d6d6d6;
		padding: 5px 7px;
	}
	
	/* Select elements look horrible with the extra padding, so leave them unpadded. */
	select
	{
		padding: 0;
	}
	
	/* Add some padding to the options instead. */
	select option
	{
		padding: 1px;
	}
	
	/* The font size of textareas should be just a little bit larger. */
	textarea
	{
		font: 100%/130% 'Roboto', sans-serif;
	}
	
	/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
	.button_submit, .button_reset
	{
		background: #195da1;
		border: none;
		cursor: pointer;
		font-weight: normal;
		padding: 8px 16px;
		color: #fff;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	input:hover, textarea:hover, button:hover, select:hover
	{
		border: 1px solid #BBBBBB;
	}
	.button_submit:hover, .button_reset:hover
	{
		border: none;
		background: #2980b9;
		color: #ddd;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	input:focus, textarea:focus, button:focus, select:focus
	{
		border: 1px solid #BBBBBB;
	}
	
	/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
	input.input_check, input.input_radio
	{
		border: none;
		background: none;
	}
	h3.catbg input.input_check
	{
		margin: 9px 7px 0 7px;
	}
	
	/* Give disabled text input elements a different background color. */
	input[disabled].input_text
	{
		background-color: #eee;
	}
	
	/* Standard horizontal rule.. ([hr], etc.) */
	hr, .hrcolor
	{
		height: 1px;
		border: 0;
		color: #ddd;
		background-color: #ddd;
	}
	
	/* By default set the color on these tags as #000. */
	h1, h2, h3, h4, h5, h6
	{
		color: #000;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}
	
	/* Fieldsets are used to group elements. */
	fieldset
	{
		border: 1px solid #ddd;
		padding: 1em;
		margin: 0 0 0.5em 0;
	}
	fieldset legend
	{
		font-weight: bold;
		color: #444;
	}
	/* No image should have a border when linked. */
	a img
	{
		border: 0;
	}
	
	/* Define strong as bold, and em as italics */
	strong
	{
		font-weight: bold;
	}
	
	em
	{
		font-style: italic;
	}
	/* Alternative for u tag */
	.underline
	{
		text-decoration: underline;
	}
	
	/* Common classes to easy styling.
	------------------------------------------------------- */
	
	.floatright
	{
		float: right;
	}
	.floatleft
	{
		float: left;
	}
	
	.flow_auto
	{
		overflow: auto;
	}
	.flow_hidden
	{
		overflow: hidden;
	}
	.flow_hidden .windowbg, .flow_hidden .windowbg2
	{
		margin-top: 2px;
		background:#fff;	
		font-size:12px;
		
	}
	.clear
	{
		clear: both;
	}
	.clear_left
	{
		clear: left;
	}
	.clear_right
	{
		clear: right;
	}
	
	/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
	.smalltext, tr.smalltext th
	{
		font-size: 0.85em;
		font-family: 'Nunito Sans', sans-serif;
	}
	.middletext
	{
		font-size: 0.9em;
		line-height: 1em;
		font-family: 'Nunito Sans', sans-serif;
	}
	.normaltext
	{
		font-size: 1em;
		line-height: 1.2em;
	}
	.largetext
	{
		font-size: 1.4em;
	}
	.centertext
	{
		margin: 0 auto;
		text-align: center;
	}
	.righttext
	{
		margin-left: auto;
		margin-right: 0;
		text-align: right;
	}
	.lefttext
	{
		margin-left: 0;
		margin-right: auto;
		text-align: left;
	}
	.double_height
	{
		line-height: 2em;
	}
	/* some common padding styles */
	.padding
	{
		padding: 0.7em;
	}
	.main_section, .lower_padding
	{
		padding-bottom: 0.5em;
	}
	/* a quick reset list class. */
	ul.reset, ul.reset li
	{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	/* Some BBC related styles.
	------------------------------------------------------- */
	
	/* A quote, perhaps from another post. */
	blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
	{
		font-size: 11px;
		color: #444;
		line-height: 1.4em;
		background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
		
		background-color: #f2f4f8;
		border: 1px solid #ddd;
		padding: 1.1em 1.4em;
		margin: 0.1em 0 0.3em 0;
		overflow: auto;
	}
	
	/* Alterate blockquote stylings */
	blockquote.bbc_standard_quote
	{
		
	}
	blockquote.bbc_alternate_quote
	{
		
	}
	
	/* A code block - maybe PHP ;). */
	code.bbc_code
	{
		display: block;
		font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
		font-size: 11px;
		background: #fff;
		border: 2px solid #ddd;
		line-height: 1.5em;
		padding: 3px 1em;
		overflow: auto;
		white-space: nowrap;
		/* Show a scrollbar after about 24 lines. */
		max-height: 24em;
	}
	
	/* The "Quote:" and "Code:" header parts... */
	.codeheader, .quoteheader
	{
		font-weight:bold;
		font-size: 12px;
		padding: 5px 10px;
		
	}
	.codeheader a, .quoteheader a
	{
		color: #222;
	}
	
	/* For links to change the code stuff... */
	.codeoperation
	{
		font-weight: normal;
	}
	
	/* Styling for BBC tags */
	.bbc_link:link, .bbc_link:visited
	{
		/* border-bottom: 1px solid #A8B6CF; */
	}
	.bbc_link:hover
	{
		text-decoration: none;
		border-bottom: 1px solid #346;
	}
	.bbc_size
	{
		line-height: 1.4em;
	}
	.bbc_color a
	{
		color: inherit;
	}
	.bbc_img
	{
		border: 0;
	}
	.bbc_table
	{
		font: inherit;
		color: inherit;
	}
	.bbc_table td
	{
		font: inherit;
		color: inherit;
		vertical-align: top;
	}
	.bbc_u
	{
		text-decoration: underline;
	}
	.bbc_list
	{
		text-align: left;
	}
	.bbc_tt
	{
		font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
	}
	
	/* Generally, those [?] icons.  This makes your cursor a help icon. */
	.help
	{
		cursor: help;
	}
	
	/* /me uses this a lot. (emote, try typing /me in a post.) */
	.meaction
	{
		color: red;
	}
	
	/* Highlighted text - such as search results. */
	.highlight
	{
		font-weight: bold;
		color: #ff7200 !important;
		font-size: 1.1em;
	}
	
	/* A more discreet highlight color, for selected membergroups etc. */
	.highlight2
	{
		background-color: #ddd;
		color: #000 !important;
	}
	
	/* Generic, mostly color-related, classes.
	------------------------------------------------------- */
	
	.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
	{
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 10px;
		font-weight: 500;
		background: linear-gradient(270deg, rgb(146 41 179) 0%, rgb(73 124 175) 48%, rgb(25 93 161) 100%);
	}
	.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
	{
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 1.1em;
		font-weight: 500;
		background: linear-gradient(270deg, rgb(146 41 179) 0%, rgb(73 124 175) 48%, rgb(25 93 161) 100%);
	}
	
	/* adjust the table versions of headers */
	tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
	{
		padding: 0 6px;
	}
	tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
	{
		color: #222;
	}
	tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
	{
		color: #fff;
	}
	.catbg select
	{
		height: 1.5em;
		font-size: 0.85em;
	}
	
	/* Alternating backgrounds for posts, and several other sections of the forum. */
	.windowbg, #preview_body
	{
		background-color: transparent;
	}
	.windowbg2
	{
		background:#fff;
		border: 1px solid #ddd;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.windowbg3
	{
		background:#fff;
		border: 1px solid #ddd;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	
	/* the page navigation area */
	.pagesection
	{
		font-size: 0.9em;
		padding: 0.2em;
		overflow: hidden;
		margin-bottom: 1px;
	}
	div.pagesection div.floatright input
	{
		margin-top: 3px;
	}
	.navPages {
	
		display: inline-block;
		text-align: center;

		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.navPages:hover {
	
	
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.pagelinks strong,
	.pagesection strong,
	.mlist_above strong,
	#mlist_below strong,
	.smalllinks strong {
		color: #195da1;
	
		text-align: center;
		display: inline-block;
		font-size: 12px;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.pagelinks i {
		line-height: 18px;
		text-align: center;
	}
	.pagelinks strong:hover,
	.pagesection strong:hover,
	.mlist_above strong:hover,
	#mlist_below strong:hover,
	.smalllinks strong:hover {
	
		color: #fff;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.pagelinks
	{
		padding: 0.6em 0 0.4em 0;
	}
	
	/* Colors for background of posts requiring approval */
	.approvebg
	{
		background-color: #eee;
		border: 1px solid #ddd;
	}
	.approvebg2
	{
		background-color: #eee;
		border: 1px solid #ddd;
	}
	
	/* Color for background of *topics* requiring approval */
	.approvetbg
	{
		background-color: #eee;
		border: 1px solid #ddd;
	}
	.approvetbg2
	{
		background-color: #eee;
		border: 1px solid #ddd;
	}
	
	/* Sticky topics get a different background */
	.stickybg
	{
		background: #e8d8cf;
	}
	.stickybg2
	{
		background: #e8d8cf;
	}
	
	/* Locked posts get a different shade, too! */
	.lockedbg
	{
		background: #e7e7e7;
		font-style: italic;
	}
	.lockedbg2
	{
		background: #e7e7e7;
		font-style: italic;
	}
	
	/* Posts and personal messages displayed throughout the forum. */
	.post, .personalmessage
	{
		overflow: auto;

	font-family: "Tahoma",sans-serif !important;
    font-size: 13px !important;
    line-height: 18px !important;
	}
	
	/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
	.signature, .attachments
	{
		width: 98%;
		overflow: auto;
		clear: right;
		padding: 1em 0 3px 0;
		border-top: 1px solid #aaa;
		line-height: 1.4em;
		font-size: 0.85em;
	}
	.custom_fields_above_signature
	{
		width: 98%;
		clear: right;
		padding: 1em 0 3px 0;
		border-top: 1px solid #aaa;
		line-height: 1.4em;
		font-size: 0.85em;
	}
	
	/* Sometimes there will be an error when you post */
	.error
	{
		color: red;
	}
	
	/* Messages that somehow need to attract the attention. */
	.alert
	{
		color: red;
	}
	
	/* Calendar colors for birthdays, events and holidays */
	.birthday
	{
		color: #920ac4;
	}
	
	.event
	{
		color: #078907;
	}
	
	.holiday
	{
		color: #000080;
	}
	
	/* Colors for warnings */
	.warn_mute
	{
		color: red;
	}
	
	.warn_moderate
	{
		color: #ffa500;
	}
	
	.warn_watch, .success
	{
		color: green;
	}
	
	a.moderation_link, a.moderation_link:visited
	{
		color: red;
		font-weight: bold;
	}
	
	.openid_login
	{
		background: white url(../images/openid.gif) no-repeat;
		padding-left: 18px;
	}
	
	/* a descriptive style */
	.description, .description_board, .plainbox
	{
		padding: 0.5em 1em;
		font-size: 0.9em;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background: #fff;
		margin: 0.2em 1px 1em 1px;
	}
	.description_board
	{
		margin: 1em 1px 0 1px;
	}
	
	/* an informative style */
	.information
	{
		padding: 0.5em 1em;
		font-size: 0.9em;
		line-height: 1.3em;
		border: 1px solid #ddd;
		background: #fff;
		margin: 0.2em 1px 1em 1px;
	}
	.information p
	{
		padding: 1em;
		margin: 0;
	}
	p.para2
	{
		padding: 1em 0 3.5em 0;
		margin: 0;
	}
	/* AJAX notification bar
	------------------------------------------------------- */
	#ajax_in_progress
	{
		background: url(../images/theme/loadingbar.png) repeat-x;
		color: #f96f00;
		text-align: center;
		font-size: 16pt;
		padding: 8px;
		width: 100%;
		height: 66px;
		line-height: 25px;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	#ajax_in_progress a
	{
		color: orange;
		text-decoration: underline;
		font-size: smaller;
		float: right;
		margin-right: 20px;
	}
	
	/* Lists with settings use these a lot.
	------------------------------------------------------- */
	dl.settings
	{
		clear: right;
		overflow: auto;
		margin: 0 0 10px 0;
		padding: 0;
	}
	dl.settings dt
	{
		width: 40%;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
		clear: both;
	}
	dl.settings dt.settings_title
	{
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
		padding: 5px 0 0 0;
		font-weight: bold;
		clear: both;
	}
	dl.settings dt.windowbg
	{
		width: 98%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0 0 5px 0;
		clear: both;
	}
	dl.settings dd
	{
		width: 56%;
		float: right;
		overflow: auto;
		margin: 0 0 3px 0;
		padding: 0;
	}
	dl.settings img
	{
		margin: 0 10px 0 0;
	}
	/* help icons */
	dl.settings dt a img
	{
		position: relative;
		top: 2px;
	}
	
	/* Styles for rounded headers.
	------------------------------------------------------- */
	h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
	{
		overflow: hidden;
		height: 38px;
		line-height: 32px;
		font-size: 12px;
		font-weight: 500;
	}
	h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
	{
		color: #fff;
	}
	h3.catbg2 a, h3.catbg2
	{
		color: #fff;
	}
	h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
	{
		color: #195da1;
		text-decoration: none;
	}
	h3.catbg2 a:hover
	{
		color: #195da1;
		text-decoration: none;
	}
	h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
	{
		color: #fff;
	}
	h3.titlebg a:hover, h4.titlebg a:hover
	{
		color: #195da1;
		text-decoration: none;
	}
	h3.catbg img.icon, h4.titlebg img.icon
	{
		vertical-align: middle;
		margin: -2px 5px 0 0;
	}
	h4.catbg a.toggle img
	{
		vertical-align: middle;
		margin: -2px 5px 0 5px;
	}
	h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
	{
		 background: linear-gradient(60deg, #42423c 0%, #23286a 100%);
	    padding-right: 9px;
	}
	h4.titlebg, h3.titlebg
	{
		background: #444;
		padding-right: 9px;
	}
	h4.titlebg img.icon
	{
		float: left;
		margin: 9px 8px 0 0;
	}
	div.cat_bar
	{
		 background: linear-gradient(60deg, #42423c 0%, #23286a 100%);
		/* border-top-left-radius: 10px; */
        padding: 10px;
        /* border-top-right-radius: 10px; */
		padding-left: 9px;
		height: 50px;
		overflow: hidden;
	}
	div.title_bar
	{
		background: #444;
		border-bottom: 3px solid #195da1;
		padding-left: 9px;
		height: 38px;
		overflow: hidden;
	}
	
	/* rounded bars needs a different background here */
	
	div.roundframe div.cat_bar
	{
		background: #444;
		margin-bottom: 0;
	}
	div.roundframe div.cat_bar h3.catbg
	{
	  background: linear-gradient(60deg, #42423c 0%, #23286a 100%);
	}
	div.title_barIC
	{
		background: #444;
		border-bottom: 3px solid #195da1;
		padding-left: 9px;
		height: 38px;
		overflow: hidden;
	}
	div.title_barIC h4.titlebg
	{
		background: #444;
	}
	#upshrinkHeaderIC p.pminfo
	{
		margin: 0;
		padding: 0.5em;
	}
	img#upshrink_ic, img#newsupshrink
	{
		float: right;
		margin: 10px 5px 0 0;
	}
	table.table_list a.unreadlink, table.table_list a.collapse
	{
		float: right;
	}
	table.table_list a.collapse
	{
		margin: 10px 5px 0 1em;
		height: 38px;
		line-height: 38px;
	}
	
	/* The half-round header bars for some tables. */
	.table_grid tr.catbg, .table_grid tr.titlebg
	{
		font-size: 0.95em;
		border-bottom: 1px solid #ddd;
	}
	.table_grid tr.catbg th, .table_grid tr.titlebg th
	{
		height: 28px;
		line-height: 28px;
	}
	tr.catbg th.first_th
	{
		background: #444;
	}
	tr.catbg th.last_th
	{
		background: #444;
	}
	tr.titlebg th.first_th
	{
		background: #444;
	}
	tr.titlebg th.last_th
	{
		background: #444;
	}
	.table_grid th.last_th input
	{
		margin: 0 2px;
	}
	.table_grid th.lefttext
	{
		padding: 0 0.7em;
	}
	
	/* a general table class */
	table.table_grid
	{
		border-collapse: collapse;
		margin-top: 0;
		font-family: 'Nunito Sans';
	}
	table.table_grid td
	{
		padding: 14px;
			border: 1px solid #f3f3f3;
	
	}
	
	/* GenericList */
	.additional_row
	{
		padding: 0.5em 0 0.5em 0;
	}
	table.table_grid thead tr.catbg th
	{
		white-space: nowrap;
		padding:10px;
	}
	
	/* table_grid styles for Profile > Show Permissions. */
	#permissions table.table_grid  td
	{
		padding: 0.4em 0.8em;
		cursor: default;
	} 
	
	/* Common styles used to add corners to divisions.
	------------------------------------------------------- */
	.windowbg span.topslice
	{
		display: block;
		padding-left: 20px;
		background: url(../images/theme/main_block.png) 0 -30px no-repeat;
	}
	.windowbg span.topslice span
	{
		display: block;
		background: url(../images/theme/main_block.png) 100% -30px no-repeat;
		height: 11px;
	}
	.windowbg span.botslice
	{
		display: block;
		padding-left: 20px;
		background: url(../images/theme/main_block.png) 0 -40px no-repeat;
		font-size: 5px;
		line-height: 5px;
		margin-bottom: 0.2em;
	}
	.windowbg span.botslice span
	{
		display: block;
		background: url(../images/theme/main_block.png) 100% -40px no-repeat;
		height: 11px;
	}
	
	.windowbg2 span.topslice
	{
		display: block;
		padding-left: 20px;
		background: url(../images/theme/main_block.png) 0 -60px no-repeat;
	}
	.windowbg2 span.topslice span
	{
		display: block;
		background: url(../images/theme/main_block.png) 100% -60px no-repeat;
		height: 11px;
	}
	.windowbg2 span.botslice
	{
		display: block;
		padding-left: 20px;
		background: url(../images/theme/main_block.png) 0 -71px no-repeat;
		font-size: 5px;
		line-height: 5px;
		margin-bottom: 0.2em;
	}
	.windowbg2 span.botslice span
	{
		display: block;
		background: url(../images/theme/main_block.png) 100% -71px no-repeat;
		height: 11px;
	}
	.approvebg span.topslice
	{
		display: block;
		padding-left: 20px;
		background: url(../images/theme/main_block.png) 0 0 no-repeat;
	}
	.approvebg span.topslice span
	{
		display: block;
		background: url(../images/theme/main_block.png) 100% 0 no-repeat;
		height: 11px;
	}
	.approvebg span.botslice
	{
		display: block;
		padding-left: 20px;
		background: url(../images/theme/main_block.png) 0 -11px no-repeat;
		margin-bottom: 0.2em;
	}
	.approvebg span.botslice span
	{
		display: block;
		background: url(../images/theme/main_block.png) 100% -11px no-repeat;
		height: 11px;
	}
	.postbg
	{
		border-left: 1px solid #7f7f7f;
		border-right: 1px solid #7f7f7f;
	}
	
	/* Used for sections that need somewhat larger corners.
	----------------------------------------------------------- */
	.roundframe
	{
		padding: 10px;
		background: #fff;
		border: 1px solid #ddd;
	}
	.roundframe dl, .roundframe dt, .roundframe p
	{
		margin: 0;
	}
	.roundframe p
	{
		padding: 0.5em;
	}
	span.upperframe
	{
		padding: 0;
		display: block;
		background: url(../images/theme/main_block.png) 0 -90px no-repeat;
		padding-left: 20px;
	}
	span.upperframe span
	{
		padding: 0;
		height: 12px;
		display: block;
		background: url(../images/theme/main_block.png) 100% -90px no-repeat;
	}
	span.lowerframe
	{
		padding: 0;
		display: block;
		background: url(../images/theme/main_block.png) 0 -102px no-repeat;
		padding-left: 20px;
	}
	span.lowerframe span
	{
		padding: 0;
		height: 12px;
		display: block;
		background: url(../images/theme/main_block.png) 100% -102px no-repeat;
	}
	
	/* The main content area.
	------------------------------------------------------- */
	.content
	{
		padding: 0.5em 1.2em;
		padding-bottom: 1.4em;
		margin: 0;
		background-color:white;
		border: none;
	
	}
	.content p
	{
		margin: 0 0 0.5em 0;
	}
	
	/* Styles used by the auto suggest control.
	------------------------------------------------------- */
	.auto_suggest_div
	{
		border: 1px solid #000;
		position: absolute;
		visibility: hidden;
	}
	.auto_suggest_item
	{
		background-color: #ddd;
	}
	.auto_suggest_item_hover
	{
		background-color: #888;
		cursor: pointer;
		color: #eee;
	}
	
	/* Styles for the standard dropdown menus.
	------------------------------------------------------- */
	#main_menu { 
		padding: 0 0.5em; 
		float: left; 
		margin: 0; 
		width: 98%;
	}
	.dropmenu, .dropmenu ul { 
		list-style: none; 
		line-height: 1em; 
		padding: 0; 
		margin: 0;
	}
	.dropmenu li { 
		float: left; 
		padding: 0 0 2px; 
		margin: 0 2px 0 0; 
		position: relative;
	}
	.dropmenu li a { 
		display: block; 
		padding: 0 8px; 
		color: #444;
		white-space: pre; 
		font-size: 13px;
	}
	.dropmenu > li > a {
		background: #195da1;
		border: 1px solid #2222;
		color: white;
		padding:10px 15px;
		transition: all 0.8s ease 0s;
	}
	.dropmenu > li > a.active { 
		background: #195da1;
		color: #fff;
	}
	.dropmenu li:hover > a { 
		background: #195da1;
		color: #fff;
		cursor: pointer; 
		text-decoration: none;
	}
	.dropmenu li ul {
		z-index: 10000;
		position: absolute;
		width: 260px;
		left: -999em;
		border: 1px solid #ddd;
		background: #fff;
		padding: 10px 0;
		margin-top: -10px;
	}
	.dropmenu li li { 
		width: 260px; 
		margin: 0;
	}
	.dropmenu li li a { 
		padding: 0 15px; 
		line-height: 30px;
	}
	.dropmenu li li a:hover { 
		color: #fff;
		transition: all 0.8s ease 0s;
	}
	.dropmenu li:hover ul { 
		left: 0; 
		top: 36px;
	}
	.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul {
		top: -999em; 
		left: auto;
	}
	.dropmenu li li:hover ul, .dropmenu li li li:hover ul, .dropmenu li li li li:hover ul { 
		left: 245px; 
		top: 0;
	}
	ul.new-dropdown {
		border-radius: 0;
	}
	ul.new-dropdown > li > a:hover, ul.new-dropdown > li > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #195da1;
	}
	
	/* The dropdown menu toggle image */
	#menu_toggle
	{
		float: right;
		margin-right: 10px;
		padding-top: 3px;
	}
	#menu_toggle span
	{
		position: relative;
		right: 5000px;
	}
	
	/* Styles for the standard button lists.
	------------------------------------------------------- */
	.buttonlist ul
	{
		z-index: 100;
		padding: 5px;
		margin: 0 0.2em 5px 0;
	}
	.buttonlist ul li
	{
		margin-bottom: 5px;
		padding: 0;
		list-style: none;
		float: left;
	}
	.buttonlist ul li a
	{
		display: block;
		font-size: 11px;
		background: #fff;
		border: 1px solid #ddd;
		margin-right: 3px;
		padding: 10px 15px;
		text-transform: uppercase;
		cursor: pointer;
	}
	.buttonlist ul li a:hover
	{
		background: #195da1;
		color: #fff;
		text-decoration: none;
	}
	
	/* the active one */
	.buttonlist ul li a.active
	{
		background: #195da1;
		color: #fff;
		font-weight: bold;
	}
	.buttonlist ul li a.active
	{
		font-weight: bold;
	}
	.buttonlist ul li a.active:hover
	{
		background: #2980b9;
		color: #ddd;
	}
	.buttonlist .dugmicizaodgovore-message  li + li
	{
		margin-left: 0;
	}
	ul.dugmicizaodgovore-message {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 20px;
	}
	ul.dugmicizaodgovore-message li {
		float: left;
	}
	ul.dugmicizaodgovore-message i {
		display: none;
	}
	.align_top ul li a, .align_bottom ul li a
	{
		margin: 0 12px 0 0;
	}
	
	/* the navigation list */
	ul#navigation
	{
		margin: 0;
		font-size: 0.9em;
		padding: 1em 0.4em;
	}
	ul#navigation li
	{
		float: none;
		font-size: 0.95em;
		display: inline;
	}
	
	#adm_submenus
	{
		padding-left: 2em;
		overflow: hidden;
	}
	
	/* Styles for the general looks for the Curve theme.
	------------------------------------------------------- */
	#content_section
	{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	
		padding: 20px 20px 40px 20px;
	}
	#main_content_section
	{
		width: 100%;
		min-height: 200px;
	}
	
	/* the main title, always stay at 45 pixels in height! */
	h1.forumtitle
	{
		line-height: 45px;
		font-size: 1.8em;
		font-family: Geneva, verdana, sans-serif;
		margin: 0;
		padding: 0;
		float: left;
	}
	/* float these items to the right */
	#siteslogan, img#smflogo
	{
		margin: 0;
		padding: 0;
		float: right;
		line-height: 3em;
	}
	h3, h4
	{
		padding-bottom: 3px;
	}
	/* the upshrink image needs some tweaking */
	img#upshrink
	{
		float: right;
		margin: 1em;
	}
	/* ..so does the SMF logo */
	img#smflogo
	{
		margin-left: 1em;
	}
	/* the upper_section, float the two each way */
	#upper_section
	{
		padding: 5px;
		margin-bottom: 1.5em;
	}
	#upper_section ul li.greeting
	{
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.5em;
	}
	#upper_section div.news
	{
		width: 50%;
		float: right;
		text-align: right;
	}
	#guest_form
	{
		overflow: hidden;
	}
	#guest_form .info
	{
		padding: 4px 0 ;
		line-height: 1.3em;
	}
	div#upper_section div.user
	{
		width: 50%;
		float: left;
		overflow: auto;
	}
	div#upper_section div.user p
	{
		float: left;
		margin: 0 1em 1em 0;
		padding: 0;
	}
	div#upper_section div.user ul
	{
		margin: 0;
		padding-left: 10px;
	}
	div#upper_section div.user ul li
	{
		margin-bottom: 2px;
	}
	div#upper_section div.news p
	{
		display: inline;
	}
	div#upper_section div.news form
	{
		padding-bottom: 10px;
	}
	/* clearing the floats */
	#top_section
	{
		min-height: 65px;
		overflow: hidden;
		margin-bottom: 3px;
	}
	#upper_section
	{
		overflow: hidden;
	}
	
	/* The navigation list (i.e. linktree) */
	li.nav_icon i {
		background: #3c3b3b;
		height: 30px;
		width: 30px;
		line-height: 30px;
		color: #FFFFFF;
		text-align: center;
		float: left;
		font-size: 16px;
		margin-right: 5px;
	}
	.navigate_section
	{
		padding: 0;
		margin: 0 0 15px 0;
	}
	.navigate_section ul
	{
		display: block;
		margin: 0;
		font-size: 0.9em;
		padding: 0 0 10px 0;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border-radius:5px;
		overflow: hidden;
		list-style: none;
		clear: both;
		width: 100%;
	}
	
	.navigate_section2 ul
	{
		display: block;
		margin: 0;
		font-size: 0.9em;
		padding: 0 0 10px 0;
		height: 30px;
		line-height: 30px;
		background:#fff;
		border-radius:5px;
		overflow: hidden;
		list-style: none;
		clear: both;
		width: 100%;
	}
	
	
	.navigate_section ul li
	{
		float: left;
		padding: 0 0.5em 0 0;
		font-size: 0.95em;
	}
	.navigate_section ul li a
	{
		white-space: pre;
	}
	
	/* The footer wih copyright links etc. */
	#footer_section
	{
		text-align: center;
		background: #060a0c;
		padding: 30px;
		width: 100%;
		color: #fff;
		position: relative;
		float: left;
	}
	.footer_center {
		padding-top: 65px;
	}
	.footer_center i {
		color: #EF4836;
		font-size: 14px;
	  -webkit-animation-name: pulse2;
			  animation-name: pulse2;
	  -webkit-animation-duration: 1s;
			  animation-duration: 1s;
	  -webkit-animation-iteration-count: infinite;
			  animation-iteration-count: infinite;
	  -webkit-animation-timing-function: linear;
			  animation-timing-function: linear;
	}
	@-webkit-keyframes pulse2 {
	  0% {
		-webkit-transform: scale(1.1);
				transform: scale(1.1); }
	  50% {
		-webkit-transform: scale(0.8);
				transform: scale(0.8); }
	  100% {
		-webkit-transform: scale(1);
				transform: scale(1); } }
	
	@keyframes pulse2 {
	  0% {
		-webkit-transform: scale(1.1);
				transform: scale(1.1); }
	  50% {
		-webkit-transform: scale(0.8);
				transform: scale(0.8); }
	  100% {
		-webkit-transform: scale(1);
				transform: scale(1); } }
	.footer_left {
		width: 40%;
		vertical-align: top;
		display: inline-block;
	}
	.footer_left p {
		width: 50%;
		text-align: left;
		margin: 0;
		padding: 0 0 10px 0;
		font-size: 16px;
		border-bottom: 1px solid #3D3D3D;
	}
	.footer_left ul {
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: left;
	}
	.footer_left ul li {
		display: block;
		line-height: 27px;
		text-transform: uppercase;
	}
	a.scroll-to-top {
		position: absolute;
		left: 0;
		right: 0;
		top: -25px;
		margin-left: auto;
		margin-right: auto;
		height: 100px;
		width: 100px;
		background:  ;
		border: 10px solid #060a0c;
		color: #222220 ;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
	a.scroll-to-top:hover {
		background: #404040;
		color: #ddd;
	}
	a.scroll-to-top i {
		font-size: 68px;
		line-height: 70px;
	}
	select.qaction, input.qaction
	{
		font-size: 0.85em;
		padding: 0;
		color:#333;
	}
	#mlist table tbody td.windowbg2
	{
		text-align: center;
	}
	
	/* Styles for a typical table.
	------------------------------------------------------- */
	table.table_list
	{
		width: 100%;
	}
	table.table_list p
	{
		padding: 3px 0px 2px 0px;
		margin: 0;
		color: #39414b;
		/* font-family: 'Montserrat', sans-serif; */
	
		font-size:12px;
	}
	table.table_list td, table.table_list th
	{
		 padding:12px; 
		 border-bottom:1px solid #e2e2e2;
	}
	table.table_list tbody.header td
	{
		padding: 0;
	}
	table.table_list tbody.content td.stats
	{
		font-size: 90%;
		width: 8%;
		text-align: center;
	}
	table.table_list tbody.content td.lastpost
	{

		line-height: 1.3em;
		font-size:12px;
		width: 21%;
		text-align: left;
				
	}
	table.table_list tbody.content td.icon
	{
		text-align: center;
		width: 6%;
	}
	
	/* Styles for the board index.
	------------------------------------------------- */
	
	/* the board title! */
	.table_list tbody.content td.info a.subject
	{
		line-height:2;
		font-family: 'Nunito Sans', sans-serif;
		font-weight: bold;
		font-size: 85%;
		color: #212121; 
		
	}
	
	.table_list tbody.content td.info a.subject:hover {
		transition: 0s;
		text-decoration:underline;
	}
	
	.table_list tbody.content td.children
	{
		color: #555;
		font-size:10px;
		/*	border-bottom: 1px solid #00000014; */
	}
	
	p.moderators
	{
		font-size: 0.8em;
		font-family: 'Roboto', sans-serif;
	}
	/* hide the table header/footer parts - but its here for those needing to style it */
	#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
	{
		display: none;
	}
	
	/* the posting icons */
	#posting_icons
	{
		padding: 0 1em 0.5em 1em;
		margin: 0 0 1em 0;
		line-height: 1em;
	}
	#posting_icons ul
	{
		font-size: 0.8em;
	}
	#posting_icons img
	{
		vertical-align: middle;
		margin: 0 0 0 4ex;
	}
	#postbuttons_upper ul li a span
	{
		line-height: 19px;
		padding: 0 0 0 6px;
	}
	.nextlinks
	{
		text-align: right;
		margin-top: -1px;
	}
	.nextlinks_bottom
	{
		clear: right;
		text-align: right;
	}
	.mark_read
	{
		padding: 0 0.5em;
	}
	
	/* the newsfader */
	#newsfader
	{
		margin: 0 0 20px 0;
			 background: #131313;
	 background: -moz-linear-gradient(top, #131313 0%, #3b3b3b 100%);
	 background: -webkit-gradient(left top, left bottom, color-stop(0%, #131313), color-stop(100%, #3b3b3b));
	 background: -webkit-linear-gradient(top, #131313 0%, #3b3b3b 100%);
	 background: -o-linear-gradient(top, #131313 0%, #3b3b3b 100%);
	 background: -ms-linear-gradient(top, #131313 0%, #3b3b3b 100%);
	 background: linear-gradient(to bottom, #131313 0%, #3b3b3b 100%);
		color:#fff;
		border: 1px solid #c1d779
	}
	#newsfader a {color:#fff; text-decoration:none !important;}
	#smfFadeScroller
	{
		text-align: center;
		padding: 10px;
		overflow: auto;
		margin: 0;
		color: #444; /* shouldn't be shorthand style due to a JS bug in IE! */
	}
	
	/* Styles for the info center on the board index.
	---------------------------------------------------- */
	
	#upshrinkHeaderIC
	{
		margin-top: 4px;
	}
	dl#ic_recentposts
	{
		margin: 0 0 0.5em 0;
		padding: 0.5em;
		line-height: 1.3em;
	}
	dl#ic_recentposts dt
	{
		float: left;
	}
	dl#ic_recentposts dd
	{
		text-align: right;
	}
	#upshrinkHeaderIC p
	{
		margin: 0 0 0.5em 0;
		padding: 0.5em;
	}
	#upshrinkHeaderIC p.last
	{
		margin: 0;
		padding: 0.5em;
		border-top: 2px dotted #bbb;
	}
	#upshrinkHeaderIC p.inline
	{
		border: none;
		margin: 0;
		padding: 0.2em 0.5em 0.2em 0.5em;
		font-size: 12px;
	}
	#upshrinkHeaderIC p.stats
	{
		font-size: 1.1em;
		padding-top: 8px;
	}
	form#ic_login
	{
		padding: 0.5em;
		height: 2em;
	}
	form#ic_login ul li
	{
		margin: 0;
		padding: 0;
		float: left;
		width: 20%;
		text-align: center;
	}
	form#ic_login ul li label
	{
		display: block;
	}
	
	/* the small stats */
	#index_common_stats
	{
		display: block;
		margin: 0 0 0.5em 0;
		text-align: right;
		font-size: 0.9em;
		position: relative;
		top: -20px;
		line-height: 1px;
	}
	
	img.new_posts
	{
		padding: 0 0.1em;
	}
	/* Styles for the message (topic) index.
	---------------------------------------------------- */
	div.table_frame .table_list
	{
		border-collapse: collapse;
		margin: 2px 0;
	}
	.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
	{
		
	}
	#messageindex
	{
		clear: both;
	}
	/* the page navigation area */
	.childboards
	{
		margin-bottom: 0.2em;
	}
	#childboards h3
	{
		padding-bottom: 0;
	}
	#childboards .table_list thead
	{
		display: none;
	}
	#childboards .table_list
	{
		margin-bottom: 1em;
	}
	.lastpost img
	{
		float: right;
		padding: 4px;
	}
	
	/* Styles for the display template (topic view).
	---------------------------------------------------- */
	
	#postbuttons div.buttons
	{
		padding: 0.5em;
		width: 40%;
		float: right;
	}
	#postbuttons div.middletext
	{
		width: 60%;
	}
	#postbuttons span
	{
		display: block;
		text-align: right;
	}
	#postbuttons span.lower
	{
		clear: right;
	}
	#postbuttons .buttonlist
	{
		float: right;
	}
	#postbuttons #pagelinks
	{
		padding-top: 1em;
	}
	#moderationbuttons
	{
		overflow: hidden;
	}
	/* Events */
	.linked_events
	{
		padding: 1em 0;
	}
	.edit_event
	{
		margin: 0 1em;
		vertical-align: middle;
	}
	/* Poll question */
	#poll
	{
		overflow: hidden;
	}
	#poll .content
	{
		padding: 0 1em;
	}
	h4#pollquestion
	{
		padding: 0 0 0.5em 2em;
	}
	
	/* Poll vote options */
	#poll_options ul.options
	{
		border-top: 1px solid #ddd;
		padding: 1em 2.5em 0 2em;
		margin: 0 0 1em 0;
	}
	#poll_options div.submitbutton
	{
		border-bottom: 1px solid #ddd;
		clear: both;
		padding: 0 0 1em 2em;
		margin: 0 0 1em 0;
	}
	
	/* Poll results */
	#poll_options dl.options
	{
		border: solid #ddd;
		border-width: 1px 0;
		padding: 1em 2.5em 1em 2em;
		margin: 0 1em 1em 0;
		line-height: 1.1em !important;
	}
	
	#poll_options dl.options dt
	{
		padding: 0.3em 0;
		width: 30%;
		float: left;
		margin: 0;
		clear: left;
	}
	
	#poll_options dl.options .voted
	{
		font-weight: bold;
	}
	
	#poll_options dl.options dd
	{
		margin: 0 0 0 2em;
		padding: 0.1em 0 0 0;
		width: 60%;
		max-width: 450px;
		float: left;
	}
	
	#poll_options dl.options .percentage
	{
		display: block;
		float: right;
		padding: 0.2em 0 0.3em 0;
	}
	
	/* Poll notices */
	#poll_options p
	{
		margin: 0 1.5em 0.2em 1.5em;
		padding: 0 0.5em 0.5em 0.5em;
	}
	
	div#pollmoderation
	{
		margin: 0;
		padding: 0;
		overflow: auto;
	}
	
	/* onto the posts */
	#forumposts
	{
		clear: both;
	}
	/* author and topic information */
	#forumposts h3 span#author
	{
		margin: 0 7.7em 0 0;
	}
	#forumposts h3 img
	{
		float: left;
		margin: 7px 0.5em 0 0;
	}
	p#whoisviewing
	{
		border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
		margin: 0;
		padding: 0.7em;
		margin-bottom:10px;
		background: #fff;
		border: 1px solid #ddd;
		border-bottom: none;
	}
	/* poster and postarea + moderation area underneath */
	.post_wrapper
	{
		background:#fff;
		float:left;
		width:100%;
	}
	.post_wrapper .poster {
		margin-left: 0px !important;
	}
	.poster
	{
		float: left;
		width: 100%;
		height: 150px;
		margin-top: -11px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
		background: #f5f5f5;
	}
	.postarea, .moderatorbar
	{
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	.postarea div.flow_hidden
	{
		float: right;
		width: 84%;
		margin-top: 7px;
		display: inline-block;
	}
	.postarea2 div.flow_hidden
	{
		width: 100%
	}
	
	.moderatorbar
	{
		clear: right;
	}
	/* poster details and list of items */
	.poster-drop {
		float: right;
		margin-right: 12px;
		margin-bottom: 10px;
	}
	button.poster-btn {
		border: 1px solid #ddd;
		border-bottom: 3px solid #195da1;
		background: #fafafa;
		padding: 7px 14px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	button.poster-btn:active, button.poster-btn:focus, button.poster-btn:hover {
		border-bottom: 3px solid #ddd;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.poster ul
	{
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	.poster ul ul
	{
		margin: 0.3em 1em 0 0;
		padding: 0;
	}
	.poster ul ul li
	{
		display: inline;
	}
	.poster-ban {
		background: #e74c3c;
		color: #fff;
		height: 30px;
		line-height: 30px;
		text-transform: uppercase;
		font-size: 13px;
	}
	.poster_cover {
		width: 100%;
		height: 150px;
		overflow: hidden;
		display:none;
		position: relative;
	}
	.poster_cover img {
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 200px;
		-webkit-filter: grayscale(0) opacity(0.5);
		filter: grayscale(0) opacity(0.4);
	}
	.poster_cover_bg {
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
		height: 50px;
		width: 100%;
		position: relative;
	}
	.poster_name {
		position: relative;
	}
	.poster_name a {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		margin-top: -60px;
		font-size: 16px;
		color: #fff;
		/*text-shadow:
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;*/
	}
	.poster_name2 {
		position: relative;
	}
	.poster_name2 a {
		margin-top:10px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		font-size: 16px;
		color: #fff;
	
	}
	li.poster_name a:hover {
		color: #195da1;
	}
	.poster_group {
		position: relative;
		z-index: 99;
	}
	.poster_group span {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		margin-top: -58px;
		font-size: 13px;
		color: #fff;
		text-shadow:
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
	}
	.poster .avatar
	{
		position: relative;
	}
	.poster .vicepostavatar img
	{
		/*position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;*/
		height: 150px;
		width: 150px;
		border: 1px solid #444;
		background: #f5f5f5;
		background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4));
		background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%);
		background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%);
		background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%);
		background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%);
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
		/*-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;*/
	}
	.poster li.warning
	{
		line-height: 1.2em;
		padding-top: 1em;
	}
	.poster li.warning a img
	{
		vertical-align: bottom;
		padding: 0 0.2em;
	}
	.messageicon
	{
		float: left;
		margin: 0 0.5em 0 0;
	}
	.messageicon img
	{
		padding: 6px 3px;
	}
	.keyinfo
	{
		float: left;
		width: 50%;
		padding-left: 10px;
	}
	.modifybutton
	{
		clear: right;
		float: right;
		margin: 6px 20px 10px 0;
		text-align: right;
		font: bold 0.85em 'Roboto', sans-serif;
		color: #334466;	
	}
	
	/* The quick buttons */
	div.quickbuttons_wrap
	{
		padding: 0.2em 0;
		width: 100%;
		float: left;
	}
	
	ul.quickbuttons
	{
		margin: 0.9em 11px 0 0;
		clear: right;
		float: right;
		text-align: right;
		font: bold 0.85em 'Roboto', sans-serif;
	}
	ul.quickbuttons li
	{
		float: left;
		display: inline;
		margin: 0 0 0 11px;
	}
	ul.quickbuttons li a
	{
		padding: 0 0 0 20px;
		display: block;
		height: 20px;
		line-height: 18px;
		float: left;
	}
	ul.quickbuttons a:hover
	{
		color: #a70;
	}
	ul.quickbuttons li.quote_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
	}
	ul.quickbuttons li.remove_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
	}
	ul.quickbuttons li.modify_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
	}
	ul.quickbuttons li.approve_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
	}
	ul.quickbuttons li.restore_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
	}
	ul.quickbuttons li.split_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
	}
	ul.quickbuttons li.reply_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
	}
	ul.quickbuttons li.reply_all_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
	}
	ul.quickbuttons li.notify_button
	{
		background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
	}
	ul.quickbuttons li.inline_mod_check
	{
		margin: 0 0 0 5px;
	}
	
	.post
	{
		margin-top: 0.5em;
	
		clear: right;
	}
	.inner
	{
		padding: 1em 10px;
		margin: 0 1em 0 0;
			font-weight:normal;
		border-top: 1px solid #ddd;
	}
	img.smiley
	{
		vertical-align: bottom;
		width:20px;
	}
	#forumposts .modified
	{
		float: left;
		margin-left: 10px;
	}
	#forumposts .reportlinks
	{
		margin-right: 1.5em;
		text-align: right;
		clear: right;
	}
	#forumposts .modified span {
		font-size: 11px;
		padding: 3px 7px 3px 7px;
	}
	#forumposts .reportlinks {
		margin-right: 1.5em;
		text-align: right;
		clear: right;
	}
	#forumposts .reportlinks span a {
		background: #fff;
		border: 1px solid #ddd;
		padding: 3px 7px 3px 7px;
	}
	#forumposts .reportlinks span a:hover {
		background: #195da1;
		color: #fff;
	}
	#forumposts .signature, .post .signature
	{
		margin: 1em 0 0 0;
	}
	#forumposts span.botslice
	{
		background:#fff;
		clear: both;
	}
	.attachments hr
	{
		clear: both;
		margin: 1em 0 1em 0;
	}
	.attachments
	{
		padding: 1em 0 2em 0;
	}
	.attachments div
	{
		padding: 0 0.5em;
	}
	
	/* Styles for the quick reply area.
	---------------------------------------------------- */
	
	#quickreplybox
	{
		padding-bottom: 1px;
	}
	#quickReplyOptions .roundframe
	{
		padding: 0 10%;
	}
	#quickReplyOptions form textarea
	{
		height: 100px;
		width: 635px;
		max-width: 100%;
		min-width: 100%;
		margin: 0.25em 0 1em 0;
	}
	/* The jump to box */
	#display_jump_to
	{
		clear: both;
		padding: 5px;
		margin-top: 6px;
		text-align: right;
	}
	
	/* Separator of posts. More useful in the print stylesheet. */
	#forumposts .post_separator
	{
		display: none;
	}
	
	/* Styles for edit post section
	---------------------------------------------------- */
	form#postmodify .roundframe
	{
		padding: 0 12%;
	}
	#post_header, .postbox
	{
		padding: 0.5em;
		overflow: hidden;
	}
	#post_header dt, .postbox dt
	{
		float: left;
		padding: 0;
		width: 15%;
		margin: .5em 0 0 0;
		font-weight: bold;
	}
	#post_header dd, .postbox dd
	{
		float: left;
		padding: 0;
		width: 83%;
		margin: .3em 0;
	}
	#post_header img
	{
		vertical-align: middle;
	}
	ul.post_options
	{
		margin: 0 0 0 1em;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	ul.post_options li
	{
		margin: 0.2em 0;
		width: 49%;
		float: left;
	}
	#postAdditionalOptionsHeader
	{
		margin-top: 1em;
	}
	#postMoreOptions
	{
		border-bottom: 1px solid #cacdd3;
		padding: 0.5em;
	}
	#postAttachment, #postAttachment2
	{
		overflow: hidden;
		margin: .5em 0;
		padding: 0;
		border-bottom: 1px solid #cacdd3;
		padding: 0.5em;
	}
	#postAttachment dd, #postAttachment2 dd
	{
		margin: .3em 0 .3em 1em;
	}
	#postAttachment dt, #postAttachment2 dt
	{
		font-weight: bold;
	}
	#postAttachment3
	{
		margin-left: 1em;
	}
	#post_confirm_strip, #shortcuts
	{
		padding: 1em 0 0 0;
	}
	.post_verification
	{
		margin-top: .5em;
	}
	.post_verification #verification_control
	{
		margin: .3em 0 .3em 1em;
	}
	/* The BBC buttons */
	#bbcBox_message
	{
		margin: 0.75em 0.5em;
	}
	#bbcBox_message div
	{
		margin: 0.2em 0;
		vertical-align: top;
	}
	#bbcBox_message div img
	{
		margin: 0 1px 0 0;
		vertical-align: top;
	}
	#bbcBox_message select
	{
		margin: 0 2px;
	}
	/* The smiley strip */
	#smileyBox_message
	{
		margin: 0.5em;
	}
	
	/* Styles for edit event section
	---------------------------------------------------- */
	#post_event .roundframe
	{
		padding: 0 12%;
	}
	#post_event fieldset
	{
		padding: 0.5em;
		clear: both;
	}
	#post_event #event_main input
	{
		margin: 0 0 1em 0;
		float: left;
	}
	#post_event #event_main div.smalltext
	{
		width: 33em;
		float: right;
	}
	#post_event div.event_options
	{
		float: right;
	}
	#post_event ul.event_main, ul.event_options
	{
		padding: 0;
		overflow: hidden;
	}
	#post_event ul.event_main li
	{
		list-style-type: none;
		margin: 0.2em 0;
		width: 49%;
		float: left;
	}
	#post_event ul.event_options
	{
		margin: 0;
		padding: 0 0 .7em .7em;
	}
	#post_event ul.event_options li
	{
		list-style-type: none;
		margin: 0;
		float: left;
	}
	#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
	{
		margin: 0 1em 0 0;
	}
	
	/* Styles for edit poll section.
	---------------------------------------------------- */
	
	#edit_poll
	{
		overflow: hidden;
	}
	#edit_poll fieldset
	{
		padding: 0.5em;
		clear: both;
		overflow: hidden;
	}
	#edit_poll fieldset input
	{
		margin-left: 8.1em;
	}
	#edit_poll ul.poll_main li
	{
		padding-left: 1em;
	}
	#edit_poll ul.poll_main input
	{
		margin-left: 1em;
	}
	#edit_poll ul.poll_main, dl.poll_options
	{
		overflow: hidden;
		padding: 0 0 .7em .7em;
		list-style: none;
	}
	#edit_poll ul.poll_main li
	{
		margin: 0.2em 0;
	}
	#edit_poll dl.poll_options dt
	{
		width: 33%;
		padding: 0 0 0 1em;
	}
	#edit_poll dl.poll_options dd
	{
		width: 65%;
	}
	#edit_poll dl.poll_options dd input
	{
		margin-left: 0; 
	}
	
	/* Styles for the recent messages section.
	---------------------------------------------------- */
	
	#readbuttons_top .pagelinks, #readbuttons .pagelinks
	{
		padding-bottom: 1em;
		width: 60%;
	}
	#readbuttons .pagelinks
	{
		padding-top: 1em;
	}
	#recent
	{
		clear: both;
	}
	
	/* Styles for the move topic section.
	---------------------------------------------------- */
	
	#move_topic dl
	{
		margin-bottom: 0;
	}
	#move_topic dl.settings dt
	{
		width: 40%;
	}
	#move_topic dl.settings dd
	{
		width: 59%;
	}
	.move_topic
	{
		width: 710px;
		margin: auto;
		text-align: left;
	}
	div.move_topic fieldset
	{
		padding: 0.5em;
	}
	
	/* Styles for the send topic section.
	---------------------------------------------------- */
	
	fieldset.send_topic
	{
		border: none;
		padding: 0.5em;
	}
	dl.send_topic
	{
		margin-bottom: 0;
	}
	dl.send_mail dt
	{
		width: 35%;
	}
	dl.send_mail dd
	{
		width: 64%;
	}
	
	/* Styles for the report topic section.
	---------------------------------------------------- */
	
	#report_topic dl
	{
		margin-bottom: 0;
	}
	#report_topic dl.settings dt
	{
		width: 20%;
	}
	#report_topic dl.settings dd
	{
		width: 79%;
	}
	
	/* Styles for the split topic section.
	---------------------------------------------------- */
	
	div#selected, div#not_selected
	{
		width: 49%;
	}
	ul.split_messages li.windowbg, ul.split_messages li.windowbg2
	{
		margin: 1px;
	}
	ul.split_messages li a.split_icon
	{
		padding: 0 0.5em;
	}
	ul.split_messages div.post
	{
		padding: 1em 0 0 0;
		border-top: 1px solid #fff;
	}
	
	/* Styles for the merge topic section.
	---------------------------------------------------- */
	ul.merge_topics li
	{
		list-style-type: none;
	}
	dl.merge_topic dt
	{
		width: 25%;
	}
	dl.merge_topic dd
	{
		width: 74%;
	}
	fieldset.merge_options
	{
		clear: both;
	}
	.custom_subject
	{
		margin: 0.5em 0;
	}
	
	/* Styles for the login areas.
	------------------------------------------------------- */
	.login
	{
		width:100%;
		height:100%;
	}
	.login dl
	{
		overflow: auto;
		clear: right;
	}
	.login dt, .login dd
	{
		margin: 0 0 0.4em 0;
		width: 44%;
		padding: 0.1em;
	}
	.login dt
	{
		float: left;
		clear: both;
		text-align: right;
		font-weight: bold;
	}
	.login dd
	{
		width: 54%;
		float: right;
		text-align: left;
	}
	.login p
	{
		text-align: center;
	}
	
	/* Styles for the registration section.
	------------------------------------------------------- */
	.register_error
	{
		border: 1px dashed red;
		padding: 5px;
		margin: 0 1ex 1ex 1ex;
	}
	.register_error span
	{
		text-decoration: underline;
	}
	
	/* Additional profile fields */
	dl.register_form
	{
		margin: 0;
		clear: right;
	}
	
	dl.register_form dt
	{
		font-weight: normal;
		float: left;
		clear: both;
		width: 50%;
		margin: 0.5em 0 0 0;
	}
	
	dl.register_form dt strong
	{
		font-weight: bold;
	}
	
	dl.register_form dt span
	{
		display: block;
	}
	
	dl.register_form dd
	{
		float: left;
		width: 49%;
		margin: 0.5em 0 0 0;
	}
	
	#confirm_buttons
	{
		text-align: center;
		padding: 1em 0;
	}
	
	.coppa_contact
	{
		padding: 4px;
		width: 32ex;
		background-color: #fff;
		color: #000;
		margin-left: 5ex;
		border: 1px solid #000;
	}
	
	.valid_input
	{
		background-color: #f5fff0;
	}
	.invalid_input
	{
		background-color: #fff0f0;
	}
	
	/* Styles for maintenance mode.
	------------------------------------------------------- */
	#maintenance_mode
	{
		width: 75%;
		min-width: 520px;
		text-align: left;
	}
	#maintenance_mode img.floatleft
	{
		margin-right: 1em;
	}
	
	/* common for all admin sections */
	h3.titlebg img
	{
		vertical-align: middle;
		margin-right: 0.5em;
		margin-top: -1px;
	}
	tr.titlebg td
	{
		padding-left: 0.7em;
	}
	#admin_menu
	{
		min-height: 2em;
		padding-left: 0;
	}
	#admin_content
	{
		clear: left;
		padding-top: 0.5em;
	}
	/* Custom profile fields like to play with us some times. */
	#admin_content .custom_field
	{
		margin-bottom: 15px;
	}
	#admin_login .centertext
	{
		padding: 1em;
	}
	#admin_login .centertext .error
	{
		padding: 0 0 1em 0;
	}
	
	/* Styles for sidebar menus.
	------------------------------------------------------- */
	.left_admmenu, .left_admmenu ul, .left_admmenu li
	{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#left_admsection
	{
		width: 160px;
		float: left;
		padding-right: 10px;
	}
	.adm_section h4.titlebg
	{
		font-size: 95%;
		margin-bottom: 5px;
	}
	#main_container
	{
		position: relative;
	}
	.left_admmenu li
	{
		padding: 0 0 0 0.5em;
	}
	.left_admmenu
	{
		margin-bottom: 0.5em;
	}
	#main_admsection
	{
		position: relative;
		left: 0;
		right: 0;
		overflow: hidden;
	}
	
	tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
	{
		padding: 0.3em 0.7em;
	}
	#credits p
	{
		padding: 0;
		font-style: italic;
		margin: 0;
	}
	
	/* Styles for generic tables.
	------------------------------------------------------- */
	.topic_table table
	{
		background-color:white;
		width: 100%;
	}
	.topic_table .icon1, .topic_table .icon2, .topic_table .stats
	{
		text-align: center;
	}
	#topic_icons
	{
		margin: 1em 0 0 0;
	}
	#topic_icons .description
	{
		margin: 0;
	}
	.topic_table table thead
	{
		border-bottom: 1px solid #fff;
	}
	/* the subject column */
	.topic_table td
	{
		font-size:12px;
	}
	.topic_table td.subject p, .topic_table td.stats
	{
		font-size:12px;
		padding: 0;
		margin: 0;
		font-family: 'Nunito Sans';
	}
	.topic_table td.lastpost
	{
		font-size: 0.85em;
		line-height: 1.3em;
		padding: 4px;
	}
	.topic_table td.stickybg2
	{
		background-image: url(../images/icons/quick_sticky.gif);
		background-repeat: no-repeat;
		background-position: 98% 4px;
	}
	.topic_table td.lockedbg2
	{
		background-image: url(../images/icons/quick_lock.gif);
		background-repeat: no-repeat;
		background-position: 98% 4px;
	}
	.topic_table td.locked_sticky2
	{
		background-image: url(../images/icons/quick_sticky_lock.gif);
		background-repeat: no-repeat;
		background-position: 98% 4px;
	}
	.topic_table td.lastpost
	{	
	font-size:12px;
		background-image: none;
	}
	
	/* Styles for (fatal) errors.
	------------------------------------------------- */
	
	#fatal_error
	{
		width: 80%;
		margin: auto;
	}
	
	.errorbox
	{
		padding: 1em;
		border: 1px solid #cc3344;
		color: #000;
		background-color: #ffe4e9;
		margin-bottom: 1em;
	}
	.errorbox h3
	{
		padding: 0;
		margin: 0;
		font-size: 1.1em;
		text-decoration: underline;
	}
	.errorbox p
	{
		margin: 1em 0 0 0;
	}
	.errorbox p.alert
	{
		padding: 0;
		margin: 0;
		float: left;
		width: 1em;
		font-size: 1.5em;
	}
	
	/* Styles for the profile section.
	------------------------------------------------- */
	
	dl
	{
		overflow: auto;
		margin: 0;
		padding: 0;
	}
	
	/* The basic user info on the left */
	#basicinfo
	{
		width: 20%;
		float: left;
	}
	#basicinfo .windowbg .content
	{
		padding-left: 20px;
	}
	#detailedinfo
	{
		width: 100%;
		float: right;
		display: none;
	}
	/*@media screen and (max-width: 720px) {*/
	/*#detailedinfo
	{
		width: 100%;
		float: right;
	}}*/
	#basicinfo h4
	{
		font-size: 135%;
		font-weight: 100;
		line-height: 105%;
		white-space: pre-wrap;
		overflow: hidden;
	}
	#basicinfo h4 span.position
	{
		font-size: 80%;
		font-weight: 100;
		display: block;
	}
	#basicinfo img.avatar
	{
		display: block;
		margin: 10px 0 0 0;
	}
	#basicinfo ul
	{
		list-style-type: none;
		margin: 10px 0 0 0;
	}
	#basicinfo ul li
	{
		display: block;
		float: left;
		margin-right: 5px;
		height: 20px;
	}
	#basicinfo span#userstatus
	{
		display: block;
		clear: both;
	}
	#basicinfo span#userstatus img
	{
		vertical-align: middle;
	}
	#detailedinfo div.content dl, #tracking div.content dl
	{
		clear: right;
		overflow: auto;
		margin: 0 0 18px 0;
		padding: 0 0 15px 0;
		border-bottom: 1px #ddd solid;
	}
	#detailedinfo div.content dt, #tracking div.content dt
	{
		width: 35%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		font-weight: bold;
		clear: both;
	}
	#detailedinfo div.content dd, #tracking div.content dd
	{
		width: 65%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
	}
	#detailedinfo div.content dl.noborder
	{
		border-bottom: 0;
	}
	#detailedinfo div.content dt.clear
	{
		width: 100%;
	}
	.signature, .custom_fields_above_signature
	{
		border-top: 1px #ddd solid;
	}
	.signature h5
	{
		font-size: 0.85em;
		margin-bottom: 10px;
	}
	#personal_picture
	{
		display: block;
		margin-bottom: 0.3em;
	}
	#avatar_server_stored div
	{
		float: left;
	}
	#avatar_upload
	{
		overflow: auto;
	}
	#main_admsection #basicinfo, #main_admsection #detailedinfo
	{
		width: 100%;
	}
	#main_admsection #basicinfo h4
	{
		float: left;
		width: 35%;
	}
	#main_admsection #basicinfo img.avatar
	{
		float: right;
		vertical-align: top;
	}
	#main_admsection #basicinfo ul
	{
		clear: left;
	}
	#main_admsection #basicinfo span#userstatus
	{
		clear: left;
	}
	#main_admsection #basicinfo p#infolinks
	{
		display: none;
		clear: both;
	}
	#main_admsection #basicinfo .botslice
	{
		clear: both;
	}
	
	/* Simple feedback messages */
	div#profile_error, div#profile_success
	{
		margin: 0 0 1em 0;
		padding: 1em 2em;
		border: none;
	}
	div#profile_error
	{
		border: none;
		color: #FFFFFF;
		background: #e74c3c;
	}
	
	div#profile_error span
	{
		text-decoration: underline;
	}
	
	div#profile_success
	{
		color: #FFFFFF;
		background: #2ecc71;
		border: none;
	}
	
	/* Profile statistics */
	#generalstats div.content dt
	{
		width: 50%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		font-weight: bold;
		clear: both;
	}
	#generalstats div.content dd
	{
		width: 50%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
	}
	
	/* Activity by time */
	#activitytime
	{
		margin: 6px 0;
	}
	.activity_stats
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.activity_stats li
	{
		margin: 0;
		padding: 0;
		width: 4.16%;
		float: left;
	}
	.activity_stats li span
	{
		display: block;
		border: solid #000;
		border-width: 1px 1px 0 0;
		text-align: center;
	}
	.activity_stats li.last span
	{
		border-right: none;
	}
	.activity_stats li div.bar
	{
		margin: 0 auto;
		width: 15px;
	}
	.activity_stats li div.bar div
	{
		background: #6294CE;
	}
	.activity_stats li div.bar span
	{
		position: absolute;
		top: -1000em;
		left: -1000em;
	}
	
	/* Most popular boards by posts and activity */
	#popularposts
	{
		width: 49.5%;
		float: left;
	}
	#popularactivity
	{
		width: 49.5%;
		float: right;
	}
	
	#popularposts div.content dt, #popularactivity div.content dt
	{
		width: 65%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		font-weight: bold;
		clear: both;
	}
	#popularposts div.content dd, #popularactivity div.content dd
	{
		width: 35%;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
	}
	
	.profile_pie
	{
		background-image: url(../images/stats_pie.png);
		float: left;
		height: 20px;
		width: 20px;
		margin: 0 1em 0 0;
		padding: 0;
		text-indent: -1000em;
	}
	
	/* View posts */
	.topic .time
	{
		float: right;
	}
	
	.counter
	{
		margin: 0 0 0 0;
		padding: 0.2em 0.5em 0.1em 0.2em;
		font-size: 2.2em;
		font-weight: bold;
		color: #3f3f3f;
		float: left;
	}
	.list_posts
	{
		font-family: "Tahoma",sans-serif !important;
		border-top: 2px solid #b3b3bf;
		padding-top: 12px;
		margin-top: 6px;
		overflow: auto;
	}
	
	.core_posts
	{
		margin-bottom: 3px;
	}
	
	.topic h4
	{
		margin: 3px 0;
	}
	
	.topic .post
	{
		margin: 0 1em;
		min-height: 80px;
		height: auto !important;
		height: 80px;
	}
	
	.topic .mod_icons
	{
		text-align: right;
		margin-right: 1em;
	}
	
	#tracking div.content dl
	{
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}
	
	#creator dl
	{
		margin: 0;
	}
	#creator dt
	{
		width: 40%;
		float: left;
		clear: both;
		margin: 0 0 10px 0;
	}
	#creator dd
	{
		float: right;
		width: 55%;
		margin: 0 0 10px 2px;
		overflow: auto;
	}
	
	.ignoreboards
	{
		margin: 0 2%;
		padding: 0;
		width: 45%;
	}
	.ignoreboards a
	{
		font-weight: bold;
		border-bottom: 1px solid #c4c4c4;
		padding: 0.1em 0;
	}
	.ignoreboards a:hover
	{
		text-decoration: none;
		border-bottom: 1px solid #334466;
	}
	.ignoreboards ul
	{
		margin: 0;
		padding: 0;
	}
	.ignoreboards li
	{
		list-style: none;
		float: left;
		clear: both;
	}
	.ignoreboards li.category
	{
		margin: 0.7em 0 0 0;
		width: 100%;
	}
	.ignoreboards li ul
	{
		margin: 0.2em 0 0 0;
	}
	.ignoreboards li.category ul li.board
	{
		width: 93%;
	}
	
	#theme_settings
	{
		overflow: auto;
		margin: 0;
		padding: 0;
	}
	
	#theme_settings li
	{
		list-style: none;
		margin: 10px 0;
		padding: 0;
	}
	/* Paid Subscriptions */
	#paid_subscription
	{
		width: 100%;
	}
	#paid_subscription dl.settings
	{
		margin-bottom: 0;
	}
	#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
	{
		margin-bottom: 4px;
	}
	/* Pick theme */
	#pick_theme
	{
		width: 100%;
		float: left;
	}
	/*Issue a warning*/
	#warn_body{
		width: 80%;
		font-size: 0.9em;
	}
	
	/* Styles for the statistics center.
	------------------------------------------------- */
	#statistics
	{
		padding: 0.5em 0;
	}
	#statistics div.title_bar
	{
		margin: 4px 0 -2px 0;
	}
	#statistics h3.catbg
	{
		text-align: center;
	}
	#statistics div.content
	{
		min-height: 210px;
	}
	#statistics div.top_row
	{
		min-height: 150px;
	}
	#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
	{
		float: left;
		width: 49.5%;
	}
	#stats_right, #top_boards, #top_topics_views, #most_online
	{
		float: right;
		width: 49.5%;
	}
	dl.stats
	{
		clear: both;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	dl.stats dt
	{
		width: 49%;
		float: left;
		margin: 0 0 4px 0;
		line-height: 16px;
		padding: 0;
		clear: both;
		font-size: 1em;
	}
	dl.stats dd
	{
		text-align: right;
		width: 50%;
		font-size: 1em;
		float: right;
		margin: 0 0 4px 0;
		line-height: 16px;
		padding: 0;
	}
	.statsbar div.bar
	{
		float: left;
		background: orange;
		display: block;
		margin: 0 4px;
		height: 16px;
	}
	.statsbar div.bar div
	{
		position: relative;
		right: -4px;
		padding: 0 4px 0 0;
		background: orange;
		height: 16px;
	}
	tr.windowbg2 th.stats_month
	{
		width: 25%;
		padding: 0 2em;
		text-align: left;
	}
	tr.windowbg2 td.stats_day
	{
		padding: 0 3.5em;
		text-align: left;
	}
	
	/* Styles for the personal messages section.
	------------------------------------------------- */
	
	#personal_messages h3 span#author, #personal_messages h3 span#topic_title
	{
		float: left;
	}
	#personal_messages h3 span#author
	{
		margin: 0 0 0 0.5em;
	}
	#personal_messages h3 span#topic_title
	{
		margin: 0 0 0 9em;
	}
	#personal_messages div.labels
	{
		padding: 0 1em 0 0;
	}
	#personal_messages .capacity_bar
	{
		background: #f0f4f7;
		display: block;
		margin: 0.5em 0 0 1em;
		height: 1em;
		border: 1px solid #adadad;
		width: 10em;
	}
	#personal_messages .capacity_bar span
	{
		border-right: 1px solid #adadad;
		display: block;
		height: 1em;
	}
	#personal_messages .capacity_bar span.empty
	{
		background: #a6d69d;
	}
	#personal_messages .capacity_bar span.filled
	{
		background: #eea800;
	}
	#personal_messages .capacity_bar span.full
	{
		background: #f10909;
	}
	#personal_messages .reportlinks
	{
		padding: 0.5em 1.3em;
	}
	#searchLabelsExpand li
	{
		padding: 0.3em 0.5em;
	}
	#manrules div.righttext
	{
		padding: 0.3em 0.1em;
	}
	dl.addrules dt.floatleft
	{
		width: 15em;
		color: #060a0c;
		padding: 0 1.25em 0.5em 1.25em;
	}
	#addrule fieldset
	{
		clear: both;
	}
	
	/* Styles for the calendar section.
	------------------------------------------------- */
	.calendar_table
	{
		margin-bottom: 0.7em;
	}
	
	/* Used to indicate the current day in the grid. */
	.calendar_today
	{
		background-color: #fff;
	}
	
	#month_grid
	{
		width: 200px;
		text-align: center;
		float: left;
	}
	#month_grid div.cat_bar
	{
		/*height: 25px; */
	}
	#month_grid h3.catbg
	{
		height: 25px;
		line-height: 27px;
	}
	#month_grid table
	{
		width: 200px;
	}
	#main_grid table
	{
		width: 100%;
		padding-bottom: 4px;
	}
	#main_grid table h3.catbg
	{
		text-align: center;
		height: 29px;
		border-top: 2px solid #fff;
		border-bottom: none;
	}
	#main_grid table.weeklist td.windowbg
	{
		text-align: center;
		height: 49px;
		width: 25px;
		font-size: large;
		padding: 0 7px;
		border-bottom: 2px solid #fff;
	}
	#main_grid table.weeklist td.weekdays
	{
		height: 49px;
		width: 100%;
		padding: 4px;
		text-align: left;
		vertical-align: middle;
		border-bottom: 2px solid #fff;
	}
	#main_grid h3.weekly
	{
		text-align: center;
		padding-left: 0;
		font-size: large;
		height: 29px;
	}
	#main_grid h3 span.floatleft, #main_grid h3 span.floatright
	{
		display: block;
		font-weight: bold;
	}
	#main_grid table th.days
	{
		width: 14%;
		padding: 4px 0;
	}
	#main_grid table.weeklist h4.titlebg
	{
		margin: 0 0 0 0;
		height: 23px;
		line-height: 27px;
	}
	#main_grid table td.weeks
	{
		vertical-align: middle;
		text-align: center;
		font-weight: bold;
		font-size: large;
	}
	#main_grid table td.days
	{
		vertical-align: top;
		text-align: center;
	}
	
	a.modify_event
	{
		color: red;
	}
	
	span.hidelink
	{
		font-style: italic;
	}
	
	#calendar_navigation
	{
		text-align: center;
	}
	
	/* Styles for the memberlist section.
	------------------------------------------------- */
	#mlist_search
	{
		margin: auto;
		width: 500px;
	}
	
	/* Styles for the basic search section.
	------------------------------------------------- */
	#searchform, #simple_search p
	{
		padding: 0.5em;
		margin: 0;
	}
	#simple_search, #simple_search p, #advanced_search
	{
		text-align: center !important;
		margin: 0;
	}
	#search_error
	{
		font-style: italic;
		padding: 0.3em 1em;
	}
	#search_term_input
	{
		font-size: 115%;
		margin: 0 0 1em;
	}
	
	/* Styles for the advanced search section.
	------------------------------------------------- */
	#searchform fieldset
	{
		text-align: left;
		padding: 0;
		border: none;
	}
	#advanced_search dl#search_options
	{
		margin: 0 auto;
		width: 600px;
		padding-top: 1em;
		overflow: hidden;
	}
	#advanced_search dt
	{
		clear: both;
		float: left;
		padding: 0.2em;
		text-align: right;
		width: 20%;
	}
	#advanced_search dd
	{
		width: 75%;
		float: left;
		padding: 0.2em;
		margin: 0 0 0 0.5em;
		text-align: left;
	}
	#searchform p.clear
	{
		clear: both;
	}
	
	/* Styles for the search results page.
	------------------------------------------------- */
	.topic_table td blockquote, .topic_table td .quoteheader
	{
		margin: 0.5em;
	}
	.search_results_posts
	{
		overflow: hidden;
	}
	.search_results_posts .buttons
	{
		padding: 5px 1em 0 0;
	}
	
	/* Styles for the help section.
	------------------------------------------------- */
	
	#help_container
	{
		margin: 4px 0 0 0;
		padding: 0 0 8px 0;
	}
	#helpmain
	{
		padding: 0 1em;
	}
	#helpmain p
	{
		margin: 0 0 1.5em 0;
		line-height: 1.5em;
	}
	#helpmain ul
	{
		line-height: 1.5em;
	}
	
	/* Styles for print media.
	------------------------------------------------------- */
	@media print
	{
		#headerarea
		{
			display: none;
		}
	
		.tborder
		{
			border: none;
		}
	}
	
	/* Theme Styles By: SMCreatice.
	------------------------------------------------------- */
	.topbar {
		background: #1C1C1C;
		border-bottom: 3px solid #fcaf17;
		height: 40px;
		line-height: 40px;
		color: #fff;
	}
	
	
	
	
	
	
	
	
	
	
	.headerlogo {
		float: left;
		width: 122px;
		margin-left: 10%;
		margin-top:10px;
		height: 70px;
		position: absolute;
	
		
		
	}
	.headerlogo img {
		
		width:60%;
		
	}
	.awards img {
		
		width:40px;
		height:40px;
		
	}
	
	
	
	.headerlogo:hover {
	opacity:0.5;
	}
	
	@keyframes shake {
	  0% { transform: translate(1px, 1px) rotate(0deg); }
	  10% { transform: translate(-1px, -2px) rotate(-1deg); }
	  20% { transform: translate(-3px, 0px) rotate(1deg); }
	  30% { transform: translate(3px, 2px) rotate(0deg); }
	  40% { transform: translate(1px, -1px) rotate(1deg); }
	  50% { transform: translate(-1px, 2px) rotate(-1deg); }
	  60% { transform: translate(-3px, 1px) rotate(0deg); }
	  70% { transform: translate(3px, 1px) rotate(-1deg); }
	  80% { transform: translate(-1px, -1px) rotate(1deg); }
	  90% { transform: translate(1px, 2px) rotate(0deg); }
	  100% { transform: translate(1px, -2px) rotate(-1deg); }
	}
	
	.headervideo {
	/* float:left; */
	height: auto;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url("https://samp.vice-rp.com/forum/Themes/zeppelin/images/header_winter.webp");

    background-position: center;

	width:100%;
	}
    @media screen and (max-width: 720px){
    .headervideo {
        width: 100%;
        margin-top: 90px !important;
    }
    }
	#header {
		
		height:200px;
		background-image:none !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	
	
	
	@media screen and (max-width: 720px) {
	
	.logo {
	
	display:none;
	}
	
	}
	
	
	
	.logo {
	
		margin-left:-10px;
	}
	
	.header-news {
		float: right;
		width: 35%;
		margin-right: 10px;
		margin-top: 90px;
		background: #fff;
		padding: 10px 20px 10px 10px;
		-webkit-box-shadow: 0px 1px 6px -1px rgba(50, 50, 50, 0.58);
		-moz-box-shadow: 0px 1px 6px -1px rgba(50, 50, 50, 0.58);
		box-shadow: 0px 1px 6px -1px rgba(50, 50, 50, 0.58);
	}
	.header-news i {
		float: left;
		font-size: 3em;
		margin-right: 10px;
	}
	.myicons {
		background: #444;
		height: 40px;
	}
	.myicons ul {
		padding: 0;
		margin: 0;
		list-style: none;
		float: left;
	}
	.myicons ul li {
		display: inline-block;
		margin-top: 5px;
		margin-left: 10px;
	}
	.myicons ul li a {
		display: block;
		height: 30px;
		padding: 0 10px;
		max-width: 30px;
		text-align: left;
		background: #272727;
		color: #fff;
		overflow: hidden;
		transition: all 1s ease;
	}
	.myicons ul li i {
		margin-right: 10px;
	}
	.myicons ul li a:hover {
		background: #195da1;
		color: #ddd;
		max-width: 300px;
		transition: all 2.5s ease;
	}
	.myicons ul li i {
		line-height: 30px;
		font-size: 14px;
	}
	.search_box {
		float: right;
	}
	.search_box a {
		text-align: center;
		display: block;
		height: 40px;
		width: 50px;
		color: #fff;
		background: #195da1;
		-webkit-border-top-left-radius: 35px;
		-moz-border-radius-topleft: 35px;
		border-top-left-radius: 35px;
	}
	.search_box i {
		font-size: 18px;
		line-height: 40px;
	}
	#search {
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(68, 68, 68, 0.8);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		-webkit-transform: translate(0px, -100%) scale(0, 0);
		-moz-transform: translate(0px, -100%) scale(0, 0);
		-o-transform: translate(0px, -100%) scale(0, 0);
		-ms-transform: translate(0px, -100%) scale(0, 0);
		transform: translate(0px, -100%) scale(0, 0);
		opacity: 0;
	}
	#search.open {
		-webkit-transform: translate(0px, 0px) scale(1, 1);
		-moz-transform: translate(0px, 0px) scale(1, 1);
		-o-transform: translate(0px, 0px) scale(1, 1);
		-ms-transform: translate(0px, 0px) scale(1, 1);
		transform: translate(0px, 0px) scale(1, 1); 
		opacity: 1;
	}
	#search input[type="text"] {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		width: 90%;
		color: rgb(255, 255, 255);
		background: rgba(0, 0, 0, 0);
		font-size: 48px;
		font-weight: 300;
		text-align: center;
		border: none;
		border-bottom: 3px solid #195da1;
		margin-left: auto;
		margin-right: auto;
		margin-top: -51px;
		padding: 10px 30px;
		outline: none;
	}
	.search_btn {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 35px;
		margin-left: -45px;
		  background: #195da1;
		color: #fff;
		border: none;
		padding: 7px 14px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.search_btn:hover {
		border: none;
		background: #2980b9;
		color: #ddd;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	.navbar-nav .fa {
		font-size: 20px;
	}
	.social-icons {
		float: right;
		margin-top: 20px;
	}
	.social-icons ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.social-icons ul li {
		display: inline-block;
		margin-left: 10px;
		color: #fff;
	}
	.social-icons ul li a {
		color: #FFFFFF;
		display: block;
		height: 28px;
		width: 28px;
		text-align: center;
		border: 1px solid #272727;
	}
	li.facebook a {
		background-color: #2b4170; /* fallback color */
		background: -moz-linear-gradient(top, #3b5998, #2b4170);
		background: -ms-linear-gradient(top, #3b5998, #2b4170);
		background: -webkit-linear-gradient(top, #3b5998, #2b4170);
	}
	li.instagram a {
		background: -webkit-radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
		background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	}
	li.steam a {
		background-color: #222220a3; /* fallback color */
		background: -moz-linear-gradient(top, #00aced, #0081ce);
		background: -ms-linear-gradient(top, #00aced, #0081ce);
		-webkit-linear-gradient(top, #006b94, #005373)
	}
	li.youtube a {
		background: rgb(252,58,118); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(252,58,118,1) 0%, rgba(252,109,70,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(252,58,118,1) 0%,rgba(252,109,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(252,58,118,1) 0%,rgba(252,109,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc3a76', endColorstr='#fc6d46',GradientType=0 ); /* IE6-9 */
	}
	li.google a {
		background-color: #c33219; /* fallback color */
		background: -moz-linear-gradient(top, #e64522, #c33219);
		background: -ms-linear-gradient(top, #e64522, #c33219);
		background: -webkit-linear-gradient(top, #e64522, #c33219);
	}
	.social-icons ul li a:hover {
		opacity: 0.6;
	}
	.social-icons ul li i {
		line-height: 28px;
		font-size: 14px;
	}
	.myinfo {
		
		width: 100%;
		height: 90px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.viceavatar {
		
		
	}
	
	
	.viceavatarside {
		  margin-left:65%;
		  height: 60px;
		float: right;
		border-radius: 10px;
		position: absolute;
		
	}
	.myname {
		
		background-color: #060a0c;
		text-align: center;
		color: #fff;
		font-size: 16px;
		padding-top: 7px;
		margin-top: 20px;
		float: right;
	
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 20px;
	}
	.bakiye{
		background-color: #195da1;
		/* margin-left: -50%; */
		text-align: center;
		margin-right: 110px;
		color: #fff;
		font-size: 16px;
		padding-top: 7px;
		margin-top: 15px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 20px;
	
	}
	
	.bakiye a:Hover{
		text-decoration:underline;
	
	}
	
	.vicekullaniciadi{
		background-color: #195da1;
		/* margin-left: -50%; */
		text-align: center;
		margin-right: 110px;
		color: #fff;
		font-size: 16px;
		padding-top: 7px;
		margin-top: 15px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 20px;
	
	}
	
	.vicekullaniciadi:hover{
	text-decoration:underline;
	}
	
	.allenmenu {
		
	
		width:1px;
		float:left;
		
		
	}
	
	.dropbtn2 {
	
		background-color: #060a0c;
		text-align: center;
		color: #fff;
		margin-left:-100%;
		font-size: 16px;
		padding-top: 7px;
		margin-top: 50px;
	  
	
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 20px;
	}
	
	.dropdown {
	  position: relative;
	  display: inline-block;
	}
	
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 160px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	  margin-top:50px;
	  
	}
	
	
	.dropdown-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	}
	
	.dropdown-content a:hover {background-color: #f1f1f1}
	
	.dropdown:hover .dropdown-content {
	  display: block;
	}
	
	.dropdown:hover .dropbtn {
	  background-color: #195da1;
	}
	#oyun {}
	
	.vicestats {
		font-size: 14px;
		background-color: #fff;
		padding: 10px;
		border: 1px solid #ddd;
		/* border-bottom-right-radius: 10px; */
		/* border-bottom-left-radius: 10px; */
		margin-bottom: 10px;
		color: #39414b;
		font-family: Nunito Sans!important;
	}
	
	.divider {
		float:left;
		margin-top:20px;
		
		
	}
	
/*	.vicealtbaslik {
	   padding-left: 10px;
	   border-top-right-radius: 10px;
       border-top-left-radius: 10px;
       padding-top: 10px;
        background: linear-gradient(60deg, #42423c 0%, #23286a 100%);
	   height: 40px;
	   color: white;
	   font-family:Nunito Sans !important;
	} */

	.vicealtbaslik {
		padding-left: 10px;
		/* border-top-right-radius: 10px; */
		/* border-top-left-radius: 10px; */
		padding-top: 10px;
		background-color: white;
		/* background: linear-gradient(20deg,rgba(72,178,253,1) 0%,rgba(158,140,196,1) 48%,rgba(255,98,133,1) 100%); */
		height: 40px;
		/* color: #000; */
		font-family: Nunito Sans!important;
		 border-top: 1px solid #ddd;
		 border-left: 1px solid #ddd;
		 border-right: 1px solid #ddd;


	}

	.vicealtbaslik2 {
			background: #222222;
		width: 100%;
		padding: 1%;
		color:#fff;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	
	}
	
	
	
	.tablociz {
		
		border-bottom: 3px solid #c5c5c5;
	
	}
	
	.row {margin: 0 -5px;}
	
	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	.indexistatistik {
		
		width:100%;
		height:420px;
	
		background-color:white;
	
	
	}
	
	
	.istatistik1{
			margin-top:10px;
		width:45%;
		height:300px;
	margin-left:10px;
		float:left;
	
	
	}
	.istatistik2{
		margin-top:10px;
		
		width:45%;
		height:300px;
	
		margin-left: 50px;
			float:left;
	
	
	
		
	}
	
	
	/* Responsive columns */
	@media screen and (max-width: 600px) {
	  .column {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	  }
	}
	
	/* Style the counter cards */
	.card {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  padding: 16px;
	  text-align: center;
	  background-color:#222222;
	  color: white;
	}
	.istatistikyazi {
		font-weight:bold;
		color:black;
		margin-right:12%;
		margin-top:2%;
		margin-bottom:2%;
	}
	.cardis {
	
	width:100%;
	height:120px;
	  text-align: center;
	  background-image:url('https://i.hizliresim.com/P7Yg05.png');
	  color: white;
	  background-repeat:no-repeat;
	}
	.cardarac {
	
	width:100%;
	height:120px;
	  text-align: center;
	  background-image:url('https://i.hizliresim.com/9Y9O23.png');
	  color: white;
		background-repeat:no-repeat;
	}
	.cardev {
	
	width:100%;
	height:120px;
	  text-align: center;
	  background-image:url('https://i.hizliresim.com/M1PrpN.png');
	  color: white;
		background-repeat:no-repeat;
	}
	.cardbirlik {
	width:100%;
	height:120px;
	  text-align: center;
		background-repeat:no-repeat;
	  background-image:url('https://i.hizliresim.com/vaQq5v.png');
	  color: white;
	}
	.fa {font-size:50px;}
	
	.vicebilgiindex
	{
		
		width: 100px;
		height: 100px;
		float: right;
			margin-top: -45px;
		margin-right: 5px;
	}
	
	
	.myname span {
		font-size: 12px;
	}
	
	.myavatar {
		
			float: right;
		margin-right: 0px;
	  
	}
	
	.myavatar img {
		margin-top: 10px;
		margin-left: 2px;
		border: 1px solid #444;
		height: 75px;
		width: 75px;
		margin-top:-90%;
		/*background: #f5f5f5; /* Old browsers 
		background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ 
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4));  Chrome,Safari4+ 
		background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ 
		background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ 
		background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ 
		background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
	table.table_list { 
		border-collapse: collapse;
		border-spacing: 0;
		
	}
	
	
	.headercat img {
		
	margin-top:8px;
		
	}
	tbody.content tr:hover{
	background-color: #eee!important;
    transition: 0.1s;
	}


	tr.son-iletiler:hover {
		background-color: #eee!important;
		transition: 0.1s;
	}

	.board-bg {
		
	}
	.table_grid .icon2 { 
		width:1%;
	}
	.table_list .section-header td, .table_grid .section-header th { 
		background: #e1e1e1;
		border: 1px solid #ddd;
		line-height: 30px;
		padding: 0 8px;
		color: #195da1;
	}
	.table_list .section-header td, .table_grid .section-header th, .table_grid .section-header a { 
		font-size: 12px;
		font-weight: normal;
	}
	.calendar_table tr th {
		color: #fff;
		font-weight: normal;
	}
	.table_list .divider td { 
	}
	tr.message-bg td {
		background: #444;
		border: 1px solid #ddd;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
	}
	.board-lastavatar img {
		float: left;
		height: 40px;
		width: 40px;
		padding: 0;
		margin-top: 3px;
		margin-right: 5px;
		border: 1px solid #ddd;
		background: #f5f5f5; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.avatarzaporuke img {
		border: 1px solid #ddd;
		height: 32px;
		width: 32px;
		background: #f5f5f5; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.board_stats {
		width: 49.5%;
		background: #fff;
		border: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.board_stats_full {
		width: 100%;
		background: #fff;
		border: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.board_right {
		float: right;
	}
	.board_left {
		float: left;
	}
	table.board_recent {
		width: 100%;
	}
	.recent_main {
		max-height: 250px;
	}
	.recent_avatar img {
		height: 35px;
		width: 35px;
		margin: 3px 7px;
		border: 1px solid #ddd;
		background: #f5f5f5; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.memlist-avatar img {
		height: 55px;
		width: 55px;
		border: 1px solid #ddd;
		background: #f5f5f5; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  #f5f5f5 0%,#a5a3a4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	span.memlist-on {
		font-size: 12px;
		color: #2ECC71;
	}
	span.memlist-off {
		font-size: 12px;
		color: #EF4836;
	}
	.profile_bg {
	/*	background: url(../images/custom/profile_bg.png) center no-repeat; */
		width: 100%;
		height: 90px;
		margin-top: -77px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		position: relative;
		z-index: 9;
	}
	.profile_cover {
		width: 100%;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		overflow: hidden;
		position: relative;
		height:190px;
	background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	
	
	.profile_cover img {
		top: 0;
		left: 0;
		min-width: 100%;
	
	}
	
	
	.profile_avatar img {
		position: absolute;
		top: 50px;
		margin-left: 60px;
		margin-right: auto;
	
		min-width: 120px;
		min-height: 120px;
		max-width: 120px;
		max-height: 120px;
	
	
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
	.avatar img {
		
		width:150px;
		height:150px;
		
	}
	
	
	
	
	.poster2 {
		float: left;
		width: 15em;
		text-align: center;
		margin-bottom: -10px;
		margin-top: -10px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
		background: #f5f5f5;
	}
	.postarea2, .moderatorbar2 {
	margin: 0 0 0 16em;
	}
	.profilbari {
		width: 90%;
		vertical-align: middle;
		padding: 10px;
		border-radius: 10px;
	
		margin-left: 5%;
		/* margin: auto; */
		background-color: #060a0c;
		height: 50px;
		position: absolute;
		top: 200px;
	}
	.profile_bar {
		background: #444;
		border-top: none;
		color: #fff;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: -13px;
		position:relative;
	}
	.profile-cover-change a {
		position: absolute;
		color: #fff;
		font-size: 22px;
		top: 15px;
		right: 15px;
	}
	.profile-cover-change a:hover {
		color: #bbb;
	}
	.profile_icons {
	
			position: absolute;
		top: 0;
	 
		right: 0;
		margin-right: 10px;
	}
	.profile_icons ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.profile_icons ul li {
		display: block;
		margin-top: 15px;
	}
	.profile_icons ul li a {
		display: block;
		background: #444;
		color: #fff;
		height: 35px;
		width: 35px;
		text-align: center;
	}
	.profile_icons ul li a:hover {
		background: #195da1;
		color: #ddd;
	}
	.profile_icons ul li i {
		font-size: 16px;
		line-height: 35px;
	}
	.pm-alert {
		background: #e74c3c;
		color: #fff;
		height: 26px;
		width: 26px;
		line-height: 26px;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: -13px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
	a.new_posts, span.new_posts {
		 color: #FFFFFF; 
		font-weight: normal;
		padding:5px 10px;
		margin-left: 2px;
		font-size:9px;
		font-style:Normal;
		background: #195da1; 
	}
	
	span.new_posts {
		display: inline;
		margin: 0;
		padding: 0 4px 1px 4px;
		font-size: 11px;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	a span.new_posts:hover {
		background: #069643;
		color: #DDDDDD;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	
	.new_postseskis {
		background-color:#DFE1E1 !important;
		padding:3px;
		border-radius:4px;
	}
	.post_arkaplan {
		background-color:#EEF1F1;
		padding:3px;
		border-radius:4px;
	}
	
	
	.footer_right {
		width: 33%;
		vertical-align: top;
		display: inline-block;
		padding-left: 150px;
	}
	.logo1 {
		background: url(../images/sponsor/nngaming.png) no-repeat;
		width: 308px;
		height: 295px;
		margin-left: 15px;
		float: left;
	}
	.logo2 {
		background: url(../images/sponsor/enghost.png) no-repeat;
		width: 150px;
		height: 33px;
		float: left;
	}
	.logo3 { 
		background: url(../images/sponsor/segment.png) no-repeat;
		width: 150px;
		height: 30px;
		float: left;
	}
	.footer_dis {
		width: 70%;
		margin: 0 auto;
	}
	.sagfooter {
		padding-left: 70px;
		display: inline-block;
	}
	span.new_posts a {
		color: #fff
	}
	.bilgimerkezi {
		background: #060a0c;
		border-radius:10px;
	}
	.nav-tabs {
		
	}
	.bilgimerkezi li {
		float: left;
		margin-bottom: -1px;
	}
	.bilgimerkezi > li > a {
		margin-right: 2px;
		line-height: 1.42857143;
		border: 1px solid transparent;
	}
	.nav > li > a {
		color: #195da1;
	}
	.profil{
		width: calc(100% - 2px);
		height: auto;
		position: relative;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	
	.kapakfotografi{
		width: 100%;
		height: 200px;
		overflow: hidden;
		position: relative;
	}
	
	.kapakfotografi img{
		width: 100%;
		max-width: 100%;
		border-radius: 5px;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		user-drag: none; 
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		min-height: 200px;
	}
	
	.profilicerik{
		width: 100%;
	
		min-height: 200px;
		padding-bottom: 30px;
	}
	
	.profilavatar{
		width: 160px !important;
		height: 160px !important;
		position: absolute;
		top: 105px;
		left: 35px;
		
	}
	
	.profilavatar img{
		width: 150px;
		height: 150px;
		min-width: 150px;
		min-height: 150px;
		max-width: 150px;
		max-height: 150px;
		border-radius: 7px;
		border: 5px solid #f1f1f1;
		user-drag: none; 
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		background: #fff;
	}
	
	.profilnick{
		width: 170px;
		position: absolute;
		top: 155px;
		left: 192px;
		border-top: 30px solid white;
		border-right: 15px solid transparent;
	}
	
	.profilnicktext {
		color: #323232;
		width: 157px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 155px;
		left: 210px;
		font-size: 17px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
	}
	
	.profilonline{
		width: 10px;
		height: 10px;
		border-radius: 75px;
		background: #90d768;
		position: absolute;
		top: 165px;
		left: 199px;
		display: none;
	}
	
	.profiloffline{
		width: 10px;
		height: 10px;
		border-radius: 75px;
		background: #e14020;
		position: absolute;
		top: 165px;
		left: 199px;
		display: none;
	}
	
	.profilpm {
		width: 130px;
		position: absolute;
		top: 206px;
		left: 192px;
		border-top: 20px solid white;
		border-right: 15px solid transparent;
	}
	
	.profilpmtext{
		color: #323232 !important;
		width: 157px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 201px;
		left: 183px;
		font-size: 12px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
	}
	
	.profililetiler {
		width: 111px;
		position: absolute;
		top: 235px;
		left: 192px;
		border-top: 20px solid white;
		border-right: 15px solid transparent;
	}
	
	.profililetilertext{
		color: #323232 !important;
		width: 157px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 230px;
		left: 174px;
		font-size: 12px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
	}
	
	.profilbasarimlar {
		width: 140px;
		position: absolute;
		top: 155px;
		right: 0;
		border-bottom: 30px solid white;
		border-left: 15px solid transparent;
	}
	
	.profilbasarimlartext{
		color: #323232 !important;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 155px;
		right: 30px;
		font-size: 17px;
		font-family: "Trebuchet MS", sans-serif;
		overflow: hidden;
	}
	
	.profilbasarimliste{
		width: 700px;
		position: absolute;
		top: 206px;
		right: 0;
		border-bottom: 49px solid white;
		border-left: 33px solid transparent;
	}
	
	.profilbasarimlistetext {
		width: 690px;
		color: #323232 !important;
		height: 41px;
		line-height: 30px;
		position: absolute;
		top: 210px;
		right: 0;
		font-size: 17px;
		font-family: "Trebuchet MS", sans-serif;
	}
	
	.profilbasarim{
		width: 40px;
		height: 40px;
		display: inline-block;
		margin-right: 29px;	
		position: relative;
		cursor: pointer;
	}
	
	.profilbasarim img{
		width: 40px;
		height: 40px;
	}
	
	.basarimpasif img{
		opacity: 0.1;
	}
	
	.basarim .profilbasarimaciklama{
		visibility: hidden;
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		font-size: 13px;
	}
	
	.basarim .profilbasarimaciklama::after{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: black transparent transparent transparent;
	}
	
	.basarim:hover .profilbasarimaciklama{
		visibility: visible;
	}
	
	.profilrank{
		position: absolute;
		top: 273px;
		left: 24px;	
	}
	
	.profilkayit {
		width: 170px;
		height: 39px;
		position: absolute;
		top: 273px;
		left: 331px;
		-webkit-transform: skew(-34deg);
		-moz-transform: skew(-34deg);
		-o-transform: skew(-34deg);
		background: #fff;
	}
	
	.profilkayittext1{
		color: #323232 !important;
		width: 157px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 269px;
		left: 305px;
		font-size: 12px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
		font-weight: 600;
	}
	
	.profilkayittext2 {
		color: #323232 !important;
		width: 157px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 286px;
		left: 340px;
		font-size: 11px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
	}
	
	.sonaktiflik{
		width: 170px;
		height: 39px;
		position: absolute;
		top: 273px;
		left: 545px;
		-webkit-transform: skew(-34deg);
		-moz-transform: skew(-34deg);
		-o-transform: skew(-34deg);
		background: #fff;
	}
	
	.sonaktifliktext1{
		color: #323232 !important;
		width: 157px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 269px;
		left: 520px;
		font-size: 12px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
		font-weight: 600;
	}
	
	.sonaktifliktext2 {
		color: #323232 !important;
		width: 157px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 286px;
		left: 535px;
		font-size: 11px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
	}
	
	.profilkarakter {
		width: 940px;
		height: 185px;
		border: 1px solid #eee;
		background: #fff;
		margin-top: 155px;
		margin-left: 23px;
		display: inline-block;
		position: relative;
		padding: 10px;
	}
	
	.profilbar{
		width: 841px;
		border-top: 45px solid #f0f0f0;
		border-right: 15px solid transparent;
		position: relative;
		display: inline-block;
	}
	
	.profilexp{
		width: 700px;
		border-top: 45px solid #90d768;
		border-right: 15px solid transparent;
		position: absolute;
		left: 0;
		top: -45px;
	}
	
	.profillevel{
		width: 65px;
		border-bottom: 45px solid #f37d80;
		border-left: 15px solid transparent;
		display: inline-block;
	}
	
	.profilleveltext {
		color: #fff !important;
		width: 60px;
		height: 45px;
		line-height: 45px;
		position: absolute;
		top: 10px;
		right: 14px;
		font-size: 38px;
		font-family: "Trebuchet MS", sans-serif;
		text-align: center;
		overflow: hidden;
		font-weight: bold;
	}
	
	.profilskin{
		width: 200px;
		height: 210px;
		overflow: hidden;
		display: inline-block;
		margin-top: -75px;
		position: relative;
		z-index: 1;	 
	}
	
	.profilad {
		width: 290px;
		border-top: 30px solid #f0f0f0;
		border-right: 15px solid transparent;
		position: absolute;
		left: 100px;
		top: 77px;
	}
	
	.profiladtext {
		height: 30px;
		line-height: 30px;
		width: 217px;
		position: absolute;
		top: 77px;
		left: 173px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		font-family: "Trebuchet MS", sans-serif;
		overflow: hidden;
	}
	
	.profilyas {
		width: 272px;
		border-top: 28px solid #f0f0f0;
		border-right: 15px solid transparent;
		position: absolute;
		left: 100px;
		top: 117px;
	}
	
	.profilyastext {
		height: 28px;
		line-height: 28px;
		width: 187px;
		position: absolute;
		top: 116px;
		left: 185px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		font-family: "Trebuchet MS", sans-serif;
		overflow: hidden;
	}
	
	.profilyastext span{
		font-weight: 500;
	}
	
	.profilsonaktiflik {
		width: 253px;
		border-top: 28px solid #f0f0f0;
		border-right: 15px solid transparent;
		position: absolute;
		left: 100px;
		top: 155px;
	}
	
	.profilsonaktifliktext {
		height: 28px;
		line-height: 28px;
		width: 171px;
		position: absolute;
		top: 155px;
		left: 185px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		font-family: "Trebuchet MS", sans-serif;
		overflow: hidden;
	}
	
	.profiluyruk {
		width: 135px;
		height: 30px;
		position: absolute;
		top: 77px;
		left: 445px;
		-webkit-transform: skew(-25deg);
		-moz-transform: skew(-25deg);
		-o-transform: skew(-25deg);
		overflow: hidden;
	}
	
	.profiluyruk img {
		width: 135px !important;
		height: 28px !important;
	}
	
	
	.profiloyunda {
		width: 135px;
		height: 28px;
		position: absolute;
		top: 116px;
		left: 429px;
		-webkit-transform: skew(-25deg);
		-moz-transform: skew(-25deg);
		-o-transform: skew(-25deg);
		overflow: hidden;
		background: #e14020;
	}
	
	.profiloyundatext {
		height: 28px;
		line-height: 28px;
		width: 122px;
		position: absolute;
		top: 116px;
		left: 436px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		font-family: "Trebuchet MS", sans-serif;
		overflow: hidden;
	}
	
	.profiloyundaaktif{
		background: #58be1e !important;
	}
	
	.profilsongiris {
		width: 135px;
		height: 28px;
		position: absolute;
		top: 155px;
		left: 413px;
		-webkit-transform: skew(-25deg);
		-moz-transform: skew(-25deg);
		-o-transform: skew(-25deg);
		overflow: hidden;
		background: #f0f0f0;
	}
	
	.profilsongiristext {
		height: 28px;
		line-height: 28px;
		width: 124px;
		position: absolute;
		top: 155px;
		left: 420px;
		color: #323232;
		text-align: center;
		font-weight: bold;
		font-size: 10px;
		font-family: "Trebuchet MS", sans-serif;
		overflow: hidden;
	}
	.profilkarakteryok{
		display: none;
		margin-top: 150px;
		width: 940px;
		margin-left: 23px;
		background: #fff;
		padding: 10px;
		font-size: 16px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		position: relative;
	}
	
	.profilkarakteryok img{
		position: absolute;
		left: 310px;
		top: 11px;
	}
	
	
	.profilcezayok img{
		position: absolute;
		left: 298px;
		top: 11px;
	}
	
	.profilncyok{
		margin-top: 20px;
		width: 940px;
		margin-left: 23px;
		background: #fff;
		padding: 10px;
		font-size: 16px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		position: relative;
	}
	
	.profilncyok img{
		position: absolute;
		left: 298px;
		top: 11px;
	}
	
	.profilaraclar{
		width: 940px;
		min-height: 50px;
		border: 1px solid #eee;
		background: #fff;
		margin-top: 30px;
		margin-left: 23px;
		display: inline-block;
		position: relative;
		padding: 10px;
		font-family: "Trebuchet MS", sans-serif;
		display: none;
	}
	
	.profilaraclar thead {
		width: 100%;
		background: #F0F0F0;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.profilaraclar thead tr td{
		color: #606060;
		font-weight: 600;
	}
	
	.profilaraclar tbody {
		width: 100%;
		background: #fff;
		display: inline-block;
		color: #323232;
	}
	
	.profilaraclar tbody tr{
		width: 100%;
		background: #fff;
		display: inline-block;
		height: 125px;
		line-height: 125px;
		color: #323232;
		font-size: 14px;
		margin-top: 10px;
	}
	
	.profilaraclar tr{
		width: 100%;
	}
	
	.profilaraclar tr, .profilaraclar td{
		margin: 0;
		padding: 0;
		text-align: center;
		display: inline-block;
		overflow: hidden;
	}
	
	.profilnc{
		width: 940px;
		min-height: 50px;
		border: 1px solid #eee;
		background: #fff;
		margin-top: 30px;
		margin-left: 23px;
		display: inline-block;
		position: relative;
		padding: 10px;
		font-family: "Trebuchet MS", sans-serif;
	}
	
	.profilnc thead {
		width: 100%;
		background: #F0F0F0;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.profilnc thead tr td{
		color: #606060;
		font-weight: 600;
	}
	
	.profilnc tbody {
		width: 100%;
		background: #fff;
		display: inline-block;
		color: #323232;
	}
	
	.profilnc tbody tr{
		width: 100%;
		background: #fff;
		display: inline-block;
		height: 25px;
		line-height: 25px;
		color: #323232;
		font-size: 14px;
		margin-top: 10px;
	}
	
	.profilnc tr{
		width: 100%;
	}
	
	.profilnc tr, .profilnc td{
		margin: 0;
		padding: 0;
		text-align: center;
		display: inline-block;
		overflow: hidden;
	}
	
	
	.profilevler{
		width: 940px;
		min-height: 50px;
		border: 1px solid #eee;
		background: #fff;
		margin-top: 30px;
		margin-left: 23px;
		display: inline-block;
		position: relative;
		padding: 10px;
		font-family: "Trebuchet MS", sans-serif;
		display: none;
	}
	
	.profilevler thead {
		width: 100%;
		background: #F0F0F0;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.profilevler thead tr td{
		color: #606060;
		font-weight: 600;
	}
	
	.profilevler tbody {
		width: 100%;
		background: #fff;
		display: inline-block;
		color: #323232;
	}
	
	.profilevler tbody tr{
		width: 100%;
		background: #fff;
		display: inline-block;
		height: 188px;
		line-height: 188px;
		color: #323232;
		font-size: 14px;
		margin-top: 10px;
	}
	
	.profilevler tr{
		width: 100%;
	}
	
	.profilevler tr, .profilevler td{
		margin: 0;
		padding: 0;
		text-align: center;
		display: inline-block;
		overflow: hidden;
	}
	
	.panelgenel {
		
		width:100%;
		height:1000px;
		background-image:url('https://cdn.discordapp.com/attachments/588398539437244416/588444263285522433/panelbg.png');
		
	}
	
	.karakterbasvuruduyuru {
		
			width: 40%;
	
		height: 450px;
		border-radius: 10px;
		float:left;
		
	}
	.karakterpanel1 {
		width:60%;
	
		height:450px;
		float:left;
		
	}
	.panelprofil {
			width: 40%;
		height: 100px;
		background-color: #060a0c;
		float: left;
		margin-left: 7.5%;
		border-radius: 10px;
		margin-top: 10px;
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	}
	.paneldurum {float:left;
	width:50%;
	}
	
	.panelistatistik {
		  
		height: 100px;
		background-color: blue;
		float: left;
		margin-left: 7.5%;
		border-radius: 10px;
		margin-top: 10px;
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	}
	.panelistatistik1 {
		width:42.5%;
		height: 120px;
		background-color: white;
		float: left;
		border-left:3px solid blue;
		margin-left: 7.5%;
		border-radius: 10px;
		margin-top: 10px;
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	}
	.panelistatistik2 {
		  width:42.5%;
		height: 120px;
		background-color: white;
		float: left;
		border-left:3px solid red;
		margin-left: 7.5%;
		border-radius: 10px;
		margin-top: 10px;
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	}
	.paneldurumicerik {
		width: 50%;
		background-color: white;
		float: left;
		height: 300px;
		margin-left: 3%;
		margin-top: 20px;
				box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	
	}
	.panelprofil2 {
			width: 40%;
	 
		background-color: white;
		float: left;
		margin-left: 7.5%;
		border-radius: 10px;
		margin-top: 10px;
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	}
	.panelprofil3{
			width: 40%;
	 
		background-color: white;
		float: left;
		margin-left: 7.5%;
		border-radius: 10px;
		margin-top: 10px;
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
		
	}
	.panelprofiltitle {
		
		background-color:lightgray;
		padding:10px;
		color:blue;
		
				box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	
		
		
	}
	.panelguncelleme {
		
		width:40%;
		height:450px;
		background-color:white;
		margin-left:10px;
		padding:10px;
		float:left;
	
	}
	.panelguncellemeresim {
		
		width:100%;
		height:228px;
		background-image:url('https://cdn.discordapp.com/attachments/588398539437244416/588399142074581129/tommy.png');	
		float:left;
	}
	.panelprofilicerik {
		
		background-color:white;
		padding:10px;
		color:black;
		font-size:12px;
		border-bottom:1px solid black;
		
	}
	.panelistatistikbilgi {color: black;
	
	
		padding: 15px;
		padding-left: 100px;}
	.panelprofilbilgi {
		
	color: White;
	
	
		padding: 15px;
		padding-left: 100px;
		
	}
	.panellogo {
	
		height: 75px;
		width: 75px;
		border-style: 1px solid;
		border-radius: 50%;
		background-color: white;
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		border: 3px solid black;
	}
	
	.istatistikicon {
	
		height: 75px;
		width: 75px;
	
	
		background-image:url('https://cdn.discordapp.com/attachments/588398539437244416/588401096620245016/basv.png');
		margin-top: 10px;
		margin-left: 10px;
		float: left;
	
	}
	.oyundurum {
		
		width:90%;
		padding:10px;
		margin-top:10px;
		margin-left:20px;
		height:50px;
		border-radius:10px;
		border:1px solid gray;
		
		
		
	}
	.durumbaslik {
		margin-left:20px;	
		margin-top:10px;
	}
	.panelbaslik {
		
		
			margin-left: 7.5%;
		padding-top: 250px;
		/* margin-top: 15px; */
		line-height: 4;
		font-family: panelbaslik;
		font-size: 24px;
		color: black;
	}
	
	/* Karakter başvurusu buradan başlıyor /Allen/ */
	
	.vicekarakterbasvuru {
		width:100%;
		height:1000px;
	
	background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
		
	}
	.vicekarakterbaslik {
		
		width:100%;
		font-size:20PT;
		text-align:center;
		height:50px;
		padding:10px;
		margin-top:10px;
		color:black;
		font-weight:600;
		
	
	}
	.vicekaraktersol {
		width:35%;
		
		
	}
	
	.vicekaraktersolhosgeldin {
		
	
		height:544px;
		width:100%;
		float:left;
		
		
		
	}
	.vicekarakterhosgeldinyazi 
	{
		font-size:16PT;
		text-align:center;
		line-height:1.5;
			color:black;
		font-weight:600;
		
		float:right;
		margin-top:-62%;
		
	}
	.vicekaraktersolduyuru {
		margin-left: 5%;
		margin-top: 15%;
		border-radius:10px;
		padding:20px;
		width:90%;
		font-family: "Open Sans";
		height:450px;
		background-color:white;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	}
	.vicekaraktersag {
		border-radius:10px;
		width: 60%;
		height: 1300px;
		margin-right: 20px;
		margin-top: 20px;
		font-weight:;
		float: right;
		background-color: white;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	
	}
	
	.vicesolsoru {width:45%;
	margin-left:2.5%;
	font-weight:Normal;
	height:750px;
	margin-top:10px;
	padding:20px;
	padding-top:5px;
	}	
	.vicesagsoru {width:45%;
	margin-right:2.5%;
	font-weight:Normal;
	height:750px;
	margin-top:10px;
	float:right;
	padding:20px;
	padding-top:5px;
	}	
	
	h2 {
		
		margin-top:10px;
	}
	
	.vicekarakterilerle {
		
			width: 100%;
		float: left;
	
		font-weight:normal;
		margin: auto;
		margin-top:400px;
		text-align: center;
		
	}
	
	/
	
	@font-face {
	font-family: 'Rage Italic';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/Rage Italic'), url('RAGE_1.woff') format('woff');
	}
	
	@font-face {
		font-family: 'BebasNeueRegular';
		src: url('/fonts/bebasneue-webfont.woff') format('woff'),
			url('/fonts/bebasneue-webfont.ttf') format('truetype'),
			url('/fonts/bebasneue-webfont.webfontABYyK1dn') format('svg');
		font-weight: normal;
		font-style: normal;
	
	
	@font-face {
	font-family: 'Bebas Neue Regular';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/Bebas Neue Regular'), url('BebasNeue Regular.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Bebas Neue Regular';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/Bebas Neue Regular'), url('BebasNeue.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Bebas Neue Book';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/Bebas Neue Book'), url('BebasNeue Book.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Bebas Neue Thin';
	font-style: normal;
	font-weight: normal;
	src: local('https://vice-rp.com/forum/Themes/ViceRoleplay/fonts/BebasNeue%20Thin.woff'), url('https://vice-rp.com/forum/Themes/ViceRoleplay/fonts/BebasNeue%20Thin.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Bebas Neue Light';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/Bebas Neue Light'), url('BebasNeue Light.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Bebas Neue Bold';
	font-style: normal;
	font-weight: normal;
	src: local('fonts/Bebas Neue Bold'), url('BebasNeue Bold.woff') format('woff');
	}
	/* İKİNCİ AŞAMA KARAKTAR PANELİ */
	
	.ikinciasamasag {
		
		width:35%;
	
		float:left;
		margin-left:2.5%;
	
		
		
	}
	
	.ikinciasamasol{
		
		width:55%;
		margin-left:5%;
		
		float:left;
	
		
	}
	
	.vicesolsoruikinci {width:100%;
	
	
	height:750px;
	margin-top:10px;
	float:right;
	padding:20px;
	background-color:white;
	padding-top:5px;
	
	}	
	.vicesolsoruicerik {
		text-align:center;
		padding:10px;
		font-weight:600;
	
		
	}
	
	
	
	
	.ikinciasamaresim {
		
	
		height:544px;
		width:100%;
		float:left;
		margin-left:20%;
		
		
		
	}
	.ikinciasamaresim2 {
		
	
	
		margin-top: 20px;
		margin-bottom: 15px;
	
		margin-left: -5%;
	
		
		
		
	}
	
	.viceduyuruindex {
			border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin-top:15px;
		margin-bottom:15px;
		
	}
	
	.alert {
	  padding: 20px;
	  background-color: #f44336;
	  color: white;
	}
	
	.closebtn {
	  margin-left: 15px;
	  color: white;
	  font-weight: bold;
	  float: right;
	  font-size: 22px;
	  line-height: 20px;
	  cursor: pointer;
	  transition: 0.3s;
	}
	
	.closebtn:hover {
	  color: black;
	}
	
	.vicesahilsenibekliyor {
		
	font-size: 24pt;
		text-align: center;
		color: black;
		font-weight: 600;
		float: left;
		line-height:1.5;
		width: 15%;
		margin-left: 10%;
		margin-top: -55%;
	
	}
	textarea {
		border-radius:10px;
		width:70%;
		
	}
	
	/* KARAKTER BAŞVURUSU 3. AŞAMA credits allen */
	
	.karakterkutu {
	margin-bottom:15px;	
		width:40%;
		background-color:#fff;
	margin-left:5%;
		height:300px;
		float:left;
				box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	
		
		
	}
	
	.karakterkutu1 {
		
		width:40%;
		background-color:#fff;
		margin-left:10%;
		height:300px;
		float:left;
		border:1px solid #060a0c;
		
		
	}
	
	
	
	
	
	.karakterucuncuasamasag {
		
		width:55%;
		height:800px;
		background-color:white;
		margin-left:2.5%;
		margin-top: 20px;
		float:left;
		border-radius:10px;
	}
	
	.karakterucuncuasamasol {
		
		width:35%;
		border-radius:10px;
		height:600px;
		margin-top: 20px;
		background-color:white;
		margin-left:2.5%;
		float:left;
	}
	
	.basvuruuyari {
	
		width:35%;
		border-radius:10px;
		height:100px;
		text-align:center;
		padding:15px;
		margin-top: 20px;
		background-color:white;
		margin-left:2.5%;
		float:left;
	}
	
	.ucuncuasamaicerik1 {
		
		width:90%;
		margin-left:2.5%;
		margin-top:10px;
		
		
	}
	.ucuncuasamaresim {
		width:55%;
		height:100%;	
		float:left;
	}
	.ucuncuform1 {
		
		width: 40%;
		height: 200px;
		float: right;
		margin-right: 10px;
	
		margin-top:10px;
	}
	
		
	.uckarakter {
		padding:10px;
			text-align:center;
		
		
	}
	
	.uckarakterozellik {
		
		padding:10px;
		text-align:center;
		
	}
	.ucaile {
		
			padding:10px;
			text-align:center;
	}
	.ucyetenek {
		width:50%;
		height:300px;
		font-size:12pt;
		margin-top: -100%;
	float:left;
	text-align:center;
		margin-left: 2.5%;
		
		
	}
	.ucyetenekaciklama {
		
		width:100%;
		height:260px;
		text-align:left;
		padding:10px;
		margin-top:15px;
		float:left;
		background-color:lightgray;
		padding:20px;
		border-radius:10px;
		
	}
	.ucportre{
		height:200px;
	
		float:right;
		width:50%;
		margin-top:-100%;
		text-align:center;
		
		
		
	}
	
	.ucportreicerik {
		width:40%;
		height:150px;
		padding:20px;
	
		margin-left:10%;
		margin-top:10px;
		float:left;
	}
	
	.ucportreresimekle {
		
		width:40%;
		height:150px;
		padding:20px;
	
		margin-left:10%;
		margin-top:10px;
		float:left;
		
	}
	.kolon6{	 width:100%; float:left; height:400px; padding:10px; margin:10px; }
	
	.kolonbaslik{	 width:45%;	padding:10px; margin:10px;}
	.kolonbaslik2{	 width:45%;	padding:10px; margin:10px; margin-top:-30px; float:right;}
	
	
	.kolon3{	 width:45%; float:left; height:400px; padding:10px; margin:10px;}
	.kolon4{	 width:22.5%; float:left; height:100px; padding:10px; margin:10px; }  
	.kolon5{	 width:22.5%; float:left; height:100px; padding:10px; margin:10px;margin-left:60px;}  
	
	.kolon1 {
		width:45%; float:left; height:400px; padding:10px; margin:10px;
	
	
		} 
	
	.kolon2 {width:40%; height:400px; float:left;  padding:10px; margin:10px;
	text-align:center;
	
	margin-left:40px; } 
	
	/* Profil Sayfası credits allen */
	
	.profilsayfasi {
		background:#fff;
		width:100%;
		height:600px;
	
		padding:10px;
	}
	
	.profilicerik{ width:45%; float:left; padding:10px; margin:10px; height:300px;} 
	
	.profilicerik2{ width:50%; float:left; border-left:3px solid #060a0c; padding:10px; margin:10px; height:300px; } 
	.profilyetenekler{ background-color:lightgray; height:150px; width:45%; float:left;  padding:10px; margin:10px; } 
	.profilmenu{ border-top:3px solid #060a0c;  height:150px; width:45%; float:left; padding:10px; margin:10px; } 
	
	.profilianaicerikresim{background-color:lightgray;  width:35%; height:200px; float:left;  padding:10px; margin:10px; } 
	.profilianaicerikhikaye{ background-color:lightgray;  tex-talign:center; width:50%;height:200px;  float:left; padding:20px; margin:10px; } 
	
	
	.profilaltkarakter{ width:45%; height:250px;  float:left;  padding:10px; margin:10px; } 
	.profilhesapdetaylari{ width:45%; height:250px;  float:left;padding:10px; margin:10px; } 
	
	.profilicerik2kutu {
		width:90%; height:50px; background-color:lightgray; float:left; padding:10px; margin:10px;	 
	}
	.profilmenu1 {
		
		margin-top:10px;	width:25%; height:50px; background-color:lightgray; float:left; padding:10px; margin:10px;	 
	}
	
	//** SLICK DOTS EDIT **//
	.karakterler .slick-dots {
	margin-bottom: 12.5px;
	 margin-left: 55px;
	}
	.karakterler .slick-dots li button:before {
	font-size:10px !important;
	}
	
@media (min-width: 992px){
.col-md-3-5 {
  width: 20.16655% !important;
  padding-left:5px !important;
  padding-right:5px !important;
}
}

@media (min-width: 992px){
.col-md-8-5 {
  width: 79.83345% !important;
   padding-left:5px !important;
  padding-right:5px !important;
}
}

@media (max-width: 992px){
.col-md-3-5 {
  width: 100% !important;
}
}

@media (max-width: 992px){
.col-md-8-5 {
  width: 100% !important;
}
}

.navbar {
	text-transform: none !important; 
	font-family:Sofia-SemiBold !important;
	font-size:16px !important;
}



/* Çekiliş Sayfası v2 */

.allen-raffle {
	widows: 100%;
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.08) 0px 2px 2px;
}