.sp-questionnaire { background-color: #fffffa; }

@media (max-width: 640px) { .sp-questionnaire h1 { font-size: 30px !important; font-weight: bold; } .sp-questionnaire h3 { font-size: 20px !important; } }

.sp-questionnaire .sp-qs-submit { padding: 8px 20px; display: inline-block; cursor: pointer; text-align: center; }

.sp-questionnaire .sp-questionnaire-header { background-color: #1b3662; padding: 10px; text-align: center; margin-bottom: 40px; }

.sp-questionnaire .sp-questionnaire-header .sp-logo { width: 60px; }

.sp-questionnaire .sp-questionnaire-info { border: 1px solid #ddd; border-radius: 10px; padding: 20px; background-color: #fafafa; margin-top: 20px; }

.sp-questionnaire .sp-questionnaire-info > span { font-weight: bold; width: 80px; display: inline-block; }

@media (max-width: 640px) { .sp-questionnaire .sp-questionnaire-info > span { display: block; margin-top: 10px; } .sp-questionnaire .sp-questionnaire-info > span:first-of-type { margin-top: 0; } }

@media (max-width: 830px) { .sp-questionnaire .sp-questionnaire-main-content { margin-left: 20px; margin-right: 20px; } }

@media (min-width: 830.1px) { .sp-questionnaire .sp-questionnaire-main-content { max-width: 800px; margin-left: auto; margin-right: auto; } }

.sp-questionnaire #ld-quest-form .sp-questionnaire-heading { margin-top: 40px; margin-bottom: 10px; font-size: 21px; line-height: 1.5; }

.sp-questionnaire #ld-quest-form .sp-questionnaire-heading:first-child { margin-top: 0; }

.sp-questionnaire #ld-quest-form .sp-button-option { font-weight: normal; font-size: 16px; cursor: pointer; }

@media (min-width: 751px) { .sp-questionnaire #ld-quest-form .sp-button-option { display: inline-block; padding: 0 15px 0 15px; } }

@media (max-width: 750.9px) { .sp-questionnaire #ld-quest-form .sp-button-option { display: block; margin-bottom: 20px; } }

.sp-questionnaire #ld-quest-form .sp-button-option:first-child { padding-left: 0 !important; }

.sp-questionnaire #ld-quest-form .sp-button-option > span { display: block; margin-top: 5px; padding-left: 1px; }

.sp-questionnaire .page-desc-bottom { margin-top: 20px; margin-bottom: 20px; }

.sp-questionnaire textarea { height: 140px; overflow: auto; resize: none; }

.sp-questionnaire .sp-qs-radio { display: block; cursor: pointer; }

.sp-questionnaire .sp-qs-error { color: #dd0000; margin-top: 5px; font-size: 14px; }

.sp-questionnaire .sp-qs-submit { background-color: #1b3662; color: #fff; border: none; padding-left: 30px; padding-right: 30px; }

.sp-questionnaire .sp-qs-submit:active { background-color: #1b3662 !important; color: #fff; border: none !important; }

.sp-questionnaire .sp-qs-submit:hover { background: #234783; border: none; }

@media (max-width: 640px) { .sp-questionnaire .sp-qs-submit { width: 100%; } }

.sp-questionnaire-footer { background-color: #1b3662; padding: 10px; text-align: center; margin-top: 40px; height: 80px; }

.sp-agreement .sp-button-option > .sp-qs-radio { display: inline-block; margin-right: 5px; }

.sp-agreement .sp-button-option > span { display: inline-block !important; }

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ }

.sp-form { margin-bottom: 50px; margin-top: 40px; }

.sp-form form { width: 100%; }

.sp-form form select.colour-select { color: #6a6a6a; }

.sp-form form .sp-form-first-name label, .sp-form form fieldset label, .sp-form form .sp-form-your-cont label { display: none; }

.sp-form form .remove-player { float: right; font-size: 12px; text-transform: uppercase; border: 1px solid #888; padding: 5px 10px; line-height: 1; border-radius: 16px; margin-top: 10px; margin-bottom: -30px; cursor: pointer; }

.sp-form form .remove-player:hover { color: #fff; background-color: #e30; border-color: #e30; }

.sp-form form .hd-your-cont, .sp-form form .hd-players { margin-bottom: 5px !important; font-size: 15px; text-transform: none; color: #5b96ab; font-weight: bold !important; letter-spacing: 0.6px; border-bottom: 0; }

.sp-form form .hd-players { margin-top: 30px !important; margin-bottom: 10px !important; }

.sp-form form .hd-parent { margin-top: 25px; margin-bottom: 5px; }

.sp-form form fieldset { border: 0; padding: 0; }

.sp-form form .sp-form-row { width: 100%; }

@media (min-width: 772px) { .sp-form form .sp-form-row { display: table; } }

.sp-form form .sp-form-row label, .sp-form form .sp-form-row input[type=text], .sp-form form .sp-form-row input[type=email], .sp-form form .sp-form-row select { width: calc(100% - 14px); margin-bottom: 14px; }

.sp-form form .sp-form-row label { font-size: 15px; text-transform: none; color: #5b96ab; font-weight: bold; letter-spacing: 0.6px; }

.sp-form form .sp-form-row .sp-100-cell { width: 100%; }

@media (min-width: 772px) { .sp-form form .sp-form-row .sp-100-cell { display: table-cell; } }

@media (min-width: 772px) { .sp-form form .sp-form-row .sp-50-cell { display: table-cell; width: 50%; } }

@media (min-width: 772px) { .sp-form form .sp-form-row .sp-25-cell { display: table-cell; width: 25%; } }

.sp-form form .sp-player-repeater { margin-bottom: 25px; padding-top: 0px; padding-bottom: 20px; }

.sp-form form .sp-player-repeater:nth-child(even) { background-color: #f1f1e4; }

.sp-form form .sp-player-repeater:first-child { border-top: none !important; padding-top: 0 !important; margin-bottom: 7px; }

.sp-form form .sp-player-repeater:first-child .remove-player { display: none !important; }

.sp-form form .sp-field-error { color: #b00; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; margin-top: -10px; margin-bottom: 10px; displaY: block; }

.sp-form h3 { font-size: 24px; padding-bottom: 5px; }

.sp-form h4 { font-size: 18px !important; }

.sp-form .sp-form-btn { font-family: Inter, "Sans-Serif"; color: #fff; background-color: #1b3662; padding: 8px 10px; border-radius: 25px; display: inline-block; margin-top: 0px; font-size: 14px; cursor: pointer; }

.sp-form .sp-submit { min-width: 123px; text-align: center; transition: background-color 0.3s; background-color: #6ea6b8; }

@media (max-width: 771px) { .sp-form .sp-submit { width: 100%; } }

.sp-form .sp-submit:hover { background-color: #315185; }

.sp-form .sp-add-player { padding: 7px 20px; }

.sp-form .misc-info-row { margin-top: 30px; margin-bottom: 30px; }

.sp-form .sp-extra-text { margin-top: -15px; margin-bottom: 25px; }

.sp-form .sp-gdpr-holder { margin-top: 20px; margin-bottom: 30px; font-size: 15px; cursor: pointer; }

.sp-form .sp-gdpr-holder label, .sp-form .sp-gdpr-holder input { cursor: pointer; }

.sp-form #gdpr-ok-errors { display: block; margin-top: 6px; }

.custom-loader { margin-left: auto; margin-right: auto; display: none; width: 25px; height: 25px; border-radius: 50%; -webkit-mask: radial-gradient(farthest-side, #0000 40%, #000 41%); background: linear-gradient(0deg, #F4F4F480 50%, #F4F4F4FF 0) center/2px 100%, linear-gradient(90deg, #F4F4F440 50%, #F4F4F4BF 0) center/100% 2px; background-repeat: no-repeat; animation: s3 1s infinite steps(12); }

.custom-loader::before, .custom-loader::after { content: ""; grid-area: 1/1; border-radius: 50%; background: inherit; opacity: 0.915; transform: rotate(30deg); }

.custom-loader::after { opacity: 0.83; transform: rotate(60deg); }

@keyframes s3 { 100% { transform: rotate(1turn); } }

.blink-border { animation: blink2 .5s step-end infinite alternate; border: 2px solid transparent; }

@keyframes blink2 { 50% { border-color: red; } }

.sp-error-msgs { padding: 10px 15px; margin-bottom: 30px; color: red; }

.prevent-select { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ }