* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Kelly Slab', cursive;
    font-size: 18px;
    font-weight: 100;
    background: url(/img/sky.png) no-repeat;
    /* background-size: cover; */
    background-attachment: fixed;
}
.logo-content {
    margin-bottom: 40px;

}
.logo {
    margin-right: 50px;
    margin-top: 20px;
}
.logo img {
    width: 100%;
}
.rigel {
    position: absolute;
    width: 70%;
    left: -400px;
    top: -1000px;
    border-radius: 50%;
    z-index: -16;
    transform: rotate(-25deg);
}
.h-450 {
    height: 450px;
}
li {
    list-style-type: none;
}
.menu {
    width: 550px;
    position: relative;
    left: 450px;
    top: 20px;    
}
.menu ul {
    display: flex;
    justify-content:space-around;
}
.menu ul li {
    padding: 0 7px;
}
.menu a {
    color: rgb(207, 207, 207);
    /* text-transform: uppercase; */
    font-size: 18px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
    border-bottom: 1px dotted;
    padding-bottom: 3px;
    font-stretch: ultra-expanded;
}
.menu a:hover {
    text-decoration: none;
    color: #fff;
}
.bd {
    border: 1px solid #000;
}
.bd-w {
    border: 1px solid #fff;
}
.front-page {
    z-index: -1;
    position: relative;
    /* top: -1200px; */
}
.fon-hei {
    position: relative;
    top: -320px;
    left: 358px;
    z-index: -2;
    width: 680px;
    height: 275px;
}
.trial-fight {
    position: absolute;
    top: 275px;
    left: 24px;
    z-index: -3;
    width:249px;
    height:145px;
}
.trial-fight img {
   background-size: 100%;
    width:249px;
    height: 145px;
}
/* ..........................................Форма_авторизации */
.login-form {
    display: flex;
    flex-direction: column;
    position: relative;
    top: -329px;
    left: 17px;
    width: 223px;
}
.user-login, .user-pass {
    padding: 13px 0;
    /* background: #900908; */
    background: url(/img/login-bd2.png);
    border: 1px solid #000;
    color: #fff;
    border-radius: 11px;
    padding-left: 40px;
    font-size: 18px;
}
.user-login-icon {
    width: 25px;
    position: absolute;
    top: 15px;
    left:6px;
}
.user-pass-icon {
    width: 25px;
    position: absolute;
    top: 70px;
    left:6px;
}
.user-login:focus {
    outline: none;
    /* border: 0px solid transparent; */
}
.user-pass:focus {
    outline: none;
    /* border: 0px solid transparent; */
}

