.d-none {
display: none !important;
}
.disable {
display: none !important;
}
.disable-cursor {
display: none !important;
}
.red {
color: #de3737 !important;
}
#register_interactive_form {
background: #56565B;
padding: 60px 0;
}
#register_interactive_form .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
}
#register_interactive_form h2 {
color: #FFD700;
font-family: 'Ubuntu', sans-serif;
font-size: 28px;
line-height: 32px;
margin-bottom: 30px;
}
.Contact-stepButton {
background: transparent;
outline: none;
border: none;
color: #161616;
}
.Contact-stepButton:hover {
color: unset;
background: unset;
border: unset;
}
#submit_interactive_form {
background: #fff;
color: #FFD700;
font-size: 24px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
padding: 20px 40px;
border: 1px solid #161616;
}
#submit_interactive_form:hover {
background: transparent;
color: #161616;
}
#register_interactive_form .contact-input {
display: block;
width: 100%;
max-width: 420px;
margin: 0 auto;
text-align: center;
position: relative;
color: #fff;
font-size: 100px;
font-family: 'Ubuntu', sans-serif;
}
#register_interactive_form .contact-input input#register_name {
display: inline-block;
background: transparent;
font-weight: 100;
font-size: 100px;
width: 720px;
outline: none;
border: none;
text-align: left;
margin: 0 auto;
-webkit-transition: margin .5s ease-in-out, font-size .5s linear, height .6s linear;
-o-transition: margin .5s ease-in-out, font-size .5s linear, height .6s linear;
transition: margin .5s ease-in-out, font-size .5s linear, height .6s linear;
font-size: 100px;
color: #42AF49;
font-family: 'Roboto' !important;    height: 200px;
text-transform: uppercase;
cursor: none !important;
}
#register_interactive_form .contact-input input#register_name:focus {
text-align: center;
}
#register_interactive_form .contact-input input#register_email {
display: inline-block;
background: transparent;
font-weight: 100;
font-size: 100px;
width: 401px;
outline: none;
border: none;
text-align: left;
margin: 0 auto;
-webkit-transition: margin .5s ease-in-out, font-size .5s linear, height .6s linear;
-o-transition: margin .5s ease-in-out, font-size .5s linear, height .6s linear;
transition: margin .5s ease-in-out, font-size .5s linear, height .6s linear;
font-size: 100px;
color: #42AF49;
font-family: 'Roboto' !important;    height: 200px;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
cursor: none !important;
}
#register_email_label {
display: block;
}
#register_text_label textarea {
-webkit-transition: margin .5s ease-in-out;
-o-transition: margin .5s ease-in-out;
transition: margin .5s ease-in-out;
min-height: 150px;
overflow: hidden;
resize: none;
text-align: center;
width: 100%;
height: 50px;
background: transparent !important;
border: none !important;
outline: none !important;
color: #fff;
}
.contact-input.text {
max-width: 700px !important;
max-height: 250px;
}
#register_interactive_form .contact-input input#register_name.entered {
display: block;
width: 300px;
font-size: 20px!important;
margin: 0;
padding: 0;
text-align: center;
height: 30px;
}
#register_interactive_form .contact-input input#register_email.entered {
display: block;
width: 100%;
font-size: 20px!important;
margin: 0;
padding: 0;
text-align: center;
height: 30px;
}
#register_interactive_form .contact-input input:focus {
outline: none !important;
}
#register_interactive_form .contact-input input::placeholder {
color: #fff;
}
#register_interactive_form strong {
color: rgba(22, 22, 22, .6);
display: block;
font-size: 13px;
}
#register_interactive_form i {
position: absolute;
width: 5px;
height: 56%;
background-color: #fff;
left: 0px;
top: 22%;
animation-name: blink;
animation-duration: 1.2s;
animation-iteration-count: infinite;
opacity: 1;
font-family: 'Ubuntu', sans-serif;
}
#register_interactive_form em {
display: block;
font-size: 18px;
font-weight: 500;
line-height: 32px;
color: #fff;
margin-bottom: 10px;
margin-top: 26px;
font-family: 'Ubuntu', sans-serif;
}
#form_sent {
color: #fff !important;
font-size: 50px !important;
padding: 60px 0 100px;
animation-name: blinksent;
animation-duration: 2s;
opacity: 1;
}
@media (max-width: 600px) {
#register_interactive_form .contact-input input#register_name {
width: 300px;
text-align: center;
font-size: 60px !important;
margin: 0 auto;
}
#register_interactive_form .contact-input input#register_name.entered {
margin: 10px auto;
}
#register_interactive_form .contact-input input#register_email.entered {
margin: 10px auto;
}
#register_interactive_form .contact-input input#register_email {
width: 300px !important;
text-align: center;
font-size: 60px !important;
margin: 0 auto;
}
#register_interactive_form .contact-input input#register_email.entered {
width: 100% !important;
}
#register_text_label textarea {
font-size: 60px !important;
}
#submit_interactive_form {
padding: 15px 30px;
}
#register_interactive_form h2 {
font-size: 32px !important;
line-height: 48px;
max-width: 300px;
margin: 0 auto;
}
#register_interactive_form h2 span {
display: block;
}
}
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes blinksent {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @keyframes typing {
from {
width: 0
}
to {
width: 100%
}
} #register_interactive_form .contact_form {
opacity: 0;
height: 0;
}
#register_interactive_form .contact_form.highlighted {
opacity: 1;
height: auto;
animation-name: openform;
animation-duration: 2.2s;
}
#register_interactive_form .contact_form input,
#register_interactive_form .contact_form select,
#register_interactive_form .contact_form textarea {
background: transparent;
border: none !important;
border-bottom: 1px solid #161616 !important;
border-radius: 0 !important;
color: #161616;
}
#register_interactive_form .contact_form input::placeholder,
#register_interactive_form .contact_form select::placeholder,
#register_interactive_form .contact_form textarea::placeholder {
color: #161616;
}
#register_interactive_form .contact_form input[type="checkbox"] {
border: none !important;
}
#register_interactive_form .contact_form .send {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
#register_interactive_form .contact_form .send #send_button {
margin-right: 0;
background: #358E3A;
display: block;
border: 1px solid #358E3A !important;
}
#register_interactive_form .contact_form .send #send_button:hover {
background: transparent;
border: 1px solid #358E3A !important;
color: #358E3A !important;
}
@keyframes openform {
from {
opacity: 0;
}
to {
opacity: 1;
}
}