:root {
    --main-text: #ffffff;
    --secondary-text: #d4d4d4;
}

.light {
    --main-text: #000000;
    --secondary-text: #989898;
}

.dark {
    --main-text: #ffffff;
    --secondary-text: #d4d4d4;
}

.sale-btn-color{
    background-color: #61d3f7 !important;
}

.checkbox-label a {
    color: var(--main-text);
    text-decoration: underline;
}

.content-wrapper {
    width: 100%;
    position: relative;

}

.content-wrapper .background-image-wrapper {
    width: 100%;
}

.content-wrapper .background-image-wrapper .background-image {    height: 100vh;
    height: 100vh;
    width: 100vw;
    object-fit: none;
    object-position: center;
}

.content-wrapper .content {
    width: 100%;
    position: absolute;
    top: 18.46154vw;
    right: 0;
}

.content-wrapper .content .logo-image-wrapper {
    margin: 0 auto;
    width: 71.53846vw;
}

.content-wrapper .content .logo-image-wrapper .logo-image {
    width: 100%;
}

.content-wrapper .content .title,
.content-wrapper .content .text {
    max-width: 87.17949vw;
    margin: 0 auto;
    color: var(--main-text);
    font-size: 7.17949vw;
    text-align: center;
    display: block;
}

.content-wrapper .button-choose-gift {
    display: none;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 2.05128vw;
    width: 95.64103vw;
    border-top-right-radius: 5.38462vw;
    border-top-left-radius: 5.38462vw;
    height: 24.61538vw;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(21px);
    background-image: linear-gradient(137deg, rgba(255, 255, 255, 0.69) 31%, rgba(255, 255, 255, 0.19) 60%);
    box-shadow: inset 1px 1px 2px 0 #fff;
}

.content-wrapper .content .text {
    padding-bottom: 24.61538vw;
    margin-bottom: 20px;
}

.content-wrapper .button-choose-gift:hover {
    cursor: pointer;
}

.content-wrapper .button-choose-gift.btn-active {
    display: flex;
}

.form-container .closeButton.btn-active{
    display: flex;
}

.content-wrapper .button-choose-gift .choose-gift-text {
    color: #0059bf;
    letter-spacing: 0.06px;
    font-size: 9.23077vw;
    text-align: center;
    font-weight: bold;
}

.content-wrapper .blue-btn {
    border: none;
    letter-spacing: 0.04px;
    text-align: center;
    color: white;
    background-color: #dfdfdf;
    border-radius: 15.38462vw;
    width: 82.05128vw;
    height: 12.5641vw;
    font-size: 6.15385vw;
}

.content-wrapper .blue-btn:hover {
    cursor: pointer;
}

.content-wrapper .blue-btn.btn-active {
    background-color: #0059bf;
}

.content-wrapper .form-container {
    padding: 3.07692vw 2.05128vw;
    top: 100vh;
    transition: all 1s ease-in-out;
    overflow-y: auto;
    height: calc(100vh - 12px);
    position: fixed;
    width: calc(100vw - 16px );
}

.content-wrapper .form-container.form-active {
    top: 0;
}

.content-wrapper .form-container.takanon-active {
    overflow: hidden;
}

.content-wrapper .form-container.takanon-active .takanon-wrapper {
    display: flex;
}

.content-wrapper .form-container .form-wrapper {
    padding-bottom: 7.69231vw;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    display: flex;
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
    background-image: linear-gradient(137deg, rgba(255, 255, 255, 0.69) 31%, rgba(255, 255, 255, 0.19) 60%);
    box-shadow: inset 1px 1px 2px 0 #fff;
    border-radius: 5.38462vw;
    flex-direction: column;
    align-items: center;
}

.content-wrapper .form-container .form-wrapper .company-logo-wrapper {
    margin-top: 6.41026vw;
    width: 40vw;
}

.content-wrapper .form-container .form-wrapper .company-logo-wrapper .company-logo {
    width: 100%;
}

.content-wrapper .form-container .form-wrapper .event-image-wrapper {
    margin-top: 5.12821vw;
    width: 89.48718vw;
}

.content-wrapper .form-container .form-wrapper .event-image-wrapper .event-image {
    width: 100%;
}

