*{

	margin: 0px;

	padding: 0px;

	outline: 0px;

}



body{

	background-color: #171415;

	background-image: url(../img/bg_header.jpg), url(../img/bg_footer.jpg);

	background-position: center top, center bottom;

	background-repeat: no-repeat;

	font-family: 'Ubuntu', sans-serif;

}

g-recaptcha {
    width: 304px;
    margin: 0 auto;
}

header{

	position: absolute;

	z-index: 3;

	top: 0px;

	height: 48px;

	width: 100%;

	background-color: #211c1c;

}



#head_wrap{

	width: 950px;

	margin: 0 auto;

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	position: relative;

}



.servername{

	font-weight: bold;

	color: #8a7d7d;

	text-transform: uppercase;

	letter-spacing: -1px;

	line-height: 50px;

	font-size: 14px;

}



.servername span{

	font-size: 22px;

}



#head_wrap ul{

	list-style: none;

	display: flex;

	display: -webkit-flex;

	font-size: 12px;

	line-height: 60px;

	color: #8a7d7d;

}



#head_wrap ul li:not(.last){

	padding-right: 8px;

}



#head_wrap ul li:not(.last):after{

	content: '|';

	padding-left: 8px;

}



#head_wrap ul li a{

	color: #8a7d7d;

	text-decoration: none;

	transition: color .2s ease-in-out;

	-webkit-transition: color .2s ease-in-out;

	padding-top: 9px;

	padding-bottom: 12px;

	padding-left: 8px;

	padding-right: 8px;

}



#head_wrap ul li span{

		padding-top: 9px;

	padding-bottom: 12px;

	padding-left: 8px;

	padding-right: 8px;

	cursor: pointer;

	transition: color .2s ease-in-out;

	-webkit-transition: color .2s ease-in-out;

}



#head_wrap ul li span:hover{

	color: #c8b8b8;

}



#head_wrap ul li a.active, #head_wrap ul li span.active{

	background-color: rgba(19,15,14,.63); 

	color: #c8b8b8;

}



#head_wrap ul li a:hover{

	color: #c8b8b8;

}



#login{

	position: absolute;

	z-index: 2;

	background-color: rgba(0,0,0,.2);

	top: 8px;

	margin-left: 400px;

	padding-top: 30px;

	padding-bottom: 8px;

	padding-right: 18px;

	padding-left: 35px;

	transition: top .4s cubic-bezier(.63,1.17,.61,1.69), opacity .25s ease-in-out;

	opacity: 0;

}



.login_toggled{

	opacity: 1 !important;

	top: 38px !important; 

}



#login form{

	display:-webkit-flex;

	display:flex;

	-webkit-flex-direction: column;

	flex-direction: column;

	align-items: flex-end;

	-webkit-align-items: flex-end;

	width: 100%;

}



input[type=text], input[type=email], input[type=password], input[type=search], select {

	border-style: solid;

	border-width: 1px;

	border-color: rgb(44, 36, 36);

	border-radius: 4px;

	background-color: rgb(22, 18, 19);

	box-shadow: inset 0px 0px 1.36px 0.64px rgba(0, 0, 0, 1);

	width: 177px;

	height: 27px;

	font-family: 'Ubuntu', sans-serif;

	font-size: 11px;

	color: #807575;

	padding-right: 10px;

	padding-left: 10px;

	text-align: right;

	margin-bottom: 10px;	

	transition: all .2s ease-in-out;

	-webkit-transition: all .2s ease-in-out;

}



select{

	width: auto;

}



input[type=text]:hover, input[type=password]:hover, input[type=email]:hover,input[type=text]:focus, input[type=password]:focus,input[type=email]:focus{

	border-color: rgb(64, 46, 46);

	background-color: rgb(26, 22, 24);

	box-shadow: inset 0px 0px 2.36px 1px rgba(0, 0, 0, .5);

}



input[type=submit]{

	background-image: url(../img/btn_small.png);

	background-repeat: no-repeat;

	width: 117px;

	padding-bottom: 5px;

	height: 41px;

	background-color: transparent;

	border: 0px;

	font-family: 'Ubuntu', sans-serif;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: -.5px;

	font-weight: 600;

	color: #efc98e;

	text-shadow: 0px 1px 1px rgba(0,0,0,1);

	margin-left: 10px;

	transition: opacity .2s ease-in-out;

	-webkit-transition: opacity .2s ease-in-out;

}



input[type=submit]:hover{

	opacity: .7;

}







::-webkit-input-placeholder {

   color: #504343;

}



:-moz-placeholder { /* Firefox 18- */

   color: #504343;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #504343;  

}



:-ms-input-placeholder {  

   color: #504343;  

}



#wrapper{

	width: 992px;

	margin: 0 auto;

}



#logo{

	display: block;

	text-align: center;

	margin-top: 230px;

}



#logo img{

	transition: all .4s ease-in-out;

}



#logo:hover > img{

	transform: scale(.97);

	opacity: .5;

}



#mainnav{

	width: 984px;

	height: 113px;

	background-image: url(../img/mainnav.png);

	margin: 0 auto;

	margin-top: 85px;

	position: absolute;

	z-index: 2;

	left: 50%;

	margin-left: -492px;

}



#mainnav ul{

	display: -webkit-flex;

	display: flex;

	-webkit-justify-content: space-around;

	justify-content: space-around;

	list-style: none;

	padding-left: 25px;

	padding-right: 25px;

	font-size: 14px;

	font-weight: 600;

	line-height: 50px;

	padding-top: 30px;

	text-transform: uppercase;

}



#mainnav ul li a{

	position: relative;

}



#mainnav ul li a:hover{

	color:#b88962;

}



#mainnav ul li a:hover:before{

	background-color: rgba(255,255,255,1);

	top: 5px;

	left: 0px;

	right: 0px;

	bottom: 5px;

}



#mainnav ul li a:before{

	content: '';

	mix-blend-mode:overlay;

	background-color: rgba(255,255,255,0);

	position: absolute;

	top: 20px;

	left: 20px;

	right: 20px;

	bottom: 20px;

	border-radius: 100%;

	-webkit-filter: blur(8px);

	filter: blur(8px);

	transition: all .3s ease-in-out;

}





#mainnav ul li a{

	text-decoration: none;

	color: #ffc974;

	text-shadow: 0px 1px 3px rgba(0,0,0,.8);

	display: block;

	padding-left: 20px;

	padding-right: 20px;

	transition: all .3s ease-in-out;

}



main{

	width: 100%;

	background-image: url(../img/content_header.png), url(../img/content_footer.png), url(../img/content_repeat.png);

	background-position: center top, center bottom, center center;

	background-repeat: no-repeat, no-repeat, repeat-y;

	margin-top: 188px;

	display: flex;

	position: relative;

}



main:after{

	content: '';

	background-image: url(../img/content_shadow.png);

	position: absolute;

	width: 1100px;

	height: 235px;

	z-index: -1;

	bottom: -70px;

	left: -50px;

}



article{

	width: 620px;

	margin-left: 13px;

	margin-top: 12px;

	padding-bottom: 46px;

}



article h1{

	color: #f2d3a3;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: normal;

	text-shadow: 0px 2px 3px rgba(0,0,0,0.9);

	padding-left: 20px;

	padding-top: 15px;

	font-weight: 500;

}



.seperater, hr{

	width: 649px;

	height: 64px;

	background-image: url(../img/content_sepanybu.png);

	margin-left: -36px;

	margin-top: -5px;

	border: 0px;

}



.content{

	width: 570px;

	text-align: justify;

	padding-left: 23px;

	margin-top: -15px;

	color: #a3978d;

	font-size: 12px;

	line-height: 22px;

}



.content p{

	padding-top: 9px;

	padding-bottom: 9px;

}



article h2{

	font-size: 14px;

	font-weight: normal; 

	color: #f2d3a3;

	text-shadow: 0px 2px 2px rgba(0,0,0,0.9);

	font-weight: 500;

	line-height: 10px;

}



article h3{

	font-size: 9px;

	font-weight: normal; 

	color: #6e6258;

	text-shadow: 0px 2px 1px rgba(0,0,0,0.9);

	text-transform: uppercase;

	font-weight: 600;

	padding-bottom: 3px;

}



.content_line{

	width: 594px;

	height: 5px;

	background-image: url(../img/content_line.png);

	margin-left: -12px;

}



main a{

	color: #91a448;

}



main a:hover{

	color: #aabe5c;

}



