/* Ширина экрана больше 768px  PC*/
@media (min-width: 724px)
 { 

    body
    {
        margin: 0px; 
        padding: 0px;
      background: url('../img/Fon4.jpg');
      cursor:url('../img/cursor.png'),default;
    }
    html
    {
        margin: 0px; 
        padding: 0px;
    
    }
    
    .Glav_Pole
    {
        margin: 0px; 
        padding: 0px;
     width: 800px;
     height: 1000px;
     margin: 0px auto;
     position: relative;
     top: 0px;
     left: 0px;
     z-index: 99999;
     cursor:url(../img/cursor.png),default;
    background: url('../img/Zyaba_Box_AntistresFonViborZagruzka.png') 0px 0px no-repeat;
    }
    
    #LoderImg
    {
        position: absolute;
     top: 335px;
     left: 430px;
     z-index: 99999;
    display: none;
    }
    
    
    #Zagruzka
    {
        position:  absolute;
    top: 353px;
    left: 282px;
    z-index: 9999999; 
    font-size: 28px;
      font-style: normal;
       font-family: "Roboto",sans-serif;
       font-weight: 600;
       text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255), 0 0 20px rgb(20, 107, 220), 0 0 35px rgb(20, 140, 220), 0 0 40px rgb(6, 54, 116), 0 0 50px rgb(4, 55, 112), 0 0 75px rgb(9, 35, 83);
         color: #0b4204;
         display: none;
    }
    
    #Nazad2
    {
        position: relative;
     top: 50px;
     left: 50px;
     z-index: 99999;
    
    
    }
    #Nazas
    {
        margin: 0px; 
        padding: 0px;
        position: relative;
     top: 50px;
     left: 50px;
     z-index: 99999;
     font-size:26px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #dde0ac;
    }
    
    #NAzad3
    {
    text-decoration: none;
    
    }
    .UslovieIspolz
    {
        width: 620px;
        margin: 0px; 
        padding: 0px;
        position: absolute;
     top: 550px;
     left: 140px;
     z-index: 9;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #dde0ac;
    
    }
    #Konfed
    {
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #0955f8;
            text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255);
            cursor: pointer;
    }
    #PRavilaIspolz
    {
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #0955f8;
            text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255);
            cursor: pointer;
    }
    #Galochka
    {
        position: relative;
     top: 3px;
     left: 2px;
     z-index: 9;
     cursor: pointer;
    }
    .BlockKonfedencialnoct
    {
    
        width: 620px;
        height: 500px;
        margin: 0px; 
        padding: 0px;
        background: #fff;
        position: absolute;
     top: 100px;
     left: 100px;
     z-index: 99999;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #353534;
            overflow-y: scroll; 
            display: none;
    
    }
    .BlockKonfedencialnoct p
    {
        width: 400px;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #70706d;
            position: relative;
     top: 3px;
     left: 102px;
     z-index: 99999;
    }
    .BlockKonfedencialnoct h1
    {
    
        width: 400px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #161615; 
            position: relative;
     top: 3px;
     left: 22px;
     z-index: 99999;
    }
    .BlockKonfedencialnoct h3
    {
    
        width: 400px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #161615;
            position: relative;
     top: 3px;
     left: 22px;
     z-index: 99999;
    }
    #exit
    {
    position: absolute;
     top: 50px;
     left: 670px;
     z-index: 99999;
     display: none;
    }
    .ZakiVaemKnopku
    {
        width: 140px;
        height: 140px;
        position: absolute;
        top: 500px;
        left: 100px;
        z-index: 99999;
        display: none;
    }




 }


/* Ширина экрана меньше 468px больше 724px  Планшет*/
@media (min-width: 468px) and (max-width: 724px) 
{

    body
    {
        margin: 0px; 
        padding: 0px;
      background: url('../img/Fon4.jpg');
      cursor:url('../img/cursor.png'),default;
    }
    html
    {
        margin: 0px; 
        padding: 0px;
    
    }
    
    .Glav_Pole
    {
        margin: 0px; 
        padding: 0px;
     width: 540px;
     height: 1000px;
     margin: 0px auto;
     position: relative;
     top: 0px;
     left: 0px;
     z-index: 99999;
     cursor:url(../img/cursor.png),default;
    background: url('../img/Zyaba_Box_AntistresFonViborZagruzka.png') -100px 0px no-repeat;
    }
    
    #LoderImg
    {
        position: absolute;
     top: 335px;
     left: 330px;
     z-index: 99999;
    display: none;
    }
    
    
    #Zagruzka
    {
        position:  absolute;
    top: 353px;
    left: 182px;
    z-index: 9999999; 
    font-size: 28px;
      font-style: normal;
       font-family: "Roboto",sans-serif;
       font-weight: 600;
       text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255), 0 0 20px rgb(20, 107, 220), 0 0 35px rgb(20, 140, 220), 0 0 40px rgb(6, 54, 116), 0 0 50px rgb(4, 55, 112), 0 0 75px rgb(9, 35, 83);
         color: #0b4204;
         display: none;
    }
    
    #Nazad2
    {
        position: relative;
     top: 50px;
     left: 10px;
     z-index: 99999;
    
    
    }
    #Nazas
    {
        margin: 0px; 
        padding: 0px;
        position: relative;
     top: 50px;
     left: 10px;
     z-index: 99999;
     font-size:26px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #dde0ac;
    }
    
    #NAzad3
    {
    text-decoration: none;
    
    }
    .UslovieIspolz
    {
        width: 500px;
        margin: 0px; 
        padding: 0px;
        position: absolute;
     top: 550px;
     left: 10px;
     z-index: 9;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #dde0ac;
    
    }
    #Konfed
    {
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #0955f8;
            text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255);
            cursor: pointer;
    }
    #PRavilaIspolz
    {
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #0955f8;
            text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255);
            cursor: pointer;
    }
    #Galochka
    {
        position: relative;
     top: 3px;
     left: 2px;
     z-index: 9;
     cursor: pointer;
    }
    .BlockKonfedencialnoct
    {
    
        width: 520px;
        height: 500px;
        margin: 0px; 
        padding: 0px;
        background: #fff;
        position: absolute;
     top: 100px;
     left: 10px;
     z-index: 99999;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #353534;
            overflow-y: scroll; 
            display: none;
    
    }
    .BlockKonfedencialnoct p
    {
        width: 400px;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #70706d;
            position: relative;
     top: 3px;
     left: 102px;
     z-index: 99999;
    }
    .BlockKonfedencialnoct h1
    {
    
        width: 400px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #161615; 
            position: relative;
     top: 3px;
     left: 22px;
     z-index: 99999;
    }
    .BlockKonfedencialnoct h3
    {
    
        width: 400px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #161615;
            position: relative;
     top: 3px;
     left: 22px;
     z-index: 99999;
    }
    #exit
    {
    position: absolute;
     top: 50px;
     left: 470px;
     z-index: 99999;
     display: none;
    }
    
    .ZakiVaemKnopku
    {
        width: 140px;
        height: 140px;
        position: absolute;
        top: 500px;
        left: 10px;
        z-index: 99999;
        display: none;
    }













}