.content-wrapper .form-container .form-wrapper .form {
    padding: 0 6.92308vw 0 7.69231vw;
    margin-top: 11.02564vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-wrapper .form-container .form-wrapper .form .error {
    color: red;
    font-size: 3.58974vw;
    font-weight: 400;
}

.content-wrapper .form-container .form-wrapper .form .input-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}

.content-wrapper .form-container .form-wrapper .form .input-wrapper .label {
    color: var(--main-text);
    font-size: 4.10256vw;
    letter-spacing: 0.03px;
    font-weight: 400;
}

.content-wrapper .form-container .form-wrapper .form .input-wrapper input::-webkit-outer-spin-button,
.content-wrapper .form-container .form-wrapper .form .input-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.content-wrapper .form-container .form-wrapper .form .input-wrapper input[type="number"] {
    -moz-appearance: textfield;
}

.content-wrapper .form-container .form-wrapper .form .input-wrapper .input {
    margin-top: 2.5641vw;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--main-text);
    font-size: 4.61538vw;
    font-weight: 400;
    letter-spacing: 0.03px;
    max-width: unset;
    border-radius: unset;
    text-align: right;
}

.content-wrapper .form-container .form-wrapper .form .input-wrapper .input::placeholder {
    color: var(--secondary-text);
}

.content-wrapper .form-container .form-wrapper .form .input-wrapper.identifier-wrapper {
    margin-top: 12.82051vw;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper {
    width: 100%;
    display: flex;
    margin-top: 12.82051vw;
    position: relative;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper:hover {
    cursor: pointer;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .error {
    position: absolute;
    top: 4.61538vw;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox {
    pointer-events: none;
    display: none;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox:checked ~ .checkbox-design {
    border: none;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox:checked ~ .checkbox-design .checked {
    display: flex;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-design {
    position: relative;
    width: 4.10256vw;
    height: 4.10256vw;
    border: 1px solid var(--main-text);
    margin-left: 2.5641vw;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-design .checked {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    position: absolute;
    width: 4.10256vw;
    height: 4.10256vw;
}

.content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-label {
    font-size: 4.10256vw;
    letter-spacing: 0.03px;
    color: var(--main-text);
}

.content-wrapper .form-container .form-wrapper .form .btn-wrapper {
    margin-top: 11.02564vw;
}

.content-wrapper .form-container .form-wrapper .form .par {
    margin-top: 10.76923vw;
    font-size: 3.58974vw;
    letter-spacing: 0.02px;
    color: var(--main-text);
}

.content-wrapper .form-container .takanon-wrapper {
    width: calc(100% - 16px);
    height: 100%;
    position: absolute;
    top: 3.07692vw;
    right: 2.05128vw;
    left: 2.05128vw;
    bottom: 3.07692vw;
    display: none;
    background: white;
    padding-bottom: 16.41026vw;
    flex-direction: column;
    border-radius: 5.38462vw;
    overflow: hidden;
}

.content-wrapper .form-container .takanon-wrapper .mb-track-y {
    right: 12.05128vw;
    top: 18.20513vw;
    width: 4px;
    background: #fefefe;
}

.content-wrapper .form-container .takanon-wrapper .mb-track-y .mb-bar {
    background: #0059bf;
}

.content-wrapper .form-container .takanon-wrapper .mb-content {
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.content-wrapper .form-container .takanon-wrapper .mb-content::-webkit-scrollbar {
    display: none;
}

.form-container .close-icon{
    position: absolute;
    top: 20px;
    right: 20px;
}

.content-wrapper .form-container .takanon-wrapper .close-icon {
    position: absolute;
    top: 5.12821vw;
    right: 5.12821vw;
    cursor: pointer;
    width: 3.58974vw;
    z-index: 999;
    height: auto;
}

.content-wrapper .form-container .takanon-wrapper .takanon-content {
    height: calc(90vh - 215px);
    width: 62.82051vw;
    padding: 17.94872vw 19.48718vw 0 12.82051vw;
    margin-bottom: 10.51282vw;
    font-weight: 400;
    font-size: 3.58974vw;
    letter-spacing: 0.02px;
}

.content-wrapper .form-container .takanon-wrapper .takanon-content .takanon-title {
    color: #000000;
    margin-bottom: 2.5641vw;
}

.content-wrapper .form-container .takanon-wrapper .takanon-content .takanon-text {
    color: #636363;
}

.content-wrapper .form-container .takanon-wrapper .takanon-btn {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .content-wrapper .content {
        top: 9.375vw;
    }

    .content-wrapper .content .logo-image-wrapper {
        width: 36.32813vw;
    }

    .content-wrapper .content .title,
    .content-wrapper .content .text {
        max-width: 44.27083vw;
        font-size: 3.64583vw;
    }

    .content-wrapper .button-choose-gift {
        left: 1.04167vw;
        width: 96.35417vw;
        border-top-right-radius: 2.73438vw;
        border-top-left-radius: 2.73438vw;
        height: 12.5vw;
    }

    .content-wrapper .button-choose-gift .choose-gift-text {
        font-size: 4.6875vw;
    }

    .content-wrapper .blue-btn {
        border-radius: 7.8125vw;
        width: 41.66667vw;
        height: 6.38021vw;
        font-size: 3.125vw;
    }

    .content-wrapper .form-container {
        padding: 1.5625vw 1.04167vw;
    }

    .content-wrapper .form-container .form-wrapper {
        padding-bottom: 3.90625vw;
    }

    .content-wrapper .form-container .form-wrapper .company-logo-wrapper {
        margin-top: 3.25521vw;
        width: 20.3125vw;
    }

    .content-wrapper .form-container .form-wrapper .event-image-wrapper {
        margin-top: 2.60417vw;
        width: 39.0625vw;
    }

    .content-wrapper .form-container .form-wrapper .form {
        padding: 0 3.51563vw 0 3.90625vw;
        margin-top: 5.59896vw;
    }

    .content-wrapper .form-container .form-wrapper .form .error {
        font-size: 1.82292vw;
    }

    .content-wrapper .form-container .form-wrapper .form .input-wrapper .label {
        font-size: 2.08333vw;
    }

    .content-wrapper .form-container .form-wrapper .form .input-wrapper .input {
        margin-top: 1.30208vw;
        font-size: 2.34375vw;
    }

    .content-wrapper .form-container .form-wrapper .form .input-wrapper.identifier-wrapper {
        margin-top: 6.51042vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper {
        margin-top: 6.51042vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .error {
        top: 2.34375vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-design {
        width: 2.08333vw;
        height: 2.08333vw;
        margin-left: 1.30208vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-design .checked {
        width: 2.08333vw;
        height: 2.08333vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-label {
        font-size: 2.08333vw;
    }

    .content-wrapper .form-container .form-wrapper .form .btn-wrapper {
        margin-top: 5.59896vw;
    }

    .content-wrapper .form-container .form-wrapper .form .par {
        margin-top: 5.46875vw;
        font-size: 1.82292vw;
    }

    .content-wrapper .form-container .takanon-wrapper {
        top: 1.5625vw;
        right: 1.04167vw;
        left: 1.04167vw;
        bottom: 1.5625vw;
        padding-bottom: 8.33333vw;
        border-radius: 2.73438vw;
    }

    .content-wrapper .form-container .takanon-wrapper .mb-track-y {
        right: 6.11979vw;
        top: 9.24479vw;
    }

    .content-wrapper .form-container .takanon-wrapper .close-icon {
        top: 2.60417vw;
        right: 2.60417vw;
        width: 1.82292vw;
    }

    .content-wrapper .form-container .takanon-wrapper .takanon-content {
        width: 78.125vw;
        padding: 9.11458vw 9.89583vw 0 6.51042vw;
        margin-bottom: 5.33854vw;
        font-size: 1.82292vw;
    }

    .content-wrapper .form-container .takanon-wrapper .takanon-content .takanon-title {
        margin-bottom: 1.30208vw;
    }
}
@media (min-width: 1200px) {
    body {
        overflow: hidden;
    }

    .content-wrapper .content {
        display: flex;
        top: 7.29167vw;
        right: 34.48438vw;
        flex-direction: column;
    //width: 30.51042vw;
        width: 32vw;
    }

    .content-wrapper .content .text {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .content-wrapper .content .logo-image-wrapper {
        margin: 0 auto;
        width: 16.14583vw;
    }

    .content-wrapper .content .title,
    .content-wrapper .content .text {
        width: 30.51042vw;
        font-size: 1.5625vw;
        display: inline;
        margin: unset;
        line-height: normal;
    }

    .content-wrapper .button-choose-gift.btn-active {
        display: none;
    }

    .form-container .close-icon.btn-active {
        display: none;
    }

    .content-wrapper .blue-btn {
        border-radius: 3.125vw;
        width: 21.66667vw;
        height: 2.55208vw;
        font-size: 1.25vw;
    }

    .content-wrapper .form-container {
        padding: 0;
        top: 2.1875vw;
        transition: none;
        height: calc(100vh - 95px);
        left: 2.1875vw;
        width: unset;
    }

    .content-wrapper .form-container .form-wrapper {
        padding-bottom: 1.04167vw;
        border-radius: 1.09375vw;
        width: 29.21875vw;
    }

    .content-wrapper .form-container .form-wrapper .company-logo-wrapper {
        margin-top: 1.45833vw;
        width: 8.4375vw;
    }

    .content-wrapper .form-container .form-wrapper .event-image-wrapper {
        margin-top: 1.04167vw;
        width: 27.08333vw;
    }

    .content-wrapper .form-container .form-wrapper .form {
        padding: 0 3.64583vw 0 3.90625vw;
        margin-top: 1.5625vw;
    }
    .content-wrapper .form-container .form-wrapper .form .error {
        font-size: 0.72917vw;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .content-wrapper .form-container .form-wrapper .form .input-wrapper .label {
        font-size: 1vw;
    }
}

@media (min-width: 1200px) and (min-width: 1500px) {
    .content-wrapper .form-container .form-wrapper .form .input-wrapper .label {
        font-size: 0.83333vw;
    }
}

@media (min-width: 1200px) {
    .content-wrapper .form-container .form-wrapper .form .input-wrapper .input {
        margin-top: 0.67708vw;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .content-wrapper .form-container .form-wrapper .form .input-wrapper .input {
        font-size: 1vw;
    }
}

@media (min-width: 1200px) and (min-width: 1500px) {
    .content-wrapper .form-container .form-wrapper .form .input-wrapper .input {
        font-size: 0.9375vw;
    }
}

@media (min-width: 1200px) {
    .content-wrapper .form-container .form-wrapper .form .input-wrapper.identifier-wrapper {
        margin-top: 2.08333vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper {
        margin-top: 2.08333vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .error {
        top: 1.04167vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-design {
        position: relative;
        width: 0.83333vw;
        height: 0.83333vw;
        margin-left: 0.52083vw;
    }

    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-design .checked {
        width: 0.83333vw;
        height: 0.83333vw;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-label {
        font-size: 1vw;
    }
}

@media (min-width: 1200px) and (min-width: 1500px) {
    .content-wrapper .form-container .form-wrapper .form .checkbox-wrapper .checkbox-label {
        font-size: 0.83333vw;
    }
}

@media (min-width: 1200px) {
    .content-wrapper .form-container .form-wrapper .form .btn-wrapper {
        margin-top: 2.70833vw;
    }

    .content-wrapper .form-container .form-wrapper .form .par {
        margin-top: 1.35417vw;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .content-wrapper .form-container .form-wrapper .form .par {
        font-size: 1vw;
    }
}

@media (min-width: 1200px) and (min-width: 1500px) {
    .content-wrapper .form-container .form-wrapper .form .par {
        font-size: 0.72917vw;
    }
}

@media (min-width: 1200px) {
    .content-wrapper .form-container .takanon-wrapper {
        width: 29.6875vw;
        top: 0;
        right: auto;
        left: 0;
        bottom: auto;
        padding-bottom: 3.33333vw;
        border-radius: 1.09375vw;
        height: 36.45833vw;
        overflow: hidden;
    }

    .content-wrapper .form-container .takanon-wrapper .mb-track-y {
        right: 3.69792vw;
        top: 5.625vw;
    }

    .content-wrapper .form-container .takanon-wrapper .close-icon {
        position: absolute;
        top: 1.5625vw;
        right: 1.5625vw;
        width: 0.72917vw;
        z-index: 999;
    }

    .content-wrapper .form-container .takanon-wrapper .takanon-content {
        height: calc(100vh - 200px);
        width: 19.27083vw;
        padding: 5.46875vw 5.98958vw 0 4.01042vw;
        margin-bottom: 3.33333vw;
        font-size: 0.72917vw;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .content-wrapper .form-container .takanon-wrapper .takanon-content {
        font-size: 1vw;
    }
}

@media (min-width: 1200px) and (min-width: 1500px) {
    .content-wrapper .form-container .takanon-wrapper .takanon-content {
        font-size: 0.72917vw;
    }
}

@media (min-width: 1200px) {
    .content-wrapper .form-container .takanon-wrapper .takanon-content .takanon-title {
        margin-bottom: 0.52083vw;
    }

    .content-wrapper .form-container .takanon-wrapper .takanon-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.65104vw 0;
    }
}

body {
    font-family: 'Simpler', sans-serif;
    direction: rtl;
    text-align: right;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.1;
    font-size: 18px;
    margin: 0;
    background: #000;
}

.content_wrapper {
    width: 920px;
    max-width: 90%;
    margin: auto;
}

.pgc_content_form_row h2 {
    margin-top: 15px;
}

.mobile {
    display: none !important;
}

#htz_logo {
    float: left;
}

#poalim_logo, #htz_logo {
    display: inline-block;
    vertical-align: middle;
}

div#pgc_title {
    font-weight: bold;
    font-size: 50px;
    position: relative;
    /* z-index: 1; */
}

.red {
    color: #E71817;
}

div#pgc_title .large {
    font-size: 65px;
}

div#pgc_content_main {
    padding: 15px 0 25px;
    margin-top: 75px;
    /* margin-bottom: 225px; */
    /* background: RGBA(253,193,25,0.7); */
    /* background: RGBA(255,255,255,0.8); */
    line-height: 1.2;
    position: relative;
    text-align:center;
    /* z-index: 1; */

}

.pgc_content_form_row {
    margin-top: 17px;
    font-size: 19px;
    font-weight: 300;
}

/* .pgc_content_form_row.row_submit {
    position: absolute;
    bottom: -56px;
    right: 0;
    left: 0;
} */

input[name="tz"] {
    /* line-height: 45px; */
    text-align: center;
    outline: none;
    border: none;
    font-family: arial;
    font-weight: 300;
    font-size: 19px;
    /* height: 45px;
    width: 364px; */
    max-width: 90%;
    border-radius: 5px;
}

span#pgc_submit {
    background: #3E3E3E 0% 0% no-repeat padding-box;
    border-radius: 18px;
    width: 264px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    font-size: 22px;
}

div#pgc_content_remark {
    font-size: 16px;
    line-height: 1.2;
    text-align:center;
}
div#pgc_content_remark a{
    color:blue;
    text-decoration:underline;
}
div#pgc_content_form {
    text-align: center;
}

input[type="checkbox"] {
    margin-left: 10px;
}

div#pgc_bottom_img {
    margin-top: -130px;
    text-align: center;
}

span#pgc_submit.active {

}

img {
    max-width: 100%;
}

#pgc_title .content_wrapper {
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
}
div#pgc_top_img {
    overflow: hidden;
    /*  max-height: 300px;
     margin-bottom: 60px; */
}
#pgc_title {
    position: relative;
}

#pgc_content_main a {
    color: #fff;
    text-decoration: underline;
}

@media only screen and (max-width: 900px) {
    html body #pgc_wrap{
        background-image: url('https://media.htzone.co.il/design/wallet/Back2Color_Atzmahut_428x926.png');
        width: 100%;
        background-size: cover;
        background-position: 0px 0px;
        padding-top: 20px;
    }

    #pgc_title .content_wrapper {
        position: static;
    }
}

@media only screen and (max-width: 600px) {
    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    div#pgc_title {
        font-size: 36px;
    }

    div#pgc_title .large {
        font-size: 50px;
    }

    .pgc_content_form_row {
        font-size: 17px;
    }
}

div#pgc_top_img {
    width: 1000px;
    display: block;
    margin: auto;
    max-width: 80%;
    font-size: 0;
    direction: ltr;
}

div#pgc_top_img img {
    max-width: 100%;
}

div#pgc_top_img .logo_img {
    /* width: 300px; */
    width: 30%;
    max-width: 50%;
}