.btn_m{

	width: 151px;

	height: 45px;

	text-align: center;

	color: #efc98e;

	font-weight: 500;

	text-shadow: 0px 1px 2px rgba(0,0,0,1);

	line-height: 40px;

	background-image: url(../img/btn_mid.png);

	display: block;

	text-decoration: none;

	float: right;

	margin-top: 10px;

	transition: opacity .2s ease-in-out;

}



.clear{

	clear: both;

}



.btn_m:hover{

	opacity: .75;

	color: #efc98e;

}



footer{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}



.cr{

	color: #5d4c42;

	font-size: 11px;

	padding-left: 40px;

	padding-top: 35px;

	width: 30%;

	letter-spacing: -.3px;

}



footer a{

	color: #7d6c61;

	text-decoration: none;

}



.cr span{

	display: block;

	font-size: 12px;

	padding-bottom: 3px;

}



.nybucms{

	width: 30%;

	text-align: right;

	padding-right: 40px;

	padding-top: 30px;

	font-size: 14px;

	color:#7d6c61;

	font-weight: bold;

	letter-spacing: -1px;

	transition: color .2s ease-in-out;

}



footer a{

transition: color .2s ease-in-out;	

}



.nybucms a:hover, .cr a:hover{

	color: #aabe5c;

}



.nybucms span{

	font-size: 22px;

}



.nybucms .powered{

	color: #5d4c42;

	font-size: 11px;

	font-weight: normal;

}



#footnav{

	height: 47px;

	background-color: #0c0806;

	margin-top: 50px;

	overflow: hidden;

	box-shadow: 0px -25px 25px rgba(0,0,0,.5);

}



#footnav ul{

	width: 925px;

	margin: 0 auto;

	list-style: none;

	display: flex;

	display: -webkit-flex;

	justify-content: flex-end;

	-webkit-justify-content: flex-end;

	color: #8d857f;

	font-size: 12px;

	margin-top: 22px;

}



#footnav ul li:not(.last){

	padding-right: 6px;

}



#footnav ul li:not(.last):after{

	content: '|';

	padding-left: 6px;

}



#footnav ul li a{

	color: #8d857f;

	text-decoration: none;

	transition: color .2s ease-in-out;

	-webkit-transition: color .2s ease-in-out;

	padding-left: 6px;

	padding-right: 6px;

}



#footnav ul li a:hover{

	color: #b5b0ad;

}



.sb_btn{

	width: 311px;

	height: 74px;

	text-align: center;

	line-height: 75px;

	background-image: url(../img/btn_sidebar.png);

	color: #f4ff74;

	font-weight: bold;

	font-size: 16px;

	text-shadow: 0px 2px 2px rgba(0,0,0,0.9);

	display: block;

	text-decoration: none;

	position: relative;

	margin-left: 21px;

	margin-top: 25px;

	transition: all .3s ease-in-out;

	text-transform: uppercase;

}



.sb_btn:hover:before{

	background-color: rgba(255,255,255,.55);

	top: 20px;

	left: 30px;

	right: 30px;

	bottom: 20px;

}



.sb_btn:before{

	content: '';

	mix-blend-mode:overlay;

	background-color: rgba(255,255,255,0);

	position: absolute;

	top: 30px;

	left: 40px;

	right: 40px;

	bottom: 30px;

	border-radius: 100%;

	-webkit-filter: blur(8px);

	filter: blur(8px);

	transition: all .3s ease-in-out;

}



.sb_btn:hover{

	color: #d7e164;

}



#subnav ul{

	list-style: none;

	text-align: right;

	margin-left: 7px;

	margin-top: 9px;

}



#subnav ul li{

	

}



#subnav ul li a{

	color: #8d7f6d;

	text-decoration: none;

	line-height: 63px;

	text-transform: uppercase;

	font-size: 12.5px;

	font-weight: 500;

	transition: color .2s ease-in-out;

	text-shadow: 0px 1px 2px rgba(0,0,0,0.9);

	width: 332px;

	height: 58px;

	background-image: url(../img/submenu.png);

	display: block;

}



#subnav ul li a:after{

	content: '\f105 \f105';

	font-family: FontAwesome;

	font-size: 13.5px;

	padding-right: 25px;

	padding-left: 12px;

}



#subnav a.active{

	color: #91a448;

}



#subnav a:hover{

	color: #91a448;

}



