body {
}
.btn__sz {
    font-size: 14pt
}
.btn__sz__t {
    font-size: 14pt
}
.btn__sz__tt {
    font-size: 14pt
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-form {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-form-1 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-s {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-tknk {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-one {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.modal-two {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}




.modal-three {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.modal-four {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.modal-all {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-five {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-tknk-1 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-tknk-2 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-tknk-3 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-tknk-4 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-tknk-5 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}



.modal-content {
    background-color: #fefefe;
    margin: 13% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}
.modal-content-form {
    background-color: #fefefe;
    margin: 13% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}
.modal-content-form-1 {
    background-color: #fefefe;
    margin: 13% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}
.modal-content-s {
    background-color: #fefefe;
    margin: 13% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-tknk {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 10px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-one {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-two {
    background-color: #fefefe;
    margin: 14% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-three {
    background-color: #fefefe;
    margin: 14% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-four {
    background-color: #fefefe;
    margin: 14% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-all {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-five {
    background-color: #fefefe;
    margin: 9% auto;
    padding: 20px;
    border: 0px solid #888;
    width: 60%;
    border-radius: 5px;
}

.modal-content-tknk-1 {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 10px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-tknk-2 {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 10px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-tknk-3 {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 10px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-tknk-4 {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 10px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}

.modal-content-tknk-5 {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 10px;
    border: 0px solid #888;
    width: 50%;
    border-radius: 5px;
}
@media (min-width: 0px) and (max-width: 400px) {
    .btn__sz {
        font-size: 6pt;
        padding: 2px;
        margin-bottom:20px
    }
    .btn__sz__t {
        font-size: 6pt;
        padding: 2px;
        margin-bottom: 20px
    }
    .btn__sz__tt {
        font-size: 8pt;
        padding: 2px;
        margin-bottom: 20px
    }
}
    /*modal content responsive mobil*/

    @media (min-width: 0px) and (max-width: 768px) {
        .modal-content {
            width: 95%;
            margin-top:25%
        }

        .modal-content-form {
            width: 80%;
            margin-top: 25%;
        }

        .modal-content-s {
            width: 80%;
        }

        .modal-content-tknk {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-all {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-one {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-two {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-three {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-four {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-five {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-tknk-1 {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-tknk-2 {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-tknk-3 {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-tknk-4 {
            width: 95%;
            margin-top: 25%;
        }

        .modal-content-tknk-5 {
            width: 95%;
            margin-top: 25%;
        }
    }




    /* The Close Button */
    .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-form {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }
    .close-form-1 {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-s {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-tknk {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-one {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close-two {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close-three {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close-four {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }


    .close-all {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close-five {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close-tknk-1 {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-tknk-2 {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-tknk-3 {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-tknk-4 {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }

    .close-tknk-5 {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        text-align: right;
    }



    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-form:hover,
    .close-form:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-s:hover,
    .close-s:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-tknk:hover,
    .close-tknk:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-one:hover,
    .close-one:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


    .close-two:hover,
    .close-two:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


    .close-three:hover,
    .close-three:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-four:hover,
    .close-four:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


    .close-all:hover,
    .close-all:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-five:hover,
    .close-five:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-tknk-1:hover,
    .close-tknk-1:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-tknk-2:hover,
    .close-tknk-2:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-tknk-3:hover,
    .close-tknk-3:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-tknk-4:hover,
    .close-tknk-4:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .close-tknk-5:hover,
    .close-tknk-5:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }