.formnamesl input[type=checkbox] {
    display:none;
}
.formnamesl input[type=checkbox] + label {
    display: block;
    position: relative;
    margin: 12px 0 12px 30px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}
.formnamesl input[type=checkbox] + label:hover {
    color:#337AB7;
}
.formnamesl input[type=checkbox] + label:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    line-height: 22px;
    left: -30px;
    border: 1px solid #808080;
}
.formnamesl input[type=checkbox]:checked + label:before{
    content: '\2714';
    color:#337AB7;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #337AB7; 
}
.formnamesl button[name=submit1] {
    display: block;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 30px;
    border: 1px solid #275F8B;
    background: #337AB7;
    color: #FFF;
    text-transform: uppercase;
    transition: .4s all;
    font-weight: bold;
}
.formnamesl button[name=submit1]:hover {
    background: #275F8B;
}
.formnamesl button[disabled] {
    opacity: .6;
    cursor: not-allowed;
}
       
       /* Крестик */
        .closebtn {
            margin-left: 15px;
            color: #fff;
            font-weight: bold;
            float: right;
            font-size: 26px;
            line-height: 20px;
            cursor: pointer;
            transition: 0.3s;
        }

        .closebtn:hover {
            color: #fff;
        }
        /* Всплывающий контейнер */
        .popup {
        position: relative;
        display: inline-block;
        cursor: pointer;
        width: 50%;
        }

        /* Фактическое всплывающее окно (появляется сверху) */
        .popup .popuptext {
        visibility: hidden;
        width: 350px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 8px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
        }

        /* Всплывающее окно со стрелками */
        .popup .popuptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
        }

        /* Переключите этот класс при нажатии на всплывающий контейнер (скрыть и показать всплывающее окно) */
        .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
        font-size: 2.1rem;
        }

        /* Добавить анимацию (исчезает во всплывающем окне) */
        @-webkit-keyframes fadeIn {
        from {opacity: 0;}
        to {opacity: 1;}
        }

        @keyframes fadeIn {
        from {opacity: 0;}
        to {opacity:1 ;}
        }

        input {
            font-size: 16px;
            padding: 4px;
        }
        .row {
        /* padding: 5px 0; */
            margin: 6px 0px;
        }
        .row .label {
            display: inline-block;
            min-width: 100px;
        }
        .row .value {
            display: inline-block;
            min-width: 300px;
        }
        .row input {
            width: 100%;
        }
        .party_grey {border: 1px inset #d4cbcb;}
        .party_red {border: 1px inset red;}
        /* Adding some basic styling to bu */

        .btn_phone {
            text-decoration: none;
            border: none;
            padding: 12px 40px;
            font-size: 16px;
            background-color: #3b7abc;
            color: #fff;
            border-radius: 5px;
            box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
            cursor: pointer;
            outline: none;
            transition: 0.2s all;
        }
        /* Adding transformation when the button is active */     
        .btn_phone:active {
            transform: scale(0.98);
            /* Scaling button to 0.98 to its original size */
            box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
            /* Lowering the shadow */
        }
        .dadata {
            font-size:2rem;
        }
        @media (max-width: 480px) {
            .dadata {
            font-size:4rem;
            }
            .popup .show {
            font-size: 3.4rem;
            }
        }