div#pgc_top_img .title_img {
    /* width: calc(100% - 300px); */
    width: 70%;
    margin-top: 20px;
    max-width: 100%;
}

div#pgc_top_img > * {
    display: inline-block;
    vertical-align: middle;
}

html body #pgc_wrap {
    background: transparent
    url('https://media.htzone.co.il/design/wallet/Back2Color_Atzmahut_.png')
    no-repeat top center;
    background-size: cover;
    background-size: 100% 100%;
    color:#000;
    background-position: 0 center;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    box-sizing: border-box;
}

.corner_img {
    position: absolute;
    max-width: 50%;
    width: 400px;
}

.corner_img.top {
    top: -120px;
}

.corner_img.right {
    right: -200px;
}

.corner_img.bottom {
    bottom: -130px;
}

.corner_img.left {
    left: -200px;
}

.corner_img.bottom.right {
    bottom: -200px;
}

.pgc_content_form_row input[type='date'] {
    width: 218px;
    padding: 7px 20px;
    text-align: right;
}

div#pgc_content_main a {
    color: white;
}

div#pgc_header {
    height: 135px;
    padding: 10px 0;
    line-height: 1.1;
    text-align: left;
    width: 95%;
    opacity: 0.85;
    z-index: 1;
    position: relative;
    bottom: 50px;
    top: auto;
    position: absolute;
    left: 185px;
}

