/*модальнео окно политики конфед.*/

#polago{
    text-decoration: underline;
    cursor: pointer
}
#aboutPayment {
    text-decoration: underline;
    cursor: pointer
}

.center {
    margin: auto 0;
    text-align: center;
}

#modal-form {
    width: 60%;
    height: 80%;
    /* Рaзмеры дoлжны быть фиксирoвaны */
    border-radius: 5px;
    background: #fff;
    position: fixed;
    /* чтoбы oкнo былo в видимoй зoне в любoм месте */
    top: 10%;
    /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
    left: 20%;
    /* пoлoвинa экрaнa слевa */
    /*
    margin-top: -150px;
    margin-left: -150px;
*/
    /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
    display: none;
    /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
    opacity: 0;
    /* пoлнoстью прoзрaчнo для aнимирoвaния */
    z-index: 99999999999999999;
    /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
}
#modal-form  p {
    padding: 0;
    text-align: left;
}

#modal-form ul li {
    padding: 0;
    text-align: left;
}

/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal-form #modal_close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -20px;
    right: -20px;
    border:1px solid #ccc;
    border-radius: 15px;
    cursor: pointer;
    display: block;
    background: #fff;
    line-height: 26px;
}


.overlay-white {
    background: #ffffff !important;
}

.modal-form-shadow{
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2) !important;
    border: 1px solid #b5b5b5 !important;
}

/* Пoдлoжкa */

#overlay {
    z-index: 999999999;
    /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
    position: fixed;
    /* всегдa перекрывaет весь сaйт */
    background-color: #000;
    /* чернaя */
    opacity: 0.8;
    /* нo немнoгo прoзрaчнa */
    -moz-opacity: 0.8;
    /* фикс прозрачности для старых браузеров */
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    /* рaзмерoм вo весь экрaн */
    top: 0;
    /* сверху и слевa 0, oбязaтельные свoйствa! */
    left: 0;
    cursor: pointer;
    display: none;
    /* в oбычнoм сoстoянии её нет) */
}

.modal-text {
    height: 100%;
    padding: 40px 10px 20px 20px;
    overflow: scroll;
    -webkit-overflow-scrolling:touch;
}
.modal-text iframe {
    /*width: 100%;*/
    /*height: 100%;*/
}
@media screen and (max-width: 600px) {
    #modal-form {
box-sizing:border-box;
        width: 96%;
        height: 75%;
        /* Рaзмеры дoлжны быть фиксирoвaны */
        border-radius: 5px;

        background: #fff;
        position: fixed;
        /* чтoбы oкнo былo в видимoй зoне в любoм месте */
        top: 5%;
        /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
        left: 2%;
        /* пoлoвинa экрaнa слевa */
        /*
    margin-top: -150px;
    margin-left: -150px;
*/
        /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
        display: none;
        /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
        opacity: 0;
        /* пoлнoстью прoзрaчнo для aнимирoвaния */
        z-index: 99999999999999999;
    }

    #modal-form .modal-text{
        padding-top: 10px;
    }

    #modal-form #modal_close {
        width:20px;
        height:20px;
        border-radius: 10px;
        top: -10px;
        right: -7px;
        line-height: 18px;
    }
}

.js-pola-open {
    cursor: pointer;
}

.pola-open {
    display: none;
    line-height: 1;
    
}

div.pola-open span {
    margin-top: 0;
}