/* Ширина экрана меньше 468px  Мобильный*/
@media (max-width: 468px)
 { 




    body
    {
        margin: 0px; 
        padding: 0px;
      background: url('../img/Fon4.jpg');
      cursor:url('../img/cursor.png'),default;
    }
    html
    {
        margin: 0px; 
        padding: 0px;
    
    }
    
    .Glav_Pole
    {
        margin: 0px; 
        padding: 0px;
     width: 100%;
     height: 1000px;
     margin: 0px auto;
     position: relative;
     top: 0px;
     left: 0px;
     z-index: 99999;
     cursor:url(../img/cursor.png),default;
    background: url('../img/Zyaba_Box_AntistresFonViborZagruzka2.png') top center no-repeat;
   
    }
    
    #LoderImg
    {
        position: absolute;
     top: 335px;
     left: 200px;
     z-index: 99999;
    display: none;
    }
    
    
    #Zagruzka
    {
        position:  absolute;
    top: 353px;
    left: 52px;
    z-index: 9999999; 
    font-size: 28px;
      font-style: normal;
       font-family: "Roboto",sans-serif;
       font-weight: 600;
       text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255), 0 0 20px rgb(20, 107, 220), 0 0 35px rgb(20, 140, 220), 0 0 40px rgb(6, 54, 116), 0 0 50px rgb(4, 55, 112), 0 0 75px rgb(9, 35, 83);
         color: #0b4204;
         display: none;
    }
    
    #Nazad2
    {
        position: relative;
     top: 100px;
     left: 10px;
     z-index: 99999;
    
    
    }
    #Nazas
    {
        margin: 0px; 
        padding: 0px;
        position: relative;
     top: 100px;
     left: 10px;
     z-index: 99999;
     font-size:26px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #dde0ac;
    }
    
    #NAzad3
    {
    text-decoration: none;
    
    }
    .UslovieIspolz
    {
        width: 300px;
        margin: 0px; 
        padding: 0px;
        position: absolute;
     top: 550px;
     left: 10px;
     z-index: 9;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #dde0ac;
    
    }
    #Konfed
    {
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #0955f8;
            text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255);
            cursor: pointer;
    }
    #PRavilaIspolz
    {
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #0955f8;
            text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255);
            cursor: pointer;
    }
    #Galochka
    {
        position: relative;
     top: 3px;
     left: 2px;
     z-index: 9;
     cursor: pointer;
    }
    .BlockKonfedencialnoct
    {
    
        width: 320px;
        height: 500px;
        margin: 0px; 
        padding: 0px;
        background: #fff;
        position: absolute;
     top: 100px;
     left: 10px;
     z-index: 99999;
        font-size:20px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #353534;
            overflow-y: scroll; 
            display: none;
    
    }
    .BlockKonfedencialnoct p
    {
        width: 200px;
        font-size:16px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: 300;
            color: #70706d;
            position: relative;
     top: 3px;
     left: 2px;
     z-index: 99999;
    }
    .BlockKonfedencialnoct h1
    {
        font-size:23px;
        width: 200px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #161615; 
            position: relative;
     top: 3px;
     left: 22px;
     z-index: 99999;
    }
    .BlockKonfedencialnoct h3
    {
        font-size:20px;
        width: 200px;
            font-style: normal;
            font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
            color: #161615;
            position: relative;
     top: 3px;
     left: 22px;
     z-index: 99999;
    }
    #exit
    {
    position: absolute;
     top: 50px;
     left: 270px;
     z-index: 99999;
     display: none;
    }
    
    .ZakiVaemKnopku
    {
        width: 140px;
        height: 140px;
        position: absolute;
        top: 500px;
        left: 1px;
        z-index: 99999;
        display: none;
    }














    





 }