::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}

.fullwidth .main-section .container { max-width: 100%; width: 100%;  }
.lot-container { margin: auto; text-align: center; }
.lot-container h5 { line-height: 28px; }
.lot-container h3 { font-size: 30px; }

.lot-step-by-step { background: url('img/feher.png') center no-repeat; width: 100%; height: 185px; display: flex; justify-content: center; align-items: center; }
.lot-step { display: flex; justify-content: center; align-items: center; width: 315px; margin-right: 40px; }
.lot-step:last-child { margin-right: 0px;  }
.lot-step-img { float: left; vertical-align: middle; margin-right: 19px; }
.lot-step-text { font-family: 'Shadows Into Light Two'; font-weight: 400; font-size: 20px; width: 220px; color: #509e5d; float: left; text-align: left; }
.lot-step-text a { color: #27388b; }

.lot-chance { width: 616px; text-align: center; font-family: 'Shadows Into Light Two'; font-weight: 400; font-size: 20px; color: #509e5d; margin: 30px auto 40px auto; }

.lot-input-wrapper { background: url('img/festek.png') no-repeat; width: 630px; padding: 22px 0; margin: auto; }
.lot-input-wrapper .input { background-color: white; border-radius: 0; width: 482px; line-height: 48px; height: 48px; font-family:Arial; font-size: 24px; text-align: center;}
.lot-container .submit-btn { background-color: #724ea5; border-radius: 0; font-size: 18px; color: white; font-weight: bold; height: 50px; padding: 0 45px; margin-top: 25px; }
.lot-code-form { margin: 0 auto 40px auto; }

.lot-awards { margin: auto;  }
.lot-award { display: inline-block; margin: 0 45px; width: 310px; text-align: center }
.lot-award:first-child { margin-left: 0px; }
.lot-award:last-child { margin-right: 0px; }
.lot-award .quantity, .lot-jackpot .quantity { color: #509e5d; font-weight: bold; }
.lot-award .name, .lot-jackpot .name { font-size: 18px; font-weight: bold; margin: 0px 0 20px 0; }
.lot-award .description, .lot-jackpot .description { font-weight: bold; }

.lot-footer { background-image: linear-gradient(to bottom right, #4e9f59, #99c85e); height: 340px; margin: 70px -15px -75px -15px; opacity: 0.8; }
.lot-footer-inner { color: white; padding: 40px 0; }
.lot-address { display: inline-block; width: 220px; margin-top: 20px; }
.lot-address hr { width: 50px; margin: 10px 0 3px 0; }
.lot-address .name { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.lot-address .address { font-weight: bold;  }

.lot-container form .label { font-size: 18px; color: #333; margin-bottom: 7px; margin-top: 18px; display: block; }
.lot-container form .label-checkbox { display: block; font-size: 14px; width: 400px; margin: auto; text-align: left; margin-top: 5px;  }
.lot-container .lot-success { padding: 80px 0;  }
.lot-success .fb-btn { background-color: #3b5998; display: block; width: 170px; color: white; font-size: 18px; line-height: 50px; margin: auto; font-weight: bold; }


@media all and (max-width: 800px) {

    .lot-step-by-step {
        background: none;
        display: block;
        margin: auto;
    }
    .lot-step, .lot-step:last-child {
        display: block;
        margin: auto;
        padding: 20px 0;
        clear: both;
    }

    .lot-chance {
        width: 100%;
        clear: both;
        padding-top: 30px;
    }

    .lot-award {
        display: block;
        margin: 0 auto;
    }

    .lot-input-wrapper {
        width: auto;
        background-position: center
    }

    .lot-input-wrapper .input {
        width: 90%;
        line-height: auto;
        padding: 24px 0;
    }

    .lot-footer {
        height: auto;
    }

}