* { box-sizing: border-box; margin: 0; padding: 0; }

:root
{
	--page_bg: rgb(40, 40, 40);
  --page_navbar_bg: rgba(15,15,15, 1.0);
	--page_text_color: #d4d4c8;
	--page_text_contrast: #cc364f;
  --page_form_input_bg: #1f1f1f;
}

html, body, *
{
  user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;

  -webkit-touch-callout: none !important;
  -webkit-user-drag: none !important;
}

body
{
  background: var(--page_bg);
  color: var(--page_text_color);
  
  font-size: 1em;
  line-height: 1.1;
  font-weight: 400;
  font-family: century-gothic, sans-serif;
}

@media screen and (min-width: 800px)
{
	::-webkit-scrollbar {
	  width: 6px;
	}

	
	::-webkit-scrollbar-track {
	  background: rgba(0,0,0,0); 
	}
	
	
	::-webkit-scrollbar-thumb {
	  background: var(--page_text_contrast);
	}

	
	::-webkit-scrollbar-thumb:hover {
	  background: var(--page_text_contrast);
	}
}

a
{
  color: var(--page_text_contrast);
  transition: color 0.4s ease;
  text-decoration: none;
  cursor: pointer !important;
}

a:hover
{
  color: var(--page_text_color);
}

.hidden
{
  display: none;
}

.iukw
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 110vh;
  background: url("head.jpg") center top / cover no-repeat;
  z-index: -2;
  background-position: center;
  width: 100vw;
}

.iukw::after
{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 70%, var(--page_bg, #f4f4f4) 100%);
  pointer-events: none;
  z-index: -1;
}

.vrhs
{
  color: var(--page_text_contrast);
  margin: 20px 0 20px 0;
  font-weight: bold;
  font-size: 15px;
}

.xrmq
{
  position: absolute;
  width: 63px !important;
  height: 33px;
  z-index: 7;
  top: -7px;
  right: -9px;
}

.ccrd
{
  color: var(--page_text_color) !important;
  display: block !important;
  width: 100% !important;
  padding: 0px 3px 0px 3px !important;
  font-size: 14px !important;
  max-width: 84% !important;
  height: 10px !important;
  margin: 0 auto 10px auto !important;
  font-style: none !important;
}

.nqyx
{
	background-color: var(--page_navbar_bg);
  background: linear-gradient(var(--page_navbar_bg), var(--page_navbar_bg), rgba(11,11,11, 1.0));
	color: var(--page_text_color);
	position: relative; 
  bottom: 0%;
	padding: 30px 0rem 30px 0px;
  z-index: 8;
  text-align: center;
  width:100%;
  line-height: 3rem;
  cursor: default !important;
}

 .prqc
{
  font-size: min(3vw, 14px);
  color: var(--page_text_color);
  line-height: 18px;
} 

.zrbr
{
  color: var(--page_text_contrast);
  text-decoration: none;
  font-weight: bold;
  font-size: min(3vw, 16px);
  transition: all 0.4s ease;
  display: inline-block;
  cursor: pointer !important;
}

.zrbr:hover
{
  color: var(--page_text_color);
}

.xfzd
{
  display: inline-block !important;
  font-size: 20px !important;
  margin: 0 10px 0 10px !important;
}

#ynbl
{
  opacity: 1;
  transition: opacity 0.5s ease;
}

#ynbl.cyfe
{
  opacity: 0;
}


@media (max-width: 768px)
{
  .xfzd
  {
    display: none !important;
  }

  .nqyx
  {  	
    z-index: 8;
    text-align: right;
    padding-right: 20px;
  }

  .zrbr
  {
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 0;
    line-height: 20px;
  }
}