.login-btn {
    background: url(/img/login-form-btn.png) no-repeat;
    width: 55px;
    height: 55px;
    position: relative;
    top:-82px;
    left: 192px;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
.login-btn:hover {
    background: url(/img/login-form-btn-hover.png) no-repeat;
    width: 55px;
    height: 55px;
    position: relative;
    top:-82px;
    left: 192px;
    border-radius: 100%;
}
/* .login-btn:active {
    
} */
.login-btn:focus {
    /* border: 5px solid transparent; */
    outline: transparent;
}
.login-btn:active {
    border: 1px solid #000;
}


.go_to_play {
    background: url(/img/login-form-btn.png) no-repeat;
    width: 55px;
    height: 55px;
    position: relative;
    top:-98px;
    left: 192px;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
.go_to_play:hover {
    background: url(/img/login-form-btn-hover.png) no-repeat;
    width: 55px;
    height: 55px;
    position: relative;
    top:-98px;
    left: 192px;
    border-radius: 100%;
}
.go_to_play:focus {
    outline: transparent;
}
.go_to_play:active {
    border: 1px solid #000;
}




input.user-login::-webkit-input-placeholder {
    color: rgb(207, 207, 207);
}
input.user-login::-ms-input-placeholder {
    color: rgb(207, 207, 207);
}
input.user-login:-ms-input-placeholder {
    color: rgb(207, 207, 207);
}
input.user-login:-moz-placeholder {
    color: rgb(207, 207, 207);
}
input.user-login::-moz-placeholder {
    color: rgb(207, 207, 207);
}

input.user-pass::-webkit-input-placeholder {
    color: rgb(207, 207, 207);
}
input.user-pass::-ms-input-placeholder {
    color: rgb(207, 207, 207);
}
input.user-pass:-ms-input-placeholder {
    color: rgb(207, 207, 207);
}
input.user-pass:-moz-placeholder {
    color: rgb(207, 207, 207);
}
input.user-pass::-moz-placeholder {
    color: rgb(207, 207, 207);
}
/* ..........................................Форма_авторизации */


/* ............................................кнопка_в_бой */
.top_button {
    position: relative;
    width: 70px;
    height: 70px;
    top: -310px;
    left: 29px;
    border-radius: 100%;
}
.top-button-img {
    width: 100%;
}
.top-button-img:focus {
    border: 1px solid transparent;
    outline: transparent;
} 
.top-button-img:active {
    position: relative;
    top: 5px;
}
.down-button-img {
   width: 100%;
   position: relative;
   top: -34px; 
}
/* .............................................кнопка_в_бой */
.explanation-text {
    position: relative;
    color: rgb(207, 207, 207);
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
    top: -275px;
    left: 26px;

}
.greating {
    background: url(../img/ekran.png) no-repeat;
    width: 670px;
    height: 289px;
    position: absolute;
    left: 380px;
    top: 110px;
    z-index: -1;
    background-size: cover;
    line-height: 1.3;
    font-size: 140%;
    padding: 10px;
    text-align: justify;
}
.text-1 {
    text-align: center;
    font-size: 18px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
}
.text-2 {
    text-align: justify;
    font-size: 16px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
}
.news-heading {
    padding: 10px 0;
    border-bottom: 1px dotted #fff;
    margin-bottom: 40px;
}
.zag {
    width: 100%;
    
}
.banner {
    width: 100%;    
}
.headline-news {
    padding-left:380px;
    color: rgb(207, 207, 207);
    text-transform: uppercase;
       
}
.text-white {
    text-align: justify;
}
.text {
    position: relative;
    right: 0;
    width: 200px;
    border: 1px solid #fff;
    padding: 20px; 
    
}
.aster {
    position: absolute;
    transition: all 2s ease;
    width: 1px;
    height: 1px;
    z-index: -12;
    animation: LokalAster 40s infinite alternate both; 
}
.aster2 {
    position: absolute;
    transition: all 2s ease;
    width: 1px;
    height: 1px;
    z-index: -12;
    animation: LokalAster2 60s infinite alternate both; 
}
/* ...........................................Телевизор */
.miky {
    position: relative;
    top: -905px;
    left: 14px;
    z-index: -10;
    width: 250px;
    height: 250px;
}
.explanation-text2 {
    position: relative;
    color: rgb(207, 207, 207);
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
    top: -670px;
    left: 66px;
}
.land {
    position: relative;
    top: -908px;
    left: 14px;
    z-index: -2;
    width: 250px;
    height: 180px;     
}
.explanation-text3 {
    position: relative;
    color: rgb(207, 207, 207);
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
    top: -930px;
    left: 66px;
}
.hist {
    position: relative;
    top: -943px;
    left: 14px;
    z-index: -2;
    width: 250px;
    height: 250px; 
}
.explanation-text4 {
    position: relative;
    color: rgb(207, 207, 207);
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
    top: -1012px;
    left: 96px;
}
.maket {
    position: relative;
    top: -1000px;
    left: 28px;
    z-index: -2;
    width: 220px;
    height: 220px; 
}
.explanation-text5 {
    position: relative;
    color: rgb(207, 207, 207);
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
    top: -1072px;
    left: 86px;
}
/* ...........................................Телевизор */

.greating-reg p {
    font-size: 20px;
}
.greating-pole-1 {
    position: relative;
    background:#13144f;
    box-shadow: inset 1px 2px 5px rgba(0,0,0,.6);
    border-radius: 5%;
    width: 300px;
    height: 30px;
    margin-left: 230px;
    margin-top: -210px;
}
.greating-pole-1 p {
    font-size: 20px;
    text-align: center;
}
.greating-pole-2 {
    position: relative;
    background:#13144f;
    box-shadow: inset 1px 2px 5px rgba(0,0,0,.6);
    border-radius: 5%;
    width: 300px;
    height: 30px;
    margin-left: 230px;
    margin-top: 10px;
}
.greating-pole-2 p {
    font-size: 20px;
    text-align: center;
}
.greating-pole-3 {
    position: relative;
    background:#13144f;
    box-shadow: inset 1px 2px 5px rgba(0,0,0,.6);
    border-radius: 5%;
    width: 300px;
    height: 30px;
    margin-left: 230px;
    margin-top: 10px;
}
.greating-pole-3 p {
    font-size: 20px;
    text-align: center;
}
.summ-btn {
    position: absolute;
    top: 170px;
    left: 260px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    padding: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
}
.salary-checkbox:active {
    outline: none;
    border: transparent;
}
.salary-checkbox:hover {
    outline: none;
    border: transparent;
}
.salary-checkbox:focus {
    outline: none;
    border: transparent;
}
   
.zareg-but {
    position: absolute;
    width: 150px;
    height: 27px;
    margin-top: 60px;
    margin-left: 380px;

    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    z-index: 55;
    color: rgb(209,209,217);
    text-decoration: none;
    text-align: center;
    text-shadow: 0 -1px 2px rgba(0,0,0,.2);
    padding: .2em 1em;
    outline: none;
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow:
     0 1px rgba(255,255,255,.2) inset,
     0 3px 5px rgba(0,1,6,.5),
     0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
  }
  .zareg-but:hover:not(:active) {
      color: #00dd00;
      text-decoration: none;
      background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
      z-index: 15;
  }
  .zareg-but:active {
    background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
    color: #00dd00;
    text-decoration: none;
    box-shadow:
     0 0 1px rgba(0,0,0,.5) inset,
     0 2px 3px rgba(0,0,0,.5) inset,
     0 1px 1px rgba(255,255,255,.1);
     z-index: 15;
  }
.aftorezac {
    position: relative;
    background: url(/img/zagol.png)no-repeat;
    background-size: 100% 100%;
    top: -335px;
    left: 17px;
    width: 235px;
    height: 115px;
    margin-bottom: 50px;
    /* z-index: 2; */
}
.aftorezac p {
    font-size: 20px;
    color: rgb(207, 207, 207);
    padding: 10px;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
}
.aftorezac p:nth-child(2) {
    font-size: 35px;
    margin-top: -25px;
    text-align: center;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
}

.login-btn-sec {
    background: url(/img/login-form-btn.png) no-repeat;
    width: 55px;
    height: 55px;
    position: relative;
    top: -416px;
    left: 208px;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    z-index: 1;
}
.login-btn-sec:hover {
    background: url(/img/login-form-btn-hover.png) no-repeat;
    width: 55px;
    height: 55px;
    position: relative;
    top: -416px;
    left: 208px;
    border-radius: 100%;
    z-index: 1;
}

.login-btn-sec:focus {
    outline: transparent;
}
.login-btn-sec:active {
    border: 1px solid #000;
    
}



.text-white-scroll::-webkit-scrollbar { width: 3px; height: 3px;}
.text-white-scroll::-webkit-scrollbar-button {  background-color: #666; }
.text-white-scroll::-webkit-scrollbar-track {  background-color: #999;}
.text-white-scroll::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.text-white-scroll::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.text-white-scroll::-webkit-scrollbar-corner { background-color: #999;}
.text-white-scroll::-webkit-resizer { background-color: #666;}

/* STRAT HOME */
.new_rigel {
    position: absolute;
    top: -1430px;
    left: -650px;
}
.new_rigel img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1632px;
}
.effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 1632px;
    height: 1632px;
    border-radius: 100%;
}
.circle {
    width: 1px;
    height: 1px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    box-shadow: 0px 0px 100px 100px rgb(215, 223, 241);
}
.circle1 {
    top: 200px;
    left: 500px;
}
.circle2 {
    top: 300px;
    left: 350px;
}
.circle3 {
    top: 450px;
    left: 150px;
}
.circle4 {
    top: 600px;
    left: 150px;
}
.circle5 {
    top: 800px;
    left: 150px;
}
.circle6 {
    top: 900px;
    left: 50px;
}
.circle7 {
    top: 1200px;
    left: 130px;
}
.circle8 {
    top: 1300px;
    left: 250px;
}
.circle9 {
    top: 1400px;
    left: 350px;
}
.circle10 {
    top: 1500px;
    left: 500px;
}
.circle11 {
    top: 1550px;
    left: 700px;
}
.circle12 {
    top: 1500px;
    left: 950px;
}
.circle13 {
    top: 1500px;
    left: 1100px;
}
.circle14 {
    top: 1400px;
    left: 1300px;
}
.circle15 {
    top: 1200px;
    left: 1450px;
}
.circle16 {
    top: 1000px;
    left: 1550px;
}
.circle17 {
    top: 800px;
    left: 1550px;
}
.circle18 {
    top: 600px;
    left: 1550px;
}
.circle19 {
    top: 450px;
    left: 1500px;
}
.circle20 {
    top: 300px;
    left: 1300px;
}
.circle20 {
    top: 200px;
    left: 1300px;
}
.circle21 {
    top: 150px;
    left: 1100px;
}
.circle22 {
    top: 100px;
    left: 1000px;
}
.circle23 {
    top: 50px;
    left: 900px;
}
.circle24 {
    top: 20px;
    left: 700px;
}
.circle25 {
    top: 90px;
    left: 600px;
}


@keyframes rotate {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
@keyframes changeShadow {
    0% {
        box-shadow: 0 0 20px rgb(11, 22, 122);
    }
    50% {
        box-shadow: 20px 20px 30px rgb(6, 25, 197);
    }
    100% {
        box-shadow: 10px 10px 20px rgb(11, 22, 122);
    }
}
@keyframes changeShadow2 {
    0% {
        box-shadow: 0 0 20px rgb(46, 101, 251);
    }
    50% {
        box-shadow: 10px 10px 20px rgb(42, 58, 177);
    }
    100% {
        box-shadow: 20px 20px 30px rgb(70, 5, 95);
    }
}
@keyframes changeShadow3 {
    0% {
        box-shadow: inset 0 0 100px rgb(71, 87, 238);
    }
    50% {
        box-shadow: inset 0 0 200px rgb(255, 255, 255);
    }
    100% {
        box-shadow: inset 0 0 100px rgb(78, 131, 245);
    }
}
.changeShadow3 {
    animation: changeShadow3 8s linear infinite alternate both;
}
.changeShadow2 {
    animation: changeShadow2 10s linear infinite alternate both;
}
.changeShadow {
    animation: changeShadow 10s linear infinite alternate both;
}
.rotate {
    animation: rotate 800s linear infinite alternate both;
}
/* END HOME */

/* START REGISTRATION */
.registration {
    background: url(../img/empty-tab.png) no-repeat;
    background-size: contain;
    width: 1000px;
    height: 800px;
    position: absolute;
    margin-left: 25%;
    margin-top: 50px;   
}
.reglog img{
    position: absolute;
    width: 250px;
    height: 130px;
    margin: 20px;
}
.regheadings{
    position: absolute;
    width: 680px;
    left: 300px;
    top: 25px;
    color: #52dddd;
    font-size: 24px; 
}
.regdescription {
    position: absolute;
    width: 650px;
    left: 300px;
    top: 70px;
    color: #52dddd;
    font-size: 16px;
}
.regnick {
    position: absolute;
    width: 150px;
    height: 150px;
    left: 200px;
    top: 200px; 
}
.regnick p {
    font-size: 16px;
    text-align: right;
    margin-top: 3px;
    color: #52dddd;  
}
.regnickinp {
    position: absolute;
    width: 200px;
    left: 400px;
    top: 190px;
    text-align: center;
    font-size: 11px;
    color: rgb(209,209,217);
}
.regnickinp-input {
    width: 300px;
    background:#13144f;
    box-shadow: inset 1px 2px 5px rgba(0,0,0,.6);
    border-radius: 5%;
    border: none;
    color: rgb(209,209,217);
    padding-left: 10px;
    padding-top: 5px;
    margin-top: 10px;
    font-size: 16px;

}
.regnickinp-input:focus {
    outline: none;
}
.regnicklength {
    position: absolute;
    width: 150px;
    height: 150px;
    left: 615px;
    top: 188px;
    
}
.regnicklength p {
    margin-top: 18px;
    font-size: 12px;
    text-align: right;
    margin-top: 18px;
    color: #52dddd;
}
.reggender {
    position: absolute;
    display: flex;
    width: 100px;
    height: 100px;
    top: 189px;
    left: 790px;
}
.reggender p {
    margin-right: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 100;
    color: #52dddd;
    width: 100px;
    height: 100px;
}
.regwarning {
    position: absolute;
    width: 850px;
    left: 100px;
    top: 345px;
    color: #52dddd;
    font-size: 10px; 
    text-align: center;
}
.regmistakeres {
    position: absolute;
    width: 230px;
    left: 770px;
    top: 560px;
} 
.regmistakeres2{
    width: 230px;
}
.regconfirmation {
    position: absolute;
    left: 200px;
    top: 437px;
    margin-top: 25px;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.regconfirmation2 {
    position: absolute;
    left: 200px;
    top: 475px;
    margin-top: 25px;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.regconfirmation-checkbox:active {
    outline: none;
    border: transparent;
}
.regconfirmation-checkbox:hover {
    outline: none;
    border: transparent;
}
.regconfirmationy-checkbox:focus {
    outline: none;
    border: transparent;
}
.regagreement {
    position: absolute;
    width: 650px;
    left: 230px;
    top: 455px;
}
.regagreement p  {
    display: flex;
    margin-right: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 100;
    color: #52dddd;
}
.regagreement1 {
    display: flex;
    margin-right: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 100;
    color: #52dddd; 
    position: absolute;
    left: 320px;
    top: 0px;  
}
.regagreement2 {
    position: absolute;
    left: 320px;
    top: 40px;
    display: flex;
    margin-right: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 100;
    color: #52dddd; 
    position: absolute;
    
}
.regagreement a:active {
    color: #00dd00;
}
.regconquer{   
    position: absolute;
    /* width: 200px; */
    height: 50px;
    top: 610px;
    left: 390px;
    /* width: 170px; */
    /* height: 28px; */
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    z-index: 1;
    color: rgb(209,209,217);
    text-decoration: none;
    text-align: center;
    text-shadow: 0 -1px 2px rgba(0,0,0,.2);
    padding: .2em 1em;
    outline: none;
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow:
     0 1px rgba(255,255,255,.2) inset,
     0 3px 5px rgba(0,1,6,.5),
     0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
  }
  .regconquer :hover:not(:active) {
      color: #00dd00;
      text-decoration: none;
      background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
  }
  .regconquer :active {
    
    background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
    color: #00dd00;
    text-decoration: none;
    box-shadow:
     0 0 1px rgba(0,0,0,.5) inset,
     0 2px 3px rgba(0,0,0,.5) inset,
     0 1px 1px rgba(255,255,255,.1);
  }


  .response_message {
    position: absolute;
    text-shadow: 2px 2px 3px black, 0 0 1em red;
    top:540px;
    left:180px;
  }

.go_to_main_page {
    position: absolute;
    width: 63px;
    height: 63px;
    left: 80px;
    top: 230px;
    background: url(../img/pan-prok-btn.jpg) no-repeat;
    background-size: 100%;
    z-index: 5;
 }
 .go_to_main_page:hover {
    position: absolute;
    background: url(../img/pan-prok-btn-hover.jpg) no-repeat;
    background-size: 100%;
    width: 63px;
    height: 63px;
    z-index: 5;
}
.go_to_main_page:active {
    position: absolute;
    background: url(../img/pan-prok-btn-hover.jpg) no-repeat;
    background-size: 100%;
    width: 63px;
    height: 63px;
    top: 229px;
    z-index: 5;
}
/* END REGISTRATION */


/* START TERMS */
.agreement_games{
    background: url(../img/empty-tab.png) no-repeat;
    background-size: contain;
    width: 1000px;
    height: 800px;
    position: absolute;
    margin-left: 25%;
    margin-top: 50px;   
  }
  .agreement_games_log img{
    position: absolute;
    width: 250px;
    height: 130px;
    margin: 20px;
  }
  .agreement_games_back {
    position: absolute;
    width: 63px;
    height: 63px;
    left: 860px;
    top: 70px;
  }
  .agreement_games_back_2 {
    position: absolute;
     background: url(../img/pan-prok-btn.jpg) no-repeat;
     background-size: 100%;
     width: 63px;
     height: 63px;
     z-index: 5;
  }
  .agreement_games_back_2:hover {
    position: absolute;
    background: url(../img/pan-prok-btn-hover.jpg) no-repeat;
    background-size: 100%;
    width: 63px;
    height: 63px;
    z-index: 5;
  }
  .agreement_games_back_2:active {
    position: absolute;
    background: url(../img/pan-prok-btn-hover.jpg) no-repeat;
    background-size: 100%;
    width: 63px;
    height: 63px;
    bottom: 1px;
    z-index: 5;
  }
  
  .agreement_games_field {
    position: absolute;
    background: url(../img/empty-frame2.png) no-repeat;
    background-size: contain;
    left: 120px;
    top: 160px;
    width: 680px;
    height: 520px;
  }
  .agreement_games_field_2 {
    width:95%;
    color: #fff;
    font-size: 16px;
    margin-left: 25px;
    height: 95%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
  }
  .agreement_games_field_2::-webkit-scrollbar { width: 3px; height: 3px;}
  .agreement_games_field_2::-webkit-scrollbar-button {  background-color: #666; }
  .agreement_games_field_2::-webkit-scrollbar-track {  background-color: #999;}
  .agreement_games_field_2::-webkit-scrollbar-track-piece { background-color: #ffffff;}
  .agreement_games_field_2::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
  .agreement_games_field_2::-webkit-scrollbar-corner { background-color: #999;}
  .agreement_games_field_2::-webkit-resizer { background-color: #666;}
  .agreement_games_field_2 {
      scrollbar-color: #ffffff #666; /*Цвет скролла, цвет ползунка*/
      scrollbar-width: thin; /*Толщина скролла thin, auto*/
  }
  
  .agreement_games_mistakeres {
    position: absolute;
    width: 230px;
    left: 770px;
    top: 560px;
  } 
/* END TERMS */

/* START LAWS */
.law_games{
    background: url(../img/empty-tab.png) no-repeat;
    background-size: contain;
    width: 1000px;
    height: 800px;
    position: absolute;
    margin-left: 25%;
    margin-top: 50px;   
}
.law_games_log img{
    position: absolute;
    width: 250px;
    height: 130px;
    margin: 20px;
}
.law_games_back {
    position: absolute;
    width: 63px;
    height: 63px;
    left: 860px;
    top: 70px;
}
.law_games_back_2 {
    position: absolute;
     background: url(../img/pan-prok-btn.jpg) no-repeat;
     background-size: 100%;
     width: 63px;
     height: 63px;
     z-index: 5;
 }
 .law_games_back_2:hover {
    position: absolute;
    background: url(../img/pan-prok-btn-hover.jpg) no-repeat;
    background-size: 100%;
    width: 63px;
    height: 63px;
    z-index: 5;
}
.law_games_back_2:active {
    position: absolute;
    background: url(../img/pan-prok-btn-hover.jpg) no-repeat;
    background-size: 100%;
    width: 63px;
    height: 63px;
    bottom: 1px;
    z-index: 5;
}

.law_games_field {
    position: absolute;
    background: url(../img/empty-frame2.png) no-repeat;
    background-size: contain;
    left: 120px;
    top: 160px;
    width: 680px;
    height: 520px;
}
.law_games_field_2 {
    width:95%;
    color: #fff;
    font-size: 16px;
    margin-left: 25px;
    height: 95%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}
.law_games_field_2::-webkit-scrollbar { width: 3px; height: 3px;}
.law_games_field_2::-webkit-scrollbar-button {  background-color: #666; }
.law_games_field_2::-webkit-scrollbar-track {  background-color: #999;}
.law_games_field_2::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.law_games_field_2::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.law_games_field_2::-webkit-scrollbar-corner { background-color: #999;}
.law_games_field_2::-webkit-resizer { background-color: #666;}
.law_games_field_2 {
	scrollbar-color: #ffffff #666; /*Цвет скролла, цвет ползунка*/
	scrollbar-width: thin; /*Толщина скролла thin, auto*/
}

.law_games_mistakeres {
    position: absolute;
    width: 230px;
    left: 770px;
    top: 560px;
} 
/* END LAWS */

/* START NEWS*/
.add_news {
    display: none;
}
.main_posts_container {
    overflow: hidden;
    height: 750px;
    overflow-y: scroll;
    scrollbar-color: #666 transparent; /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin;  /* толщина */
    padding-right: 20px;
}
.main_posts_container::-webkit-scrollbar { width: 3px; height: 3px;}
.main_posts_container::-webkit-scrollbar-button {  background-color: #666; }
.main_posts_container::-webkit-scrollbar-track {  background-color: #999;}
.main_posts_container::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.main_posts_container::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.main_posts_container::-webkit-scrollbar-corner { background-color: #999;}
.main_posts_container::-webkit-resizer { background-color: #666;}

.post_container {
    color: #fff;
    font-size: 14px;
    position: relative;
}
.post_container h2 {
    font-size: 18px;
    margin-bottom: 15px;
}
.main_post_img_cycle {
    width: 100%;
    height: 120px;
    object-fit: cover;
    margin-bottom: 20px;
}
.main_post_img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    margin-bottom: 20px;
}
.additional_images {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.isnert_news_date {
    color: gray;
    font-size: 12px;
}
.full_post_link {
    text-decoration: none;
}
.full_post_link:hover {
    text-decoration: none;
}
.close_post {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: 0.2s linear;
    color: #f1f1f1;
    font-size: 18px;
}
.close_post:hover {
    color: #fff;
}
.close_post:active {
    top:-1px;
}
.delete_post {
    color: #999;
    transition: 0.2s linear;
    font-size: 24px;
}
.delete_post:hover {
    color: crimson;
}
.news-block {
    position: relative;
    width: 685px;
    height: 850px;
}
.authorize_response_message {
    position: absolute;
    font-size: 18px;
    color: rgb(207, 207, 207);
    top: 125px;
    left: 40px;
}
/* END NEWS*/