.modal {
display: block; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.btn_fb1 {
    background-color: red;
}



/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
border: 1px solid #888;
width: 80%;

}

.modal-content li {
    list-style: none;
}


@media (orientation: landscape) {
    html, body, form, #myModal {
        height: 100%
    }

    .modal-content {
        height: 80%
    }

    .modal-body li {
        font-size: 40px;
    }
}

/*Для телефона*/
@media (orientation: portrait) {
    html, body, form, #myModal {
        height: 100%
    }

    .modal-content {
        height: 80%
    }

    .modal-body li {
        font-size: 60px;
    }
    .modal-body .btn_fb, .modal-body .md-btn11 {
        margin-top: 30px;
        font: 500 40px/60px Roboto,sans-serif !important;
    }
    .NOlogin {
        margin-top: 20px;
        font-size: 45px;
        color: gray;
    }
}






.modal-header {
height: 25px;
font-weight: bold;
padding: 10px 10px 3px 10px;
border-bottom: 1px solid #cacaca;
}

.modal-body {
padding: 20px;
}
.modal-body ul {
    margin: 0px;
    padding-left: 20px;
}
.modal-body img {
    width: 20%;
    float: left
}

.modal-body .info {
    float: left;
    width: 79%;
    text-align: justify;
}

.modal-body .info p {
    margin: 0px 0px 5px 0px;
    display: block
}






.modal-body p {
    color: #3f3768
}