body{margin:0;background-color:#000}
.top_background{text-align:center;background-image:url(/homepage/zima.png);background-size:cover;background-position:center top;height:390px;position:relative;margin-top:80px}
.top_background:before{content:'';background-image:url(/homepage/zima2_2.png);position:absolute;left:0;right:0;height:12px}
.top_background:after{content:'';background-image:url(/homepage/zima1_2.png);position:absolute;left:0;right:0;bottom:0;height:31px}
.logo{position:relative;z-index:1;top:27px}.grid3x{display:grid;grid-template-columns:repeat(3,1fr)}
.input_black{background-color:#151616;border:1px double #817a63;color:#dfddd3;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;height:21px;width:245px;color-scheme:dark}
.grid3x .col-2{padding-top:20px}
.btn_black{background-color:#2b2b18;border:1px double #817a63;color:#dfddd3;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:2px;width:119px;height:25px;text-align:center;outline:none;caret-color:transparent;cursor:pointer;transition:all .1s ease-in .1s}
.btn_black:hover,.btn_black:focus,.btn_black:active{color:#fffdf2;background-color:#212112;border:1px double #5e5948}
.grid3x>div{padding:10px}
.ul_menu li{list-style:none;display:inline-block;padding:10px}
.ul_menu li a{text-decoration:none;font-family:Arial;font-size:17px;color:#fff;transition:all .1s ease-in .1s}
.ul_menu li a:hover{color:red}
.title_input{color:#fff;font-family:Arial,Verdana,sans-serif;font-size:14px}
.logo2-mob{margin-top:20px;text-align:center;display:grid;padding:10px;grid-gap:20px;grid-template-columns:1fr 1fr}
.logo2-mob img{max-width:100%}
.menu-close{display:block;font-family:Arial,Verdana,sans-serif;width:30px;height:30px;position:absolute;right:10px;top:10px;z-index:100;text-decoration:none;color:#161616;font-weight:700;font-size:20pt;text-align:center;border-radius:50px;background-color:#fff}
.menu-popup{background-image:url(/homepage/zima.png);background-repeat:no-repeat;background-size:cover;background-color:#fff;display:none;position:fixed;left:-110%;top:0;bottom:0;width:100%;box-sizing:border-box;z-index:9999}
.menu-triger{position:absolute;color:#fff;font-size:27pt;font-weight:700;background-color:#0e090875;padding:7px;z-index:2}
.nav-mobile{padding:0;margin-top:50px}
.nav-mobile li{padding-left:15px;padding-right:15px;padding-top:5px;display:block}
.w-fix-320{width:320px}
.repass-form,.auth_form{max-width:400px;width:auto!important;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em}
.repass-form input,:is(.auth_form,#register_main) 
.input_black{width:100%!important;box-sizing:border-box;padding:4px 8px;border-radius:4px;height:40px;font-size:16px;line-height:20px}
.btn_black{padding:4px 8px;box-sizing:border-box;border-radius:4px;font-size:16px;height:40px}
.text-center{text-align:center}
.flex-justify-between{display:flex;flex-direction:row;justify-content:space-between;gap:1em}
.flex-1-auto>*{flex:1 1 auto}@media(max-width:910px){
	.nav-pc{display:none}
	.top_background{margin-top:0}}@media(max-width:725px){
		.grid3x{margin-top:20px}.grid3x .col-1,
		.grid3x .col-3{display:none}
		.grid3x .col-2{grid-column-start:1;grid-column-end:4}}@media(min-width:910px){
			.menu-popup,.menu-triger{display:none}
			.w-fix-320{width:auto;max-width:400px}}@media(min-width:725px){
				.logo2-mob{display:none}
				.w-fix-320{width:auto;max-width:400px}}
				
button {
  height: 25px;
  margin: 5px;
  width: 170px;
  background: #333;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Consolas, Courier New, monospace;
  border: solid #404C5D 1px;
  font-size: 12px;
  color: rgb(161, 161, 161);
  -webkit-transition: 500ms;
  transition: 500ms;
  border-radius: 5px;
  background: linear-gradient(145deg, #2e2d2d, #212121);
  -webkit-box-shadow: -1px -5px 15px #41465B, 
               5px  5px 15px #41465B, 
    inset      5px  5px 10px #212121, 
    inset     -5px -5px 10px #212121;
  box-shadow: -1px -5px 15px #41465B, 
               5px  5px 15px #41465B, 
    inset      5px  5px 10px #212121, 
    inset     -5px -5px 10px #212121;
}

button:hover {
  -webkit-box-shadow: 1px 1px 13px #20232e,
                    -1px -1px 13px #545b78;
  box-shadow: 1px 1px 13px #20232e,
             -1px -1px 13px #545b78;
  color: #d6d6d6;
  -webkit-transition: 500ms;
  transition: 500ms;
}

button:active {
  -webkit-box-shadow: 1px 1px 13px #20232e,
                     -1px -1px 33px #545b78;
  box-shadow: 1px 1px 13px #20232e,
             -1px -1px 33px #545b78;
  color: #d6d6d6;
  -webkit-transition: 100ms;
  transition: 100ms;
}

.input {
 color: #808080;
 border: 2px solid ##c8d8de;
 border-radius: 10px;
 padding: 10px 25px;
 background: transparent;
 max-width: 120px;
}

.input:active {
 box-shadow: 2px 2px 15px red inset;
}

p {
  font-size: 12px;
  color: white;
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup .popuptext {
    visibility: hidden;
    width: 170px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
.fl2 {
	height: 12px;
	background:url(/homepage/zima2_2.png) #000;
}
.text-main {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            color: white;
            font-size: 11px;
            padding: 10px;
        }
        @media (max-width: 768px) {
            .text-main {
                font-size: 12px;
            }
        }