#button {
    width:45%;
    padding: 2.5%;
    float: left;
    }
.buttonclose {
    color: #aaa;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.buttonclose:hover {
    color: red;
}








@media screen and (max-width: 768px) {
    #okno {
        width: 86%;
        height: 90%;
     	overflow:auto;
        text-align: center;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }
        #okno-user_agreement {
        width: 86%;
        height: 90%;
     	overflow:auto;
        text-align: justify;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }
        #okno-privacy_policy {
        width: 86%;
        height: 90%;
     	overflow:auto;
        text-align: justify;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }  
}
@media screen and (min-width: 769px) {
    #okno {
        width: 55%;
        height: 60%;
     	overflow:auto;
        text-align: center;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }
        #okno-user_agreement {
        width: 55%;
        height: 80%;
     	overflow:auto;
        text-align: justify;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }
        #okno-privacy_policy {
        width: 55%;
        height: 80%;
     	overflow:auto;
        text-align: justify;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }  
}
    

    #selection_of_questions {
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 101;
    }
    #selection_of_questions:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #000;
        color: #000;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
		z-index: 102;
    }
    
    
    
     #support {
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 101;
    }
    #support:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #000;
        color: #000;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
		z-index: 102;
    }
    #okno-support {
        width: 30%;
        height: 20%;
     	overflow:auto;
        text-align: justify;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }
     #user_agreement {
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 101;
    }
    #user_agreement:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #000;
        color: #000;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
		z-index: 102;
    }
    
     #privacy_policy {
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 101;
    }
    #privacy_policy:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #000;
        color: #000;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
		z-index: 102;
    }
    
     #ids {
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 101;
    }
    #ids:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #000;
        color: #000;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor: pointer;
		z-index: 102;
    }
    #win_ids {
        width: 30%;
        height: 20%;
     	overflow: auto;
        text-align: justify;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }
     #payment_failed {
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        z-index: 101;
    }
    #payment_failed:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #000;
        color: #000;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
		z-index: 102;
    }
    #okno-payment_failed {
        width: 35%;
        height: 22%;
     	overflow:auto;
        text-align: justify;
        padding: 20px;
        border: 1px solid #000;
        border-radius: 7px;
        color: #999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        z-index: 102;
    }
	/* Кнопка */  
	 .close {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 10pt;
	color: #585858;  
    border:rgba(0,0,0,.2) 1px solid;
    border-radius: 3px;
    background: #dedede;
    cursor: pointer;
    padding: 12px 23px;
    text-decoration: none;
    text-align: center;
    position: relative;
    }
	/* Кнопка при наведении*/  
    .close:hover {
    background: #f2f2f2;
    color: #585858;  
    }