div#logo img {
    width: 180px;
}
div#pgc_content_main .content_wrapper div {
    font-size: 30px;
}

span.notice {
    font-weight: bold;
    padding: 1px;
    display: block;
    color: white;
    margin-top: 15px;
}

.pgc_content_form_row input {
    font-size: 18px;
    text-align: center;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    direction:ltr;
}

.pgc_content_form_row {
    margin-top: 5px;
}

div#pgc_content_form {
    padding-top: 20px;
}

div#pgc_content {
    position: relative;
}

div#pgc_content_main .content_wrapper div#pgc_content_form,div#pgc_content_main .content_wrapper div#pgc_content_form div {
    font-size: 18px;
    color: white;
}
input[type=checkbox].error {
    outline: red 5px solid;
}

div#form_bottom_img {
    max-width: 100%;
    z-index: -1;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
    top: -90px;
}

div#pgc_top_img .mobile {
    max-width: 335px;
}

div#pgc_wrap.pending_response div#pgc_content_main {
    display: none;
}

div#pgc_wrap.pending_response div#pending_msg {
    display: block;
}

div#pending_msg {
    display: none;
    font-size: 32px;
    text-align: center;
}

img[src=""] {
   display: none;
}

@media only screen and (max-width: 1100px) {
    html body #pgc_wrap{
        background-size: cover;
    }
}

