.eventsForm .eventsForm__ok, .eventsForm .eventsForm__error{ font-size: 13px; display: none;} .eventsForm .eventsForm__ok{ color: white;} .eventsForm .eventsForm__error{ color: white;} .form-buttons{ text-align: center; padding: 40px 0 0px 0px;} @media (max-width: 575.98px){ .form-buttons{ padding: 20px 0 0px 0px;}} .eventsForm .btn-primary{ display: block; margin: 0 auto; text-align: center; text-transform: uppercase; text-decoration: none; border: 0; box-shadow: 0 8px 16px rgba(44, 100, 227, 0.14); background-color: #0066CC; color: #ffffff; font-size: 15px; font-weight: 500; line-height: 24px; padding: 8px 32px; min-width: 160px; border-radius: 20px; letter-spacing: 1px; cursor: pointer;} .eventsForm .btn-primary:hover{ opacity: .9;} @media only screen and (min-width: 768px){ .btn-primary:not(.btn-toggle-modal-css){ font-size: 20px; line-height: 42px; border-radius: 30px;}} .bm-field-row{ display: flex; flex-direction: column;} @media only screen and (min-width: 568px){ .bm-field-row{ display: flex; flex-direction: row;} .bm-field-row > div{ width: calc(50% - 10px);} .bm-field-row > div:first-child{ margin-right: 10px;} .bm-field-row > div:last-child{ margin-left: 10px;}} input, textarea, select, button{ font-family: 'Roboto', sans-serif;} .field-wrapper{ position: relative; margin-bottom: 20px;} .field-wrapper input, .field-wrapper textarea, .field-wrapper select{ width: 100%; background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #2C2C2C; font-size: 13px; line-height: 30px; font-weight: 400; border-radius: 8px; padding: 10px 16px;} .field-wrapper input:focus, .field-wrapper textarea:focus{ background-color: #ffffff; border-color: rgba(0, 0, 0, 0.15);} .field-wrapper input.input-error, .field-wrapper textarea.input-error, .field-wrapper .dropdown-toggle.input-error{ color: #F05D26;} .field-wrapper input:invalid, .field-wrapper textarea:invalid{ color: #F05D26;} .field-wrapper input::placeholder, .field-wrapper textarea::placeholder{ color: #999999;} .field-wrapper input.input-error::placeholder, .field-wrapper textarea.input-error::placeholder{ color: rgba(255, 0, 0, 0.4);} .field-wrapper select{ height: 50px;} .field-wrapper .dropdown-toggle{ width: 100%; background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #2C2C2C; font-size: 13px; line-height: 30px; font-weight: 400; border-radius: 8px; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between;} .field-wrapper .dropdown-item:hover{ cursor: pointer; text-decoration: none;} .field-wrapper select{ font-size: 15px;} @media only screen and (min-width: 568px){ .field-wrapper input, .field-wrapper textarea, .field-wrapper select, .field-wrapper .dropdown-toggle{ font-size: 15px;}} .form-buttons .dashed-loading:after, .form-buttons .dashed-loading:before{ top: 16px; right: 12px;} .form-buttons .dashed-loading:after, .form-buttons .dashed-loading::before{ border: 3px solid white; border-left: 3px solid rgba(0,0,0,0); border-bottom: 3px solid rgba(0,0,0,0);} .form-buttons .dashed-loading:after, .form-buttons .dashed-loading::after{ border: 3px solid white; border-left: 3px solid rgba(0,0,0,0); border-bottom: 3px solid rgba(0,0,0,0);} .form-buttons .btn-primary.dashed-loading{ position: relative; transition: all 300ms linear; padding: 5px 45px 5px 32px;} .btn-captcha{ width: 2rem; margin-left: 1rem; margin-right: 1rem;} .eventsForm__body{ max-width: 100%; width: 100%; margin-left: auto; margin-right: auto;} .field-wrapper input:invalid, .field-wrapper textarea:invalid{ background-color: #F5F5F5;} .field-wrapper input, .field-wrapper textarea, .field-wrapper select{ width: 100%; border: none; background:none; border-bottom: 1px solid #F5F5F5; font-size: 18px; line-height: 30px; font-weight: 400; border-radius: 0px; padding: 10px 16px; color:white;} .field-wrapper textarea{ border:1px solid #F5F5F5;} .field-wrapper input:focus, .field-wrapper textarea:focus, .field-wrapper select:focus{ background:none; color:white; border-bottom: 1px solid #F5F5F5;} .field-wrapper textarea:focus{ border:1px solid #F5F5F5;} .field-wrapper input:invalid, .field-wrapper textarea:invalid{ background:none; color: white; border-bottom: 1px solid #F5F5F5;} .field-wrapper textarea:invalid{ border:1px solid #F5F5F5;} .field-wrapper input::placeholder, .field-wrapper textarea::placeholder, .field-wrapper select::placeholder{ background:none; color: rgba(255, 255, 255, 0.6);} .btn-primary-ip.btn-primary{ background: white; color: black; border-radius: 8px; padding: 5px 20px;min-width: 260px; background: #F05D26; border-color: #F05D26; color: white;} @media ( max-width:767px ){ .btn-primary-ip.btn-primary{ padding: 13px 20px; width: 100%;}} .wrap-intl-tel-input .iti__selected-dial-code{ color: rgba(255, 255, 255, 0.6);} .iti__arrow{ border-top: 4px solid rgba(255, 255, 255, 0.6);} .iti__arrow.iti__arrow--up{ border-bottom: 4px solid rgba(255, 255, 255, 0.6); border-top:none;} .section-form-v1{ padding:50px 0px 70px 0px;} @media (max-width: 575.98px){ .section-form-v1{ padding:30px 0px 50px 0px;}} @media (max-width: 767.98px){ .page-text1{ font-size: 18px;}} .field-required-fields{ color: rgba(255, 255, 255, 0.7) !important; margin-left: 15px; font-size: 18px;} .eventsForm_mod{ margin-top:20px;} .eventsForm_mod p{ padding: 10px; background: rgb(230, 240, 241); background: white; color: black; border-left: 2px solid #F05D26;}