body{margin: 0;background-color: #000;}
.top_background{text-align: center;background-image: url('/img/index/i/leto.jpg');background-size: cover;background-position: center top;height: 390px;position: relative;margin-top: 80px;}
.top_background:before{content: '';background-image: url('/img/index/i/leto1.jpg');position: absolute;left: 0;right: 0;height: 12px;}
.top_background:after{content: '';background-image: url('/img/index/i/leto2.jpg');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:bold;font-size:20pt;text-align:center;border-radius:50px;background-color:#fff;}
.menu-popup {background-image: url(/img/index/i/leto.jpg);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: bold;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;}
}