html {/* ,body */
    height: 100%;
}
body {
    background: url('/wp-content/themes/pmtech/tmp-content/coffee-break/bg-cofee.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 2.778vw;
    padding-bottom: 13.889vw;
}
.row {
    display: flex;
}
.logo-line {
    display: flex;
    justify-content: center;
}
.logo-line img {
    width: 15.625vw;
}
.main-container {
    display: flex;
    justify-content: center;
    margin-top: 9.722vw;
}
.main-container .content {
    text-align: center;
    max-width: 64.236vw;
}
.main-container .content h1 {
    font-family: 'NeueMachina';
    text-transform: uppercase;
    font-size: 4.444vw;
    line-height: 120%;
    font-weight: 900;
}
.main-container .content p {
    font-family: 'NeueMachina';
    color: #FF771D;
    font-size: 1.389vw;
    font-weight: 700;
    margin-top: 1.111vw;
}
.main-container .content form {
    margin-top: 4.444vw;
}
.main-container .content form button {
    padding: 2.083vw 3.056vw;
    background: #FFFFFF1A;
    border: none;
    border-radius: 0.833vw;
    font-size: 1.25vw;
    color: white;
    font-family: 'NeueMachina';
    transition: .3s;
    width: calc(100% / 5);
}
.main-container .content form button span {
    position: relative;
}
.main-container .content form button.active span::before {
    content: '';
    background: url('/wp-content/themes/pmtech/tmp-content/coffee-break/CheckCircle.svg');
    background-repeat: no-repeat;
    width: 1.667vw;
    height: 1.667vw;
    display: block;
    position: absolute;
    left: -1.556vw;
    top: -0.2vw;
}
.main-container .content form button:hover {
    background: #FFFFFF33;
}
.main-container .content form button.active {
    background: #FF771D;
    color: white;
    /* padding-left: 4.306vw; */
}
.main-container .content form .row {
    justify-content: center;
    gap: 0.556vw;
}
.main-container .content form .email-row {
    margin-top: 2.778vw;
    background: #F4F4F4;
    padding: 0.278vw 0.278vw 0.278vw 2.222vw;
    display: flex;
    border-radius: 1.111vw;
}
.main-container .content form .email-row input {
    font-family: 'NeueMachina';
}
.main-container .content form .email-row input[type=email] {
    border: none;
    background: none;
    width: 100%;
    padding: 0;
    font-size: 1.389vw;
}
.main-container .content form .email-row input[type=email]:focus {
    outline: none;
}
.main-container .content form .email-row input[type=submit] {
    padding: 1.667vw 5.556vw;
    background: #0909091A;
    border: none;
    border-radius: 0.833vw;
    font-size: 1.25vw;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    transition: .3s;
}
.main-container .content form .email-row input[type=submit].active {
    background: #FF771D;
}
.main-container .content.successfulRegistration p,
.main-container .content.notSuccessfulRegistration p {
    color: white;
}
.main-container .content.successfulRegistration img,
.main-container .content.notSuccessfulRegistration img {
    margin-bottom: 2.778vw;
}
.main-container .content.successfulRegistration button,
.main-container .content.notSuccessfulRegistration button {
    padding: 1.667vw 5.556vw;
    background: #FF771D;
    border: none;
    border-radius: 0.833vw;
    font-size: 1.25vw;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    margin-top: 2vw;
    transition: .3s;
}