/* Start Style */
		@font-face 
		{
		  font-family: "NunitoSans-Bold";
		  src: url(../js/font/NunitoSans-Bold.ttf);
		}
		@font-face 
		{
		  font-family: "NunitoSans-Regular";
		  src: url(../js/font/NunitoSans-Regular.ttf);
		}
		@font-face 
		{
		  font-family: "OpenSans-Bold";
		  src: url(../js/font/OpenSans-Bold.ttf);
		}
		@font-face 
		{
		  font-family: "OpenSans-Regular";
		  src: url(../js/font/OpenSans-Regular.ttf);
		}
		@font-face 
		{
		  font-family: "OpenSans-Semibold";
		  src: url(../js/font/OpenSans-Semibold.ttf);
		}
		a:link
		{
			text-decoration: none;
		}
	
		body 
		{

			margin: 0px;
			padding: 0px;
			background-color: #2e2b34;

		}
		nav li a
		{
			color: #ffffff !important;
			border-right: 0.5px solid #ffffff0d;
			font-size: 14px;
			font-family: "OpenSans-Semibold";

		}
		nav li a:hover
		{
			 color: #f5c24f !important;
		}
		.navbar
		{
		 	background-color: #433f45;
    		padding: .8rem 1rem;

		}
		.dropdown-menu
		{
			background: #433f45;

		}
		.dropdown-menu a
		{
			color: #ffffff !important;
			font-size: 11px;
			font-weight: 500;
			font-family: "NunitoSans-Bold";
			padding-top: 10px;

		}
		.dropdown-menu .dropdown-item:hover
		{
			background: #22222222 !important;
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.31);
 			color: #f5c24f !important;
		}
		.Upper-bar
		{
			
			color: #ffffff;
			padding: 5px;
			font-size: 12px;
			font-family: "NunitoSans-Regular";
			height: 64px;
			font-size: 13px;
   			font-weight: 400;
   			background-color: #2e2b34;
			display: block;
			color: #fff;
			padding-top: 20px;
			
		}

		.Upper-bar .container .row li
		{
			float: left;
			list-style: none;
			padding-left: 20px;

		}

		.col-sm a
		{
			color: #ffffff !important; 	
		}
		.Upper-bar ul 
		{
			float: right;	
			display: inline-flex;
			margin: 0px;
		    padding: 0px;
		    display: block;
		    font-weight: bold;
		    color: #fff;
		}
		.user-control li>a.bg-login 
		{
		    background-color: #433f45;
		    padding: 40px 30px;
		}	
		
		.dropdown-menu
		{
		display: none;
	    height: 150px;
	    padding-top: 12.8px;
	    margin-top: 12px;
	    padding-bottom: 12.8px;
	    margin-bottom: 0px;
		}
		.breadcrumb-min
		 {
   			 background-color: #2b2731;

		 }
		 .breadcrumb-min ol .breadcrumb-item
		 {
   			
			 font-family: "OpenSans-Semibold";
		 }


		 .breadcrumb
		{
		background-color: transparent;
	    padding: 1.1rem 0rem;
	    text-transform: uppercase;
	    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.36);
	    font-size: 13px;
	    font-family: "Open Sans";
	    font-weight: 600;
	    border-radius: 0px;
	    margin: 0px;
		}
		.breadcrumb li a
		{
			color: rgb(95, 93, 99)!important;
  			text-decoration: none;
  			 
		}
		.breadcrumb li a:hover
		{
			color: rgb(95, 93, 99)!important;
		}
		.min-section h1
		 {
		    font-size: 23px;
		    font-family: "Open Sans";
		    color: rgb(255, 255, 255);
		    text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.26);
		    font-weight: 600;

		}
		.row
		 {
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		    margin-right: -15px;
		    margin-left: -15px;
		}
		.col
		{
			text-align: center;
			padding-top: 20px;
			border-radius: 10px;
			 font-family: "OpenSans-Regular";
		}
		.col:hover
		{
			background: #2b2731;
		}
		.col .fa
		{
			flex-basis: 0;
		    -ms-flex-positive: 1;
		    flex-grow: 1;
		    max-width: 100%;
		    font-size: 60px;
		    padding-bottom: 30px;

		}
		.col .title-feature
		{
			font-size: 20px;
			font-family: "NunitoSans-Bold";
		}
		.desc-feature
		{
			 font-family: "OpenSans-Regular";
			 font-size: 12px;
			 color: #9f9f9f;
		}
		 .container p 
		 {
	    font-family: "OpenSans-Regular";
	    color: #c3c3c3;
	    line-height: 1.875;
	    width: 70%;
	    margin: 0px auto 32px;
	    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
	    font-size: 13px;
		}
		.container hr
		{
			width: 25%;
		}
		.bt-section
		{
			    font-size: 14px;
			    font-family: "OpenSans-Regular";
			    color: #b2b2b2 !important;
			    border-radius: 3px;
			    background-color: rgb(54, 51, 61);
			    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.04);
			    width: 187px;
			    height: 50px;
			    display: block;
			    line-height: 50px;
			    font-weight: 600;
			    letter-spacing: 1px;
			    text-decoration: none !important;
			    cursor: pointer;

		}

		.bt-section:hover
		{
			background-color: #211e27;
			color: #f5c24f !important;
		}

		.footer-content
		 {

		    background-color: #27242b;
		    padding-top: 80px;
		    border-top: 5px solid  rgb(202, 145, 5);
		}
		.row 
		{
		    display: -ms-flexbox;  
		    flex-wrap: wrap;
		    margin-right: -15px;
		    margin-left: -15px;
		}
		.text-uppercase
		{
			color: rgb(202, 145, 5);
			 font-family: "NunitoSans-Bold";
			 font-size: 23px;
		}
		.text-uppercase
		{
			color: #ffffff;
		}
		.footer-content p
		{
		    font-size: 12px;
		    font-family: "OpenSans-Regular";
		    color: rgb(195, 195, 195);
		    line-height: 1.8;
		    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.43);
		    font-weight: 400;
		}
		.text-left
		{
		    text-align: left!important;
		}
			.col-4 
		{
			    
			flex: 0 0 33.333333%;
			max-width: 33.333333%;

		}

		.footer-content .links-ft 
		{
			margin: 0px 0px;
			padding: 0px 0px;
		}
		   .footer-content .social-media-ft 
		{
		    margin: 20px 0px 0px -40px;
		}
	   .social-media-ft 
	   {
	   	list-style: none;
	   	display: inline-flex;

	   }

	  .footer-content .social-media-ft li a i 
	  {
	    height: 50px;
	    width: 50px;
	    border-radius: 50%;
	    border: 1px solid #47424e;
	    text-align: center;
	    font-size: 22px;
	    color: #47424e;
	    line-height: 50px;
	    transition: all ease-in-out .3s;
	    -webkit-transition: all ease-in-out .3s;
		}

		.footer-content .social-media-ft li
		{
			padding-left: 30px;
		}

		.footer-content .social-media-ft li a i:hover 
		{
			color: rgb(202, 145, 5);
		}
		.footer-content .links-ft
		 {
		    margin: 0px 0px;
		    padding: 0px 0px;
		}

		.footer-content .links-ft li a 
		{
		    font-size: 11px;
		    font-family: "Open Sans";
		    color: rgb(195, 195, 195);
		    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.43);
		    font-weight: 400;
		    text-decoration: none;
		    width: 100px;
		    height: 31px;
		    background-color: #2e2b34;
		    text-align: center;
		    margin: 15px 5px 0px 0px;
		    border-radius: 10px;
		    line-height: 30px;
		    display: block;
		}
		.footer-content .links-ft
		{
			display: inline-block;
		}
		.footer-content .links-ft li a:hover
		{
			background-color: #211e27;
		}
		.footer-col h4
		{
			color: rgb(202, 145, 5);
			 font-family: "NunitoSans-Bold";
			 font-size: 18px;
		}
		.bottom p
		{
			text-align: center;
		}
		.formcss
		{
			margin-top: -300px;
		}
		.formcss form
		{
			width: 50%;
			padding-top: 20px;
			padding-bottom: 10px;
			border-radius: 10px;
			text-align: center;
			
			line-height: 50px;
		}
		.formcss form hr
		{
			border-bottom: .6px solid #3e3a459e;
		    width: 100%;
		    border-top: .5px solid #00000054;
		    display: block;
		    margin: 0px auto 45px;
		}
		.formcss form .fa
		{
			color: black;
			
			font-size: 20px;
		    background-color: #0000002e;
		    text-align: center;
		    width: 30px;
		    height: 37px;
		    line-height: 44px;
		    border-radius: 4px 0px 0px 4px;
		    border-right: 1px solid #282828b0;
		    color: #6a6f74;

		}
		.formcss form i
		{
			position: absolute;
			margin-left: 1px;
			float: left;
			margin-top: 6px;
		}
		.formcss input
		{
			text-align: center;

		}

		.formcss .formcssww
		{
			line-height: 2px;
		}
		.formcss input[type='text'],input[type='mobile'],input[type='email'],input[type='Password']
		{
			width: 80%;
		    height: calc(1.5em + 0.75rem + 2px);
		    padding: 0.375rem 0.75rem;
		    font-size: 1rem;
		    font-weight: 400;
		    line-height: 1.5;
		    color: #495057;
		    background-color: #201c26;
   			border: 1px solid #34323a;
		    background-clip: padding-box;
		    border-radius: 0.25rem;
		    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		}
		
		.formcss input[type='submit']:hover
		{
		  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
		}
		
		.formcss .forgotpass
		{
			font-size: 13px;
			padding-top: 1px;
		}
		.formcss form button i
		{
			margin-top: -8px;
			margin-left: -28px;
			background:transparent !important;
			border:none !important;
			color: #ffff !important;

		}
		.formcss button[type='submit'] 
		{
			width: 80%;
			padding: 10px;
		    background-color: #49464d;
		    color: hsl(0, 0%, 84%);
		    border:none !important;
		}
		.formcss button[type='submit']:hover
		{
			 background-color: #201c26 !important;
		} 
		.form-row .col a
		 {
		 	color: #fff;
		 }
		.form-row .col i
		{
			margin-top: -10px;
			margin-left: -28px;
			background:transparent !important;
			border:none !important;
			color: #ffff !important;
		}
		{

		}
		.msg
		{
 			background: #ffbbc1;
			width: 400px;
			font-size: 13px;
			 font-family: "OpenSans-Regular";
			 border-radius: 1px;
			 text-align: left;
			 border-left: 5px solid red;
			  padding-left: 30px;
			 height: 30px;
			 padding-top: 5px;
			 color: #99000e;
		}
		.done
		{
			background: #42a928;
			width: 400px;
			font-size: 13px;
			font-family: "OpenSans-Regular";
			border-radius: 2px;
			text-align: left;
			padding-left: 30px;
			height: 30px;
			padding-top: 5px;

		}
		
		.global-section .top-box .rank
		  {
		    position: absolute;
		    top: -20px;
		    left: -15px;
		    background-color: #27252c;
		    height: 60px;
		    width: 60px;
		    line-height: 55px;
		    font-size: 22px;
		    font-weight: bold;
		    color: #bababa;
		    border-radius: 50%;
		    border: 2px solid #3c3943;
		 }
		.global-section .top-box 
		{
		    background-color: #27252c;
		    padding: 30px;
		    border-bottom: 2px solid #3e3b45;
		    border-top: 2px solid #3e3b45;
		    position: relative;
		    margin-bottom: 35px;
		    text-align: center;
		    width: 320px;
		}
		.global-section .top-box ul li
		{
			list-style: none;
		}
		.global-section .top-box h1 
		{
		    margin-top: 15px;
		    margin-bottom: 7px;
		    color: #cccccc;
		    font-family: "OpenSans-Regular";
		    font-weight: bold;
		}
		.global-section .top-box ul
		 {
		    margin: 10px 0 0 0;
		    padding: 0;
		    position: relative;
		 }
		
		 .global-section .top-box ul li {
		    position: relative;
		    list-style: none;
		    background-color: #2d2b32;
		    padding: 7px;
		    margin-bottom: 2px;
		    font-size: 13px;
		    color: #c4c4c4;
		    text-align: left;
 			padding-left: 120px;
			}
		.global-section .top-box ul li i 
		{
		   position: absolute;
		    background-color: #363343;
		    height: 100%;
		    width: 33px;
		    line-height: 32px;
		    border-radius: 5px;
		    margin-left: -120px;
		    padding-left: 10px;
		    padding-bottom: 10px;
		    margin-top:-7px;

		}
		.global-section .top-box ul li:hover
		{
			background: #363343;
			border-radius: 5px;
		}
		.global-section .top-box .class-char 
		{
    		color: #c84f4f !important;

		}	
		.global-section h1
		 {
    		margin-bottom: 12px;
		 }

		.min-section h1
		 {
		    font-size: 23px;
		    font-family: "OpenSans-Regular";
		    color: rgb(255, 255, 255);
		    text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.26);
		    font-weight: 600;
		   
		 }
	
		 .profiledatass p 
		 {
		    width: 100%;
		     font-family: "OpenSans-Regular";
		    color: #919191;
		    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
		    font-size: 13px;
		    text-align: center;
		 }
		 .profiledatass .bordered 
		 {
		    border-bottom: .6px solid #3e3a459e;
		    width: 100%;
		    border-top: .5px solid #00000054;
		    display: block;
		    margin: 0px auto 45px;
		    width: 50%;
		 }
		 .global-section .top-box img,.cpanellist .imglist img
		  {
		    background-color: #201e24;
		    padding: 15px;
		    border-radius: 60px;
		    overflow: hidden;
		    border: 1px solid #37343f;
		 }
		 .top3account
		 {
		 	display: inline-flex;
		 	
		 }
		 	 .text-white:hover
		 {
		 	color: #f5c24f !important;

		 }
		 .onlineplayers1,.onlineplayers
		 {
		 	margin-left: 10px;
		 }
		 .onlineplayers1 td
		{
			width: 312px;
			color: #fff;
			text-align: center;
			background-color: #3c3943;
		    font-size: 14px;
		     font-family: "OpenSans-Regular";
		    color: #a9a9a9;
		    padding: 12px !important;
		}

		.onlineplayers td
		{
			width:312px;
			color: #222222;
			text-align: center;   
			border-bottom: 1px solid rgba(0, 0, 0, 0.14);
			border-right: 1px solid rgba(0, 0, 0, 0.14);
			font-size: 15px;
  			font-family: "OpenSans-Regular";
   		    color: #d1d1d1;
		    background-color: #333038;
		    vertical-align: middle !important;
		    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.12);
		}
		.onlineplayers td:hover
		{
			 background-color: #35323b;
		}
		.onlineplayers img
		{
			border-radius: 50%;
		}
		.onlineplayers img
		  {
		    background-color: #201e24;
		    padding: 5px;
		    border-radius: 60px;
		    overflow: hidden;
		    border: 1px solid #37343f;
		 }
		 .onlineplayers td a:hover
		 {
		 	color: #f5c24f !important;
		 }
		 .formcssww input[type='submit'],.formcp input[type='submit']
		 {
		 	width: 50%;
			background-color: #dc3545 !important;
			border:none;
		 }
		 .showdata .top3account
		 {
		 
		 	display: inline;

		 }
		 .showdata .top-box
		 {
		 	height: 170px;
		 	width: 400px;
		 }
		 .showdata .top-box li
		 {
		 	list-style: none;
		 	float: left;
		 }
		 .cpanellist
		{
    		background-color: #27252c;
			width: 230px;
			height: 102px;
			float: left;
			overflow-y: hidden;
    		z-index: 1038;
    		text-align: center;
    		position: absolute;
    		margin-top: -150px;
    		border-bottom: 2px solid #3e3b45;
   			border-top: 2px solid #3e3b45;
		}
		.cpanellist a
		{
			color: #fff;
		}
		.cpanellist img 
		{
		  border-radius: 50% !important;
		}
		.listlink
		{

	    background-color: #2d2b32;
	    padding: 7px;
	    margin-bottom: 2px;
	    font-size: 13px;
	    color: #c4c4c4;
	    text-align: left;
		}
		.listlink:hover
		{
			 background: #363343;
			border-radius: 5px;
		}
		.test
		{
			margin-left: -230px;
		}