/* Savanta theme can edit */
.ui-corner-tl,.ui-corner-tr,.ui-corner-bl,.ui-corner-br,.ui-corner-top,.ui-corner-bottom,.ui-corner-right,.ui-corner-left,.ui-corner-all,.ui-btn-corner-tl,.ui-btn-corner-tr,.ui-btn-corner-bl,.ui-btn-corner-br,.ui-btn-corner-top,.ui-btn-corner-bottom,.ui-btn-corner-right,.ui-btn-corner-left,.ui-btn-corner-all,.ui-checkbox label.radio-control-top,.ui-radio label.radio-control-top,.ui-checkbox label.radio-control-bottom:not(.choice-expanded),.ui-radio label.radio-control-bottom:not(.choice-expanded),input[type="text"].radio-control-bottom,.grid tbody tr:first-child td:first-child,.grid tbody tr:first-child td:last-child,.grid tbody tr:last-child td:first-child,.grid tbody tr:last-child td:last-child { border-top-left-radius: 0 0; border-top-right-radius: 0 0; border-bottom-right-radius: 0 0; border-bottom-left-radius: 0 0 }
.ui-shadow,.ui-icon-shadow,.ui-shadow-inset,.checkedImageset .ui-btn-hover-a { box-shadow: none }
.ui-bar-a,.ui-body-a,.ui-dialog.ui-overlay-a,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-btn-active,.ui-btn.active,.grid tbody tr:hover td,.checkedImageset .ui-btn-hover-a { background-image: none; text-shadow: none; font-weight: normal }
.ui-btn-inner { border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial; padding-top: 0.7em; padding-right: 20px; padding-bottom: 0.7em; padding-left: 20px }
.ui-btn-inner:focus { box-shadow: 0 0 0 3px rgb(255, 255, 255), 0 0 1px 5px rgb(6, 121, 186) !important }
.ui-focus,.ui-btn:focus { box-shadow: 0 0 0 3px rgb(255, 255, 255), 0 0 1px 5px rgb(6, 121, 186) !important }
.ui-corner-top,ui.corner-bottom { background-clip: unset }
.ui-body-a,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-controlgroup-label .inst,.ui-controlgroup-label p,.checkedImageset legend .inst,.question-wrapper > p .inst,.contentpad > p .inst,label.ui-input-text,.carousel legend .inst,.ui-controlgroup .ui-checkbox label,.ui-controlgroup .ui-radio label,.carousel-position-span,.carousel-buttons .ui-btn,.ranking-wrapper .ui-btn,.ranking-wrapper .ranking-number,input.ui-input-text,textarea.ui-input-text,.masked-textbox-prefix,.masked-textbox-suffix { font-family: Roboto, Arial, Helvetica, sans-serif !important; font-weight: 400; font-size: 16px !important; color: rgb(15, 16, 19) }
input::placeholder { opacity: 1; color: rgb(111, 111, 129) }
.ui-header { position: static; padding-right: 12px; padding-bottom: 5px; padding-left: 16px; padding-top: 50px }
.logohead { display: flex; background-size: contain; background-repeat: no-repeat; justify-content: center; padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; position: absolute; top: 0; left: 0; width: 100%; height: 20px; background-color: rgba(255, 255, 255, 1); border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: rgba(163, 127, 252, 1) }
.logohead .logo-image { background-size: contain; background-repeat: no-repeat; width: 800px; background-image: url("clr.png"); background-position: left }
@media (max-width: 500px) { .ui-header { padding-top: 45px } .logohead { padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; height: 15px } .logohead .logo-image { margin-left: 15px; background-image: url("clr.png") } }
h1 { font-family: Roboto, Arial, Helvetica, sans-serif !important; font-weight: 400; font-size: 24px; margin-block: 0 }
h2 { font-family: Roboto, Arial, Helvetica, sans-serif !important; font-weight: 600; font-size: 20px; margin-block: 0 }
.pageTitle { padding-top: 30px; padding-right: 0; padding-bottom: 16px; padding-left: 0; font-family: Roboto, Arial, Helvetica, sans-serif !important; font-size: 24px; color: rgb(111, 111, 129); animation-name: fadein; animation-duration: 750ms; animation-timing-function: ease; animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial }
.pageTitle:empty { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px }
@media (max-width: 500px) { .pageTitle { padding-top: 16px } .pageTitle:empty { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px } }
.question-wrapper > p,.contentpad > p,.ui-controlgroup-label,.checkedImageset legend,.carousel legend { font-size: 16px; line-height: 1.4; margin-top: 0; margin-right: 0; margin-bottom: 1em; margin-left: 0; padding-left: 0 }
.ui-controlgroup-label ul li { list-style-type: disc; list-style-image: initial; list-style-position: initial }
.ui-controlgroup-label ol li { list-style-type: decimal; list-style-image: initial; list-style-position: initial }
.ui-controlgroup-label .inst,.ui-controlgroup-label p,.checkedImageset legend .inst,.question-wrapper > p .inst,.contentpad > p .inst,label.ui-input-text,.carousel legend .inst { color: rgb(111, 111, 129); margin-top: 0; margin-right: 0; margin-bottom: 0.5em; margin-left: 0; font-size: 16px }
html,.ui-overlay-a,.ui-page.ui-body-a { background-color: rgba(250, 250, 250, 1); position: static !important }
b { font-weight: 500 !important }
.ui-icon,.ui-icon-searchfield::after { background-image: url("bg_icons_light.svg"); border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0) }
.ui-select .ui-icon { background-image: url("bg_icons.svg") }
.question-wrapper,.column-cell-wrapper { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; overflow: visible !important }
html.ui-mobile { height: 100% }
.ui-mobile body { min-height: 100%; height: auto }
label.ui-input-text { margin-top: 1em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0; color: rgb(15, 16, 19) }
.ui-controlgroup,fieldset.ui-controlgroup,.ui-checkbox label.radio-control-top,.ui-radio label.radio-control-top,.ui-field-contain,.ui-mobile fieldset.ui-field-contain { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.ui-bar-a,.ui-content,hr { background-color: rgba(0, 0, 0, 0); border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial }
.contentpad { padding-top: 0; padding-right: 16px; padding-bottom: 65px; padding-left: 16px; position: relative; z-index: 2; overflow: visible; animation-name: fadeslide; animation-duration: 300ms; animation-timing-function: ease-out; animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial }
@media (max-width: 500px) { .contentpad { padding-bottom: 30px } }
.statement { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: block; text-align: center }
.statement2 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: block; background-color: rgba(233, 233, 233, 1); border-top-width: 2mm; border-top-style: ridge; border-top-color: rgba(173, 182, 196, 1); border-right-width: 2mm; border-right-style: ridge; border-right-color: rgba(173, 182, 196, 1); border-bottom-width: 2mm; border-bottom-style: ridge; border-bottom-color: rgba(173, 182, 196, 1); border-left-width: 2mm; border-left-style: ridge; border-left-color: rgba(173, 182, 196, 1); text-align: center; font-weight: bold; font-size: larger }
#basenav > .ui-btn { background-clip: border-box; border-top-left-radius: 2em 2em !important; border-top-right-radius: 2em 2em !important; border-bottom-right-radius: 2em 2em !important; border-bottom-left-radius: 2em 2em !important; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; margin-left: 16px; transition: border 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out; border-top-width: 2px; border-top-style: solid; border-top-color: rgba(204, 204, 204, 1); border-right-width: 2px; border-right-style: solid; border-right-color: rgba(204, 204, 204, 1); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgba(204, 204, 204, 1); border-left-width: 2px; border-left-style: solid; border-left-color: rgba(204, 204, 204, 1) }
#basenav > .ui-btn input,.ui-btn button { outline-width: 0; outline-style: initial; outline-color: initial }
#basenav > .ui-btn.ui-controlgroup-last { border-top-width: 2px; border-top-style: solid; border-top-color: rgba(6, 121, 186, 1); border-right-width: 2px; border-right-style: solid; border-right-color: rgba(6, 121, 186, 1); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgba(6, 121, 186, 1); border-left-width: 2px; border-left-style: solid; border-left-color: rgba(6, 121, 186, 1) }
#basenav > .ui-btn.ui-controlgroup-last:not(.incomplete) { animation-name: fadegrow; animation-duration: 350ms; animation-timing-function: cubic-bezier(0.18, 1.25, 0.4, 1); animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial }
#basenav > .ui-btn.ui-btn-up-a.ui-controlgroup-last,#basenav > .ui-btn.ui-btn-hover-a.ui-controlgroup-last { background-color: rgba(6, 121, 186, 1); color: rgba(255, 255, 255, 1) }
#basenav > .ui-btn.ui-btn-hover-a.ui-controlgroup-last { border-top-width: 2px; border-top-style: solid; border-top-color: rgba(6, 121, 186, 1); border-right-width: 2px; border-right-style: solid; border-right-color: rgba(6, 121, 186, 1); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgba(6, 121, 186, 1); border-left-width: 2px; border-left-style: solid; border-left-color: rgba(6, 121, 186, 1); box-shadow: 0 0 2px 4px rgba(6, 121, 186, 0.2) !important }
#basenav > .ui-btn.ui-btn-down-a.ui-focus.ui-controlgroup-last { border-top-width: 2px; border-top-style: solid; border-top-color: rgba(6, 121, 186, 1); border-right-width: 2px; border-right-style: solid; border-right-color: rgba(6, 121, 186, 1); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgba(6, 121, 186, 1); border-left-width: 2px; border-left-style: solid; border-left-color: rgba(6, 121, 186, 1); box-shadow: 0 0 6px 5px rgba(6, 121, 186, 0.2) !important; color: rgba(255, 255, 255, 1) }
#basenav > .ui-btn.ui-btn-up-a,#basenav > .ui-btn.ui-btn-hover-a { background-color: rgba(204, 204, 204, 1); color: rgb(15, 16, 19) }
#basenav > .ui-btn.ui-btn-hover-a { box-shadow: 0 0 2px 4px rgba(204, 204, 204, 0.3) !important; border-top-width: 2px; border-top-style: solid; border-top-color: rgba(204, 204, 204, 1); border-right-width: 2px; border-right-style: solid; border-right-color: rgba(204, 204, 204, 1); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgba(204, 204, 204, 1); border-left-width: 2px; border-left-style: solid; border-left-color: rgba(204, 204, 204, 1) }
#basenav > .ui-btn.ui-btn-down-a.ui-focus { box-shadow: 0 0 6px 5px rgba(204, 204, 204, 0.45) !important; color: rgb(15, 16, 19); border-top-width: 2px; border-top-style: solid; border-top-color: rgba(204, 204, 204, 1); border-right-width: 2px; border-right-style: solid; border-right-color: rgba(204, 204, 204, 1); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgba(204, 204, 204, 1); border-left-width: 2px; border-left-style: solid; border-left-color: rgba(204, 204, 204, 1) }
#basenav > .ui-btn.ui-btn-up-a.ui-controlgroup-last .ui-icon,.ui-icon-searchfield::after,#basenav > .ui-btn.ui-btn-hover-a.ui-controlgroup-last .ui-icon,.ui-icon-searchfield::after { border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-image: url("bg_icons_light.svg") }
#basenav > .ui-btn.ui-btn-up-a .ui-icon,.ui-icon-searchfield::after,#basenav > .ui-btn.ui-btn-hover-a .ui-icon,.ui-icon-searchfield::after { background-image: url("bg_icons.svg"); border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0) }
.progress { font-family: Roboto, Arial, Helvetica, sans-serif !important; font-size: 16px; color: rgb(15, 16, 19); padding-left: 16px }
#basenav > .ui-btn:nth-child(0n+1) { padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px }
#basenav > .ui-btn:nth-child(0n+1) .ui-icon { left: 16px }
#basenav > .ui-btn.ui-disabled { display: none !important }
#basenav > .ui-btn.incomplete { opacity: 0; cursor: default }
.NextB.incomplete { background-color: rgba(0, 0, 0, 0); cursor: default }
.footit { display: flex; align-items: center; bottom: 40px; position: relative; margin-bottom: 0; z-index: 2; animation-name: fadein; animation-duration: 750ms; animation-timing-function: ease; animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial }
.footit .ui-controlgroup { margin-left: auto; padding-right: 16px }
@media (max-width: 800px) { .footit { position: relative; bottom: 20px; flex-wrap: wrap } }
#mainIntro { background-attachment: initial; background-clip: initial; background-color: rgba(255, 255, 255, 1); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial }
#mainIntro .ui-header,#mainIntro .logohead { display: none }
#mainIntro.ui-page .contentpad { position: static; text-align: center; padding-top: 100px; padding-bottom: 30px; animation-name: fadein; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial }
#mainIntro .logo-image { background-size: contain; background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-bottom: 60px; margin-left: auto; background-position: center; background-image: url("clr.png"); height: 50px }
@media (max-width: 500px) { #mainIntro.ui-page .contentpad { background-size: 175px; padding-top: 30px } #mainIntro .logo-image { margin-top: 15px; margin-right: 0; margin-bottom: 30px; margin-left: 0; height: 37.5px } }
#mainIntro.ui-page .ui-body-a .ui-link { color: rgb(6, 121, 186); font-weight: 400; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial }
#mainIntro.ui-page .ui-body-a .ui-link:hover { text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: initial }
#mainIntro.ui-page .ui-controlgroup .intro-page-heading { font-size: 20px; text-align: center; color: rgb(15, 16, 19) }
#mainIntro.ui-page .ui-controlgroup .intro-page-heading+br { display: none }
#mainIntro.ui-page .intro-page-body { font-size: 14px; color: rgb(111, 111, 129) }
@media (max-width: 500px) { #mainIntro.ui-page .intro-page-body { margin-bottom: 20px } }
#mainIntro.ui-page .ui-controlgroup .ui-controlgroup-label { font-size: 16px }
#mainIntro.ui-page .footit { justify-content: center; position: relative; bottom: 40px }
@media (min-width: 800px) { #mainIntro.ui-page .footit { bottom: unset } }
#mainIntro.ui-page .footit .ui-controlgroup { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0 }
#mainIntro.ui-page .progress,#mainIntro.ui-page .mainbar { display: none }
#mainformThanks .ui-body-a label.ui-input-text { margin-bottom: 2em }
.ui-btn-up-a,.ui-controlgroup-vertical .ui-btn { background-color: rgba(255, 255, 255, 1); color: rgb(15, 16, 19); border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial; box-shadow: 1px 1px 8px -1px rgb(151, 147, 157); border-top-left-radius: 5px 5px !important; border-top-right-radius: 5px 5px !important; border-bottom-right-radius: 5px 5px !important; border-bottom-left-radius: 5px 5px !important; transition: background-color 0.2s ease, border-color 0.2s ease }
.ui-btn.ui-btn-hover-a,.ui-controlgroup-vertical .ui-btn.ui-btn-hover-a { border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial; box-shadow: 1px 1px 8px -1px rgb(151, 147, 157); border-top-left-radius: 5px 5px !important; border-top-right-radius: 5px 5px !important; border-bottom-right-radius: 5px 5px !important; border-bottom-left-radius: 5px 5px !important; background-color: rgba(162, 219, 252, 1) }
.ui-btn.active,.ui-btn.active.ui-btn-hover-a,.ui-checkbox .ui-checkbox-on.ui-btn,.ui-radio .ui-radio-on.ui-btn { box-shadow: 1px 1px 8px -1px rgb(151, 147, 157); transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: initial; background-color: rgba(6, 121, 186, 1); color: rgba(255, 255, 255, 1) }
.ui-radio label.radio-control-bottom:not(.choice-expanded) { border-bottom-width: 2px }
.ui-radio .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 20px }
.ui-checkbox { }
.ui-checkbox .ui-icon { border-top-left-radius: 0 0; border-top-right-radius: 0 0; border-bottom-right-radius: 0 0; border-bottom-left-radius: 0 0; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(102, 102, 102, 1); border-right-width: 1px; border-right-style: solid; border-right-color: rgba(102, 102, 102, 1); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(102, 102, 102, 1); border-left-width: 1px; border-left-style: solid; border-left-color: rgba(102, 102, 102, 1); width: 16px; height: 16px }
.ui-checkbox-on .ui-icon { border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial; transition: border 0.2s ease, background-color 0.5s ease; animation-name: fadegrow; animation-duration: 500ms; animation-timing-function: cubic-bezier(0.18, 1.25, 0.4, 1); animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial; background-color: rgba(6, 121, 186, 1) }
.checked-image .ui-btn { border-top-width: 2px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 1); border-right-width: 2px; border-right-style: solid; border-right-color: rgba(255, 255, 255, 1); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 1); border-left-width: 2px; border-left-style: solid; border-left-color: rgba(255, 255, 255, 1) }
.checked-image .ui-btn.ui-btn-hover-a { border-top-color: rgba(162, 219, 252, 1); border-right-color: rgba(162, 219, 252, 1); border-bottom-color: rgba(162, 219, 252, 1); border-left-color: rgba(162, 219, 252, 1) }
.checked-image.ui-checkbox .ui-btn-inner { padding-top: 35px !important; padding-right: 35px !important; padding-bottom: 20px !important; padding-left: 35px !important }
.checked-image.ui-checkbox label.radio-control-bottom { border-top-width: 2px !important; border-right-width: 2px !important; border-bottom-width: 2px !important; border-left-width: 2px !important }
.checked-image .ui-icon { top: 20px !important; left: 12px !important }
.checked-image .ui-btn.ui-checkbox-on,.checked-image .ui-btn.ui-radio-on { color: rgb(15, 16, 19); transition: background-color 0.2s ease-out, border-color 0.2s ease-out; border-top-color: rgba(6, 121, 186, 1); border-right-color: rgba(6, 121, 186, 1); border-bottom-color: rgba(6, 121, 186, 1); border-left-color: rgba(6, 121, 186, 1); background-attachment: initial; background-clip: initial; background-color: rgba(162, 219, 252, 1); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial }
.checked-image .ui-btn.ui-checkbox-on { transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease-out; transition-delay: initial }
.checked-image .ui-btn.ui-checkbox-on .ui-btn-inner::after { content: ""; width: 95px; height: 95px; display: block; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%) rotate(135deg); z-index: -1; animation-name: checkedimagegrow; animation-duration: 175ms; animation-timing-function: cubic-bezier(0.18, 1.25, 0.4, 1); animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial; background-attachment: initial; background-clip: initial; background-color: rgba(6, 121, 186, 1); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial }
.checked-image .ui-icon-checkbox-on { background-position: -649px }
.checked-image .overlay-wrapper { font-weight: 400 }
.checked-image .overlay-wrapper .overlay-cell { padding-top: 0; padding-right: 0; padding-bottom: 8px; padding-left: 0 }
.checked-image.loaded .image-wrapper * { margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto }
.ui-controlgroup-vertical .ui-radio,.ui-controlgroup-vertical .ui-checkbox { margin-bottom: 0.75em }
.ui-radio .ui-icon { display: none }
.grid .ui-radio .ui-btn-icon-left .ui-btn-inner { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; left: unset }
.grid thead th { font-weight: 400 }
.grid tbody { box-shadow: 1px 1px 8px -1px rgb(151, 147, 157) }
.grid tbody td { background-color: rgba(255, 255, 255, 1); vertical-align: middle; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(151, 147, 157) }
.grid tbody tr:first-child td { border-top-width: initial; border-top-style: none; border-top-color: initial }
.grid tbody tr:last-child td { border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial }
.grid tbody tr:hover td { background-color: rgba(255, 255, 255, 1); color: rgb(15, 16, 19) }
.grid tbody td:first-child { border-left-width: initial; border-left-style: none; border-left-color: initial; font-weight: 400; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px }
.grid tbody td:last-child { border-right-width: initial; border-right-style: none; border-right-color: initial }
.grid .ui-radio .ui-focus,.grid .ui-checkbox .ui-focus { box-shadow: inset 0 0 2px 4px rgba(6, 121, 186, 0.2) !important }
.grid .ui-radio .ui-icon { display: block; background-color: rgba(255, 255, 255, 1); background-image: none; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(102, 102, 102, 1); border-right-width: 1px; border-right-style: solid; border-right-color: rgba(102, 102, 102, 1); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(102, 102, 102, 1); border-left-width: 1px; border-left-style: solid; border-left-color: rgba(102, 102, 102, 1); border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50% }
.grid .ui-radio .ui-btn-up-a { }
.grid .ui-radio label,.grid .ui-checkbox label { box-shadow: none }
.grid .ui-radio label.ui-btn-hover-a,.grid .ui-checkbox label.ui-btn-hover-a { border-top-left-radius: 0 0 !important; border-top-right-radius: 0 0 !important; border-bottom-right-radius: 0 0 !important; border-bottom-left-radius: 0 0 !important }
.grid .ui-radio,.grid .ui-checkbox { margin-bottom: 0 }
.grid .ui-radio:hover label.ui-radio-off .ui-icon,.grid .ui-checkbox:hover label.ui-checkbox-off .ui-icon { background-color: rgba(0, 0, 0, 0) }
.grid .ui-radio:hover label.ui-radio-off .ui-icon { background-image: none }
.grid .ui-checkbox:hover label.ui-checkbox-on .ui-icon { background-color: rgba(0, 0, 0, 0) }
.grid .ui-radio:hover label.ui-radio-on .ui-icon,.grid .ui-radio .ui-icon.ui-icon-radio-on { background-position: -648px; border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial; transition: border 0.2s ease, background-color 0.2s ease; animation-name: fadegrow; animation-duration: 500ms; animation-timing-function: cubic-bezier(0.18, 1.25, 0.4, 1); animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial; background-color: rgba(6, 121, 186, 1); background-image: url("bg_icons_light.svg") }
input.ui-input-text,textarea.ui-input-text { background-color: rgba(255, 255, 255, 1); color: rgb(15, 16, 19); line-height: 1.5; min-height: 42px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(151, 147, 157); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(151, 147, 157); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(151, 147, 157); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(151, 147, 157); padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; resize: none; overflow: hidden; border-top-left-radius: 5px 5px !important; border-top-right-radius: 5px 5px !important; border-bottom-right-radius: 5px 5px !important; border-bottom-left-radius: 5px 5px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease; margin-bottom: 1em }
input.ui-input-text,textarea.ui-input-text:last-of-type { margin-bottom: 0 }
input.ui-input-text.ui-slider-input,.ui-slider-input .ui-input-text { background-clip: padding-box; text-align: left !important; min-height: 24px }
input.ui-input-text:hover,textarea.ui-input-text:hover { border-top-color: rgb(77, 75, 80); border-right-color: rgb(77, 75, 80); border-bottom-color: rgb(77, 75, 80); border-left-color: rgb(77, 75, 80) }
input.ui-input-text.ui-focus,textarea.ui-input-text.ui-focus,input.ui-input-text:focus,textarea.ui-input-text:focus { border-top-color: rgba(6, 121, 186, 1); border-right-color: rgba(6, 121, 186, 1); border-bottom-color: rgba(6, 121, 186, 1); border-left-color: rgba(6, 121, 186, 1); box-shadow: 0 0 0 3px rgb(255, 255, 255), 0 0 1px 5px rgb(6, 121, 186) }
input[type="text"].other-class { margin-top: -5px !important; margin-bottom: 0.5em }
.ui-slider.ui-btn-down-a { background-color: rgba(255, 255, 255, 1); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(151, 147, 157); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(151, 147, 157); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(151, 147, 157); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(151, 147, 157); cursor: pointer }
.ui-slider-bg { border-top-left-radius: 1em 1em; border-top-right-radius: 1em 1em; border-bottom-right-radius: 1em 1em; border-bottom-left-radius: 1em 1em; box-shadow: 0 0 1px; background-color: rgba(27, 167, 247, 1); color: rgba(27, 167, 247, 1) }
div.ui-slider { border-top-left-radius: 1em 1em; border-top-right-radius: 1em 1em; border-bottom-right-radius: 1em 1em; border-bottom-left-radius: 1em 1em; height: 12px; margin-top: 1.5%; margin-bottom: 18px; vertical-align: bottom; margin-left: 30px; width: 78% !important; top: 3px }
.ui-slider-partial { border-top-left-radius: 1em 1em; border-top-right-radius: 1em 1em; border-bottom-right-radius: 1em 1em; border-bottom-left-radius: 1em 1em; background-color: rgba(162, 219, 252, 1) }
.ui-slider .ui-slider-handle { position: absolute; cursor: pointer; border-top-left-radius: 1em 1em !important; border-top-right-radius: 1em 1em !important; border-bottom-right-radius: 1em 1em !important; border-bottom-left-radius: 1em 1em !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25) !important; height: 28px; width: 28px; background-attachment: initial; background-clip: initial; background-color: rgba(6, 121, 186, 1) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial }
.ui-slider .ui-slider-handle:focus { box-shadow: 0 0 0 3px rgb(255, 255, 255), 0 0 1px 5px rgb(6, 121, 186) !important }
.ui-slider .ui-slider-handle.ui-btn-hover-a,.ui-slider .ui-slider-handle:active,.ui-slider .ui-slider-handle:hover { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25) !important; transition: box-shadow 0.25s ease-out, border-color 0.25s ease-out; border-top-left-radius: 1em 1em !important; border-top-right-radius: 1em 1em !important; border-bottom-right-radius: 1em 1em !important; border-bottom-left-radius: 1em 1em !important; background-color: rgba(6, 121, 186, 1) }
.ui-slider .ui-slider-handle::after { opacity: 0; content: ""; display: block; position: absolute; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%; height: 40px; width: 40px; top: -6px; left: -6px; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-out; transition-delay: initial; background-attachment: initial; background-clip: initial; background-color: rgba(6, 121, 186, 0.25); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial }
.ui-slider .ui-slider-handle:active::after { opacity: 0.8 }
@media (min-width: 500px) { .ui-slider .ui-slider-handle:active { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25) !important; transform: scale(1.2); transition-property: box-shadow, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-out, cubic-bezier(0.18, 1.25, 0.4, 1); transition-delay: initial } }
@media (max-width: 650px) { .ui-slider-handle.ui-btn-hover-a,.ui-slider .ui-slider-handle:hover { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25) !important; transform: scale(1.2); transition-property: box-shadow, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-out, cubic-bezier(0.18, 1.25, 0.4, 1); transition-delay: initial } div.ui-slider { min-width: unset; width: 55% !important } }
@media (max-width: 350px) { div.ui-slider { width: 45% !important } }
.slider-dk-button { display: inline-block; top: auto !important; right: auto !important; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; transform: translateX(0); position: unset }
.slider-dk-button .ui-btn-inner { padding-top: 0.7em; padding-right: 16px; padding-bottom: 0.7em; padding-left: 16px }
label.ui-slider { background-attachment: initial; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-top: 0.75em }
.ui-mobile fieldset.blk:not(:last-child) { margin-bottom: 1.5em }
.blk.ui-controlgroup-horizontal .ui-radio { margin-top: 0; margin-right: 3px; margin-bottom: 0; margin-left: 0 }
.carousel-elements { background-color: rgba(255, 255, 255, 1); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(151, 147, 157); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(151, 147, 157); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(151, 147, 157); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(151, 147, 157); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px }
.carousel-elements .disabled-question .overlay-wrapper { background-color: rgba(0, 0, 0, 0.05) }
.carousel-index { color: rgb(15, 16, 19) }
.carousel-buttons .ui-btn,.ranking-wrapper .ui-btn { border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial; background-clip: border-box; margin-bottom: 0.5em }
.carousel .carousel-controls div:first-of-type .ui-icon-arrow-u,.carousel .carousel-controls div:last-of-type .ui-icon-arrow-d { width: 24px; height: 24px; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%; top: 42%; outline-width: initial; outline-style: none; outline-color: initial; background-image: url("bg_icons.svg"); background-color: rgba(0, 0, 0, 0); transform: scale(1.4) }
.carousel .carousel-controls div:first-of-type { order: 3 !important }
.carousel .carousel-controls div:last-of-type { order: 1 !important }
.carousel .carousel-controls { margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; display: flex; align-items: center; justify-content: center }
.carousel-controls .ui-btn { border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial; background-color: initial; box-shadow: none; display: inline-block }
.carousel-controls .ui-btn.ui-focus { box-shadow: none !important }
.carousel-controls .ui-btn-down-a.ui-focus .ui-btn-inner .ui-icon { box-shadow: none !important }
.carousel-controls .ui-btn.ui-focus .ui-btn-inner .ui-icon { border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 0 2px 4px rgb(6, 121, 186) }
.carousel-controls .ui-btn-inner { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; overflow: visible }
.carousel-controls .ui-btn-text { display: none }
.carousel-controls .ui-disabled { opacity: 0.15 }
.carousel .carousel-controls div:first-of-type { order: 3 }
.carousel .carousel-controls div:first-of-type .ui-icon-arrow-u { background-position: -105px; left: 0 }
.carousel .carousel-controls div:last-of-type { order: 1 }
.carousel .carousel-controls div:last-of-type .ui-icon-arrow-d { background-position: -141px; right: 0 }
.carousel-position-span { order: 2; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; display: inline-block }
.carousel.ui-br { border-top-width: initial; border-top-style: none; border-top-color: initial; border-right-width: initial; border-right-style: none; border-right-color: initial; border-bottom-width: initial; border-bottom-style: none; border-bottom-color: initial; border-left-width: initial; border-left-style: none; border-left-color: initial }
.highlight { display: block; text-align: center; font-weight: 600; background-color: rgba(255, 255, 255, 1); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(151, 147, 157); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(151, 147, 157); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(151, 147, 157); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(151, 147, 157); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px }
.ranking-wrapper .ui-btn { text-align: left }
.ranking-wrapper .ranking-number { margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; font-weight: 600; width: 32px; height: 32px; text-align: center; color: rgba(255, 255, 255, 1) }
.ranking-reset-button.ui-btn { background-color: rgba(255, 255, 255, 1); border-top-left-radius: 2em 2em; border-top-right-radius: 2em 2em; border-bottom-right-radius: 2em 2em; border-bottom-left-radius: 2em 2em; margin-top: 20px }
.ranking-reset-button.ui-btn-hover-a,.ranking-reset-button.ui-focus.ui-btn-hover-a { transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease-out; transition-delay: initial; background-color: rgba(162, 219, 252, 1) }
.ranking-reset-button:active { background-color: rgba(6, 121, 186, 1) !important }
.ranking-reset-button.ui-btn .ui-icon { background-image: url("bg_icons.svg") }
.ranking-wrapper .ui-btn .ui-btn-text { margin-left: 20px; display: block }
.ranking-reset-button.ui-btn .ui-btn-inner { padding-left: 35px; padding-right: 16px }
label.ui-select { padding-top: 20px }
.ui-select option { font-family: Roboto, Arial, Helvetica, sans-serif !important; font-weight: 400; font-size: 16px !important; color: rgb(15, 16, 19); cursor: pointer }
.ui-select option:first-of-type { color: rgba(153, 153, 153, 1) }
.bg-image { display: none }
.mainbar { border-top-width: 0; border-top-style: solid; border-top-color: rgb(15, 16, 19); border-right-width: 0; border-right-style: solid; border-right-color: rgb(15, 16, 19); border-bottom-width: 0; border-bottom-style: solid; border-bottom-color: rgb(15, 16, 19); border-left-width: 0; border-left-style: solid; border-left-color: rgb(15, 16, 19); width: 100%; height: 8px; display: table; position: fixed; z-index: 10; bottom: 0; left: 0; background-attachment: initial; background-clip: initial; background-color: rgba(224, 224, 224, 1); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial }
@media (max-width: 500px) { .mainbar { height: 6px } }
.mainbarprogress { display: table-cell; animation-name: progressgrow; animation-duration: 300ms; animation-timing-function: ease; animation-delay: initial; animation-direction: initial; animation-fill-mode: initial; animation-iteration-count: initial; animation-play-state: initial; border-top-width: 0; border-top-style: solid; border-top-color: rgba(6, 121, 186, 1); border-right-width: 0; border-right-style: solid; border-right-color: rgba(6, 121, 186, 1); border-bottom-width: 0; border-bottom-style: solid; border-bottom-color: rgba(6, 121, 186, 1); border-left-width: 0; border-left-style: solid; border-left-color: rgba(6, 121, 186, 1); background-color: rgba(6, 121, 186, 1) }
.barremaining { border-top-width: 0; border-top-style: solid; border-top-color: rgba(224, 224, 224, 1); border-right-width: 0; border-right-style: solid; border-right-color: rgba(224, 224, 224, 1); border-bottom-width: 0; border-bottom-style: solid; border-bottom-color: rgba(224, 224, 224, 1); border-left-width: 0; border-left-style: solid; border-left-color: rgba(224, 224, 224, 1); background-color: rgba(224, 224, 224, 1); display: table-cell }
.qtip { display: none !important }
.incompleteQ { outline-width: 0; outline-style: initial; outline-color: initial }
.masked-shadow-input,.invisible,.masked-textbox-prefix,.ios-masked-container { background-attachment: initial; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-shadow: none !important }
.ios-masked-container input.ui-input-text { padding-top: 0.4em; padding-right: 0.4em; padding-bottom: 0.4em; padding-left: 0.4em; min-height: 16px; line-height: 1 }
.ios-masked-container .masked-textbox-prefix,.ios-masked-container .masked-textbox-suffix { background-attachment: initial; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; transform: translateY(1px) }
.ios-masked-container .masked-textbox-prefix { padding-left: 16px }
.ios-masked-container~div.ui-slider { top: 7px }
@keyframes fadegrow { 0% { opacity: 0; transform: scale(0) } 100% { opacity: 1; transform: scale(1) } }
@keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes fadeslide { 0% { opacity: 0; transform: translateX(200px) } 100% { opacity: 1; transform: translateX(0) } }
@keyframes progressgrow { 0% { transform: scaleX(0.75); transform-origin: left bottom } 100% { transform: scale(1); transform-origin: left bottom } }
@keyframes checkedimagegrow { 0% { opacity: 0.8; transform: translate(-50%, -63%) rotate(135deg) } 100% { opacity: 1; transform: translate(-50%, -50%) rotate(135deg) } }
.ui-corner-top,ui.corner-bottom { -webkit-background-clip: unset }
.pageTitle { -webkit-animation: 750ms ease fadein }
.contentpad { -webkit-animation: 300ms ease-out fadeslide }
#basenav > .ui-btn.ui-controlgroup-last:not(.incomplete) { -webkit-animation: 350ms cubic-bezier(.18, 1.25, .4, 1) fadegrow }
.footit { -webkit-animation: 750ms ease fadein }
#mainIntro.ui-page .contentpad { -webkit-animation: 1s ease fadein }
.ui-checkbox-on .ui-icon { -webkit-animation: 500ms cubic-bezier(.18, 1.25, .4, 1) fadegrow }
.grid .ui-radio:hover label.ui-radio-on .ui-icon,.grid .ui-radio .ui-icon.ui-icon-radio-on { -webkit-animation: 500ms cubic-bezier(.18, 1.25, .4, 1) fadegrow }
@media (min-width: 500px) { .ui-slider .ui-slider-handle:active { -webkit-transform: scale(1.2) } }
@media (max-width: 650px) { .ui-slider-handle.ui-btn-hover-a,.ui-slider .ui-slider-handle:hover { -webkit-transform: scale(1.2) } }
.slider-dk-button { -webkit-transform: translate(0) }
.carousel .carousel-controls div:first-of-type .ui-icon-arrow-u,.carousel .carousel-controls div:last-of-type .ui-icon-arrow-d { -webkit-transform: scale(1.4) }
.incompleteQ::after { -webkit-animation: 350ms cubic-bezier(.18, 1.25, .4, 1) fadegrow }
@-webkit-keyframes fadegrow {
    from {
        -webkit-opacity: 0;
        -webkit-transform: scale(0);
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-webkit-keyframes fadein {
    from {
        -webkit-opacity: 0;
    }

    to {
        -webkit-opacity: 1;
    }
}
@-webkit-keyframes fadeslide {
    from {
        -webkit-opacity: 0;
        -webkit-transform: translateX(-200px);
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-webkit-keyframes progressgrow {
    from {
        -webkit-transform: scaleX(0.75);
        -webkit-transform-origin: bottom left;
    }

    to {
        -webkit-transform: scaleX(1);
        -webkit-transform-origin: bottom left;
    }
}
@-webkit-keyframes checkedimagegrow {
    from {
        -webkit-opacity: 0.8;
        -webkit-transform: translate(-50%, -63%) rotate(135deg);
    }

    to {
        -webkit-opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
    }
}