.sb_box{

	width: 285px;

	margin-left: 34px;

	margin-top: 40px;

	color: #a3978d;

	font-size: 12px;

	background-image: url(../img/sidebar_shine.png);

	background-repeat: no-repeat;

	background-position: center top;

	min-height: 250px;

}



.sb_box span{

	color: #ead0a6;

}



.sb_box h3{

	color: #f2d3a3;

	font-size: 14px;

	font-weight: 500;

	text-shadow: 0px 1px 2px rgba(0,0,0,.9);

}



.sb_box h4{

	font-size: 9px;

	font-weight: normal; 

	color: #6e6258;

	text-shadow: 0px 2px 1px rgba(0,0,0,0.9);

	text-transform: uppercase;

	font-weight: 600;

	padding-bottom: 3px;

}



.sb_line{

	width: 299px;

	height: 5px;

	background-image: url(../img/sidebar_spacer.png);

	margin-left: -9px;

	margin-top: 7px;

	margin-bottom: 20px;

}



.sb_box .stats{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	color: #a3978d;

	margin: 0 auto;

	

	width: 90%;

}



.sb_box .progress{

	width: 278px;

	height: 24px;

	background-image: url(../img/full.png), url(../img/full.png);

	background-size: 90% 24px, 278px 24px;

	background-repeat: no-repeat;

	margin: 0 auto;

	margin-top: 4px;

	position: relative;

	margin-bottom: 15px;

}



.sb_box p{

	line-height: 18px;

	padding-top: 3px;

	padding-bottom: 8px;

}



table{

	width: 100%;

	border-spacing: 0px;

}



thead tr{

	height: 50px; 

	background-color: rgba(42,36,35,.62);

	border: 0px;

	padding: 0px;

}



th{

	padding: 0px;

	margin: 0px;

	font-weight: 500;

	color: #b5a8a6;

	text-shadow: 0px 1px 1px rgba(0,0,0,0.9);

	text-align: left;

	padding-left: 20px;

}



td{

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 20px;

	color: #a3978d;

}



tbody tr:nth-child(2n+1){

	background-color: #171312;

}



tbody tr:nth-child(2n+2){

	background-color: #1e1918;

}



tbody td:nth-child(2n+2){

	color: #645a52;

}



tr td:first-child{

	text-align: right;

	padding-right: 10px;

}



tr th:first-child{

	text-align: right;

	padding-right: 10px;

}



tr td:last-child{

	padding-right: 20px;

	text-align: right;

}



tr th:last-child{

	padding-right: 20px;

	text-align: right;

}



.first{

	color: #f0cd52;

}



.second{

	color: #cbcbcb;

}



.third{

	color: #c19566;

}



aside{

	padding-bottom: 40px;

}



.dataTables_length, .dataTables_filter{

	display: inline;

}



.dataTables_length{

	margin-left: 10px;

}



.dataTables_length select{

	margin-left: 5px;

	margin-right: 5px;

}



 .dataTables_filter{

	 padding-left: 80px;

 }

 

 .dataTables_info{

	 padding-left: 10px;

	 padding-top: 5px;

 }

 

  .dataTables_filter input{

	 margin-left: 5px;

 }

 

 .dataTables_paginate .previous{

	 color: rgba(0,0,0,0);

	 width: 25px;

	 height: 35px;

	 background-image: url(../img/arrow_left.png);

	 display: block;

	 cursor: pointer;

	 margin-right: 10px;

 }

 

  .dataTables_paginate .next{

	 color: rgba(0,0,0,0);

	 width: 25px;

	 height: 35px;

	 background-image: url(../img/arrow_right.png);

	 display: block;

	 cursor: pointer;

	 margin-left: 10px;

 }

 

 .dataTables_paginate{

	 display: flex;

	 justify-content: flex-end;

 }

 

span .paginate_button{

	line-height: 30px;

	padding-left: 5px;

	padding-right: 5px;

	cursor: pointer;

	color: #a3978d;

 }

 

.dataTables_paginate span .current{

	 color: #aabe5c;

 }

 

 /* ADDITIONAL ELEMENTS */



.tooltip {

  position: relative;

  display: inline-block;

  border-bottom: 1px dotted black;

}



.tooltip .tooltiptext {

  visibility: hidden;

  width: 120px;

  background-color: black;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 5px 0;



  /* Position the tooltip */

  position: absolute;

  z-index: 1;

}



.tooltip:hover .tooltiptext {

  visibility: visible;

}