div#pgc_top_img > * {
    display: block;
    margin: 0 auto;
}

div#pgc_top_img .title_img {
    width: 600px;
}

div#pgc_top_img .logo_img {
    width: 175px;
}

div#pgc_content_main .content_wrapper div {
    font-size: 20px;
}

div#pgc_content_main {
    margin-top: 20px;
}

div#pending_msg {
    font-size: 20px;
    text-align: center;
}
}

@media only screen and (max-width: 750px) {
    div#pgc_top_img {
        margin-bottom: 0;
    }

    div#pgc_header {
        position: relative;
        width: 100%;
        left: 0;
        text-align: center;
        height: auto;
    }

    .corner_img.bottom {
        display: none;
    }

    div#pgc_content_main {
        margin-bottom: 50px;
    }

    div#form_bottom_img {
        position: relative;
        width: 400px;
        max-width: 70%;
        top: -15px;
    }

    div#pgc_content_main {
        margin-top: 25px;
    }

    .corner_img {
        width: 200px;
    }

    .corner_img.top.left {
        top: 140px;
        left: auto;
        right: -100px;
    }

    .corner_img.top.right {
        right: auto;
        top: 27px;
        left: -100px;
    }

    div#logo img {
        width: 125px;
    }
}
/* End of file wallet_login_css.php */