* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    font-family: sans-serif;
}
::-webkit-scrollbar {
	width: 1vh;
}
::-webkit-scrollbar-track {
	background: #ccc;
}
::-webkit-scrollbar-thumb {
	background: #111;
    border: 0.1vh solid #ccc;
    border-right: 0vh solid #ccc;
}
.none{
    display: none;
}
.block{
    display: block;
}
.none2{
    display: none;
}
.block2{
    display: block;
}
.togri{
    background: #023510 !important;
}
.togri:hover{
    background: #045e1c !important;
}
.xato{
    background: #4c1c1a !important;
}
.xato:hover{
    background: #83312e !important;
}
body{
    background: url(../images/bg.PNG) no-repeat center center / cover;
}
.bgpty{
    background: #0007;
}
.bosh .top img {
    width: 10vh;
    height: 10vh;
    margin: 0 0 0 0.5vh;
}
.bosh .right {
    width: 4vh;
    height: 4vh;
    margin: 0 2.5vh 0 0;
}
.bosh .right .ko {
    width: 4vh;
    height: 0.3vh;
}
.bosh .right:hover{
    background: #e90f1d;
}
.bosh .right .a1{
    margin: 2vh 0 -0.5vh 0;
    transform: rotate(46deg);
}
.bosh .right .a2{
    transform: rotate(-44deg);
}
.bosh .right .a3{
    width: 3.5vh;
    height: 0.3vh;
    margin: 2vh 0 -0.5vh 0;
    transform: rotate(0deg);
}
.bosh .right .a4{
    width: 2vh;
    height: 0.3vh;
    margin: -0.9vh 0 0 0;
    transform: rotate(-32deg);
}
.bosh .right .a5{
    width: 2vh;
    height: 0.3vh;
    margin: 0.9vh 0 0 0;
    transform: rotate(32deg);
}
.bosh .centr{
    margin: 10vh 0 8vh 0;
    color: #ccc;
}
.bosh .centr .row{
    width: 60vh;
    height: 45vh;
    font-size: 2.5vh;
    margin: 1vh;
    border-radius: 1vh;
    line-height: 6vh;
}
.bosh .centr .row img{
    width: 12vh;
    height: auto;
}
.bosh .centr .row p{
    margin: 10vh 0 0 0;
}
.das1{
    background: #2e300b;
}
.das1:hover{
    background: #454711;
}
.das2{
    background: #0f1e32;
}
.das2:hover{
    background: #1c375a;
}
.das3{
    background: #2e0709;
}
.das3:hover{
    background: #68272b;
}
.bosh .btn button{
    color: #ccc;
    background: #3333338f;
    width: 45vh;
    height: 8vh;
    border-width: 0.3vh;
    margin: 0 auto 15.5vh auto;
    font-size: 4vh;
}
.btn button:hover{
    color: #ccc;
    background: #111;
}
.imti .im{
    max-width: 90vh;
    background: #3333338f;
    height: 40vh;
    margin-top: 15vh;
    margin-bottom: 33.2vh;
    border: 0.1vh solid #aaa;
    color: #ccc;
    font-size: 4vh;
}
.imti .im .bosh{
    margin-top: 1vh;
}
.imti .im .left button{
    color: #ccc;
    background: #3333338f;
    width: 25vh;
    height: 5vh;
    border-width: 0.3vh;
    margin: 24vh auto 0 auto;
    font-size: 2vh;
}
.imti .im h4{
    font-size: 3vh;
}
.imti .im2 .left button{
    margin: 2vh auto 0 auto;
}
.imti .im2 .bilet{
    height: 30vh;
    overflow: hidden;
    overflow-y: scroll;
    overflow-x: none;
}
.imti .im2 .bilet ul li{
    padding: 3vh;
    background: #111;
    border-radius: 50vh;
    margin: 1vh;
    border: 0.1vh solid #ccc;
    font-size: 2vh;
}
.imti .im2 .bilet ul li:hover{
    cursor: pointer;
    background: #0000;
}
.imti .im2 .bilet ul li:nth-child(1),.imti .im2 .bilet ul li:nth-child(2),.imti .im2 .bilet ul li:nth-child(3),.imti .im2 .bilet ul li:nth-child(4),.imti .im2 .bilet ul li:nth-child(5),.imti .im2 .bilet ul li:nth-child(6),.imti .im2 .bilet ul li:nth-child(7),.imti .im2 .bilet ul li:nth-child(8),.imti .im2 .bilet ul li:nth-child(9){
    padding: 3vh 3.5vh;
}
.asosiiy{
    max-width: 185vh;
    background: #11151b;
    border: 0.2vh solid #2a2f36;
    margin-top: -4vh;
    margin-bottom: 5vh;
}
.asosiiy .sfgg{
    width: 7vh;
}
.asosiiy .time{
    height: auto;
    padding: 1vh;
    background: #2d363d;
    color: #ccc;
    font-size: 3vh;
    margin-bottom: 1vh;
}
.asosiiy .savol{
    max-width: 150vh;
    height: auto;
    padding: 1vh;
    background: #00386d;
    color: #ccc;
    font-size: 3vh;
    margin-bottom: 4vh;
}
.asosiiy .asos .vari{
    width: 70vh;
    padding: 0 2vh 0 0;
    margin-bottom: 5vh;
}
.asosiiy .asos .vari button{
    width: 100%;
    height: auto;
    padding: 1vh 0;
    background: #232931;
    margin: 1vh;
    color: #ccc;
    font-size: 2.5vh;
    border: none;
}
.asosiiy .asos .vari button:hover{
    background: #2d363d;
}
.asosiiy .asos{
    padding: 0 2vh;
}
.asosiiy .asos .rasm{
    width: 85vh;
    height: auto;
}
.asosiiy .asos .rasm img{
    height: auto;
}
.asosiiy .javob{
    max-width: 70vh;
    margin-top: 0.8vh;
    margin-bottom: 0.8vh;
}
.asosiiy .javob button{
    width: 4vh;
    height: 4vh;
    background: #232931;
    border-radius: 0.4vh;
    margin: 0.8vh;
    border: none;
    font-size: 2vh;
    color: #ccc;
}
.asosiiy .javob button:hover{
    background: #2d363d;
}