/* 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-radius: 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: none; padding: 0.7em 20px }
.ui-btn-inner:focus { box-shadow: 0 0 2px 4px rgba(33, 126, 253, 0.2) !important }
.ui-focus, .ui-btn:focus { box-shadow: 0 0 2px 4px rgba(33, 126, 253, 0.2) !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: rgba(51, 51, 51, 1) }
.ui-header { position: static; padding: 50px 12px 5px 16px }
.logohead { background-color: rgba(249, 250, 255, 1); display: flex; height: 20px; background-size: contain; background-repeat: no-repeat; justify-content: center; padding: 15px 16px; border-bottom: 4px solid rgba(249, 250, 255, 1); position: absolute; top: 0; left: 0; width: 100% }
.logohead .logo-image { background-image: url("Crowdology logo.png"); background-size: contain; background-repeat: no-repeat; width: 800px; background-position: left }
@media (max-width: 500px) { .ui-header { padding-top: 45px } .logohead { padding: 10px 0; height: 15px } .logohead .logo-image { background-image: url("Crowdology logo.png"); margin-left: 15px } }
.pageTitle { padding: 30px 0 16px; font-size: 24px; color: rgba(153, 153, 153, 1); animation: 750ms ease fadein }
.pageTitle:empty { padding: 12px }
@media (max-width: 500px) { .pageTitle { padding-top: 16px } .pageTitle:empty { padding: 5px } }
.question-wrapper>p, .contentpad>p, .ui-controlgroup-label, .checkedImageset legend, .carousel legend { font-size: 18px; line-height: 1.4; margin: 0 0 1em; padding-left: 0 }
.ui-controlgroup-label ul li { list-style: disc }
.ui-controlgroup-label ol li { list-style: decimal }
.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: rgba(153, 153, 153, 1); margin: 0 0 0.5em; 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-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: 0; overflow: visible !important }
html.ui-mobile { height: 100% }
.ui-mobile body { min-height: 100%; height: auto }
label.ui-input-text { margin: 1em 0 0.25em; color: rgba(51, 51, 51, 1) }
.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: 0; padding: 0; border-width: 0 }
.ui-bar-a, .ui-content, hr { background-color: rgba(0, 0, 0, 0); border: none }
.contentpad { padding: 0 16px 65px; position: relative; z-index: 2; overflow: visible; animation: 300ms ease-out fadeslide }
@media (max-width: 500px) { .contentpad { padding-bottom: 30px } }
.statement { padding: 10px; display: block; text-align: center }
#basenav>.ui-btn { background-clip: border-box; border-radius: 2em !important; padding: 6px 12px; margin-left: 16px; transition: border 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out; border: 2px solid rgba(204, 204, 204, 1) }
#basenav>.ui-btn input, .ui-btn button { outline: 0 }
#basenav>.ui-btn.ui-controlgroup-last { border: 2px solid rgba(33, 126, 253, 1) }
#basenav>.ui-btn.ui-controlgroup-last:not(.incomplete) { animation: 350ms cubic-bezier(0.18, 1.25, 0.4, 1) fadegrow }
#basenav>.ui-btn.ui-btn-up-a.ui-controlgroup-last, #basenav>.ui-btn.ui-btn-hover-a.ui-controlgroup-last { background-color: rgba(33, 126, 253, 1); color: rgba(255, 255, 255, 1) }
#basenav>.ui-btn.ui-btn-hover-a.ui-controlgroup-last { box-shadow: 0 0 2px 4px rgba(33, 126, 253, 0.2) !important; border: 2px solid rgba(33, 126, 253, 1) }
#basenav>.ui-btn.ui-btn-down-a.ui-focus.ui-controlgroup-last { box-shadow: 0 0 6px 6px rgba(33, 126, 253, 0.2) !important; border: 2px solid rgba(33, 126, 253, 1); 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: rgba(51, 51, 51, 1) }
#basenav>.ui-btn.ui-btn-hover-a { box-shadow: 0 0 2px 4px rgba(204, 204, 204, 0.3) !important; border: 2px solid rgba(204, 204, 204, 1) }
#basenav>.ui-btn.ui-btn-down-a.ui-focus { box-shadow: 0 0 6px 6px rgba(204, 204, 204, 0.3) !important; color: rgba(51, 51, 51, 1); border: 2px solid 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 { background-image: url("bg_icons_light.svg"); border-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0) }
#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-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0) }
.progress { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; color: rgba(51, 51, 51, 1); padding-left: 16px }
#basenav>.ui-btn:nth-child(0n+1) { padding: 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: 750ms ease fadein }
.footit .ui-controlgroup { margin-left: auto; padding-right: 16px }
@media (max-width: 800px) { .footit { position: relative; bottom: 20px; flex-wrap: wrap } }
#mainIntro { background: rgba(255, 255, 255, 1) }
#mainIntro .ui-header, #mainIntro .logohead { display: none }
#mainIntro.ui-page .contentpad { position: static; text-align: center; padding-top: 100px; padding-bottom: 30px; animation: 1s ease fadein }
#mainIntro .logo-image { background-image: url("Crowdology logo.png"); height: 50px; background-size: contain; background-repeat: no-repeat; margin: 0 auto 60px; background-position: center }
@media (max-width: 500px) { #mainIntro.ui-page .contentpad { background-size: 175px; padding-top: 30px } #mainIntro .logo-image { height: 37.5px; margin: 15px 0 30px } }
#mainIntro.ui-page .ui-body-a .ui-link { color: rgba(22, 155, 213, 1); font-weight: 400; text-decoration: none }
#mainIntro.ui-page .ui-body-a .ui-link:hover { text-decoration: underline }
#mainIntro.ui-page .ui-controlgroup .intro-page-heading { font-size: 20px; text-align: center; color: rgba(0, 0, 0, 1) }
#mainIntro.ui-page .ui-controlgroup .intro-page-heading+br { display: none }
#mainIntro.ui-page .intro-page-body { font-size: 14px; color: rgba(153, 153, 153, 1) }
@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: 0; padding: 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: rgba(51, 51, 51, 1); border: none; box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.25); border-radius: 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 { background-color: rgba(188, 216, 254, 1); border: none; box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.25); border-radius: 5px !important }
.ui-btn.active, .ui-btn.active.ui-btn-hover-a, .ui-checkbox .ui-checkbox-on.ui-btn, .ui-radio .ui-radio-on.ui-btn { background-color: rgba(33, 126, 253, 1); box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.25); color: rgba(255, 255, 255, 1); transition: background-color 0.2s ease }
.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-radius: 0; border: 1px solid rgba(102, 102, 102, 1); width: 16px; height: 16px }
.ui-checkbox-on .ui-icon { background-color: rgba(33, 126, 253, 1); border: none; transition: border 0.2s ease, background-color 0.5s ease; animation: 500ms cubic-bezier(0.18, 1.25, 0.4, 1) fadegrow }
.checked-image .ui-btn { border: 2px solid rgba(255, 255, 255, 1) }
.checked-image .ui-btn.ui-btn-hover-a { border-color: rgba(188, 216, 254, 1) }
.checked-image.ui-checkbox .ui-btn-inner { padding: 35px 35px 20px !important }
.checked-image.ui-checkbox label.radio-control-bottom { border-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 { background: rgba(188, 216, 254, 1); border-color: rgba(33, 126, 253, 1); color: rgba(0, 0, 0, 1); transition: background-color 0.2s ease-out, border-color 0.2s ease-out }
.checked-image .ui-btn.ui-checkbox-on { transition: background-color 0.2s ease-out }
.checked-image .ui-btn.ui-checkbox-on .ui-btn-inner::after { content: ""; width: 95px; height: 95px; background: rgba(33, 126, 253, 1); display: block; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%) rotate(135deg); z-index: -1; animation: 175ms cubic-bezier(0.18, 1.25, 0.4, 1) checkedimagegrow }
.checked-image .ui-icon-checkbox-on { background-position: -649px }
.checked-image .overlay-wrapper { font-weight: 400 }
.checked-image .overlay-wrapper .overlay-cell { padding: 0 0 8px }
.checked-image.loaded .image-wrapper * { margin: auto }
.ui-controlgroup-vertical .ui-radio, .ui-controlgroup-vertical .ui-checkbox { margin-bottom: 0.5em }
.ui-radio .ui-icon { display: none }
.grid .ui-radio .ui-btn-icon-left .ui-btn-inner { padding: 0; left: unset }
.grid thead th { font-weight: 400 }
.grid tbody { box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.25) }
.grid tbody td { background-color: rgba(255, 255, 255, 1); vertical-align: middle; border-top: 1px solid rgba(224, 224, 224, 1) }
.grid tbody tr:first-child td { border-top: none }
.grid tbody tr:last-child td { border-bottom: none }
.grid tbody tr:hover td { background-color: rgba(255, 255, 255, 1); color: rgba(51, 51, 51, 1) }
.grid tbody td:first-child { border-left: none; font-weight: 400; padding: 20px }
.grid tbody td:last-child { border-right: none }
.grid .ui-radio .ui-focus, .grid .ui-checkbox .ui-focus { box-shadow: inset 0 0 6px 2px rgba(33, 126, 253, 0.2) !important }
.grid .ui-radio .ui-icon { display: block; background-color: rgba(255, 255, 255, 1); background-image: none; border: 1px solid rgba(102, 102, 102, 1); border-radius: 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-radius: 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-color: rgba(33, 126, 253, 1); background-image: url("bg_icons_light.svg"); background-position: -648px; border: none; transition: border 0.2s ease, background-color 0.2s ease; animation: 500ms cubic-bezier(0.18, 1.25, 0.4, 1) fadegrow }
input.ui-input-text, textarea.ui-input-text { background-color: rgba(255, 255, 255, 1); color: rgba(51, 51, 51, 1); line-height: 1.5; min-height: 42px; border: 1px solid rgba(224, 224, 224, 1); padding: 8px 12px; overflow: hidden; border-radius: 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-color: rgba(153, 153, 153, 1) }
input.ui-input-text.ui-focus, textarea.ui-input-text.ui-focus, input.ui-input-text:focus, textarea.ui-input-text:focus { border-color: rgba(33, 126, 253, 1); box-shadow: 0 0 2px 4px rgba(33, 126, 253, 0.2) }
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: 1px solid rgba(204, 204, 204, 1); cursor: pointer }
.ui-slider-bg { border-radius: 1em; background-color: rgba(90, 159, 253, 1); color: rgba(90, 159, 253, 1); box-shadow: 0 0 1px }
div.ui-slider { border-radius: 1em; height: 12px; margin-top: 1.5%; margin-bottom: 18px; vertical-align: bottom; margin-left: 30px; width: 78% !important; top: 3px }
.ui-slider-partial { background-color: rgba(188, 216, 254, 1); border-radius: 1em }
.ui-slider .ui-slider-handle { position: absolute; background: rgba(33, 126, 253, 1) !important; cursor: pointer; border-radius: 1em !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25) !important; height: 28px; width: 28px }
.ui-slider .ui-slider-handle:focus { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25) !important }
.ui-slider .ui-slider-handle.ui-btn-hover-a, .ui-slider .ui-slider-handle:active, .ui-slider .ui-slider-handle:hover { background-color: rgba(33, 126, 253, 1); 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-radius: 1em !important }
.ui-slider .ui-slider-handle::after { opacity: 0; content: ""; display: block; position: absolute; background: rgba(33, 126, 253, 0.25); border-radius: 50%; height: 40px; width: 40px; top: -6px; left: -6px; transition: opacity 0.25s ease-out }
.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: box-shadow 0.25s ease-out, transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1) } }
@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: box-shadow 0.25s ease-out, transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1) } 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: 10px 0; transform: translateX(0); position: unset }
.slider-dk-button .ui-btn-inner { padding: 0.7em 16px }
label.ui-slider { background: rgba(0, 0, 0, 0); margin-top: 0.75em }
.ui-mobile fieldset.blk:not(:last-child) { margin-bottom: 1.5em }
.blk.ui-controlgroup-horizontal .ui-radio { margin: 0 3px 0 0 }
.carousel-elements { background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(224, 224, 224, 1); padding: 10px; border-radius: 5px }
.carousel-elements .disabled-question .overlay-wrapper { background-color: rgba(0, 0, 0, 0.05) }
.carousel-index { color: rgba(51, 51, 51, 1) }
.carousel-buttons .ui-btn, .ranking-wrapper .ui-btn { border: none; 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-radius: 50%; top: 42%; outline: none; background-image: url("bg_icons.svg"); background-color: rgba(0, 0, 0, 0); transform: scale(1.4) }
.carousel .carousel-controls { margin: 20px auto; display: flex; align-items: center; justify-content: center }
.carousel-controls .ui-btn { border: none; 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-radius: 5px; box-shadow: 0 0 1px 2px rgba(33, 126, 253, 0.2) }
.carousel-controls .ui-btn-inner { padding: 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: 10px 20px; display: inline-block }
.carousel.ui-br { border: none }
.highlight { display: block; text-align: center; font-weight: 600; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(224, 224, 224, 1); padding: 20px; border-radius: 5px }
.ranking-wrapper .ui-btn { text-align: left }
.ranking-wrapper .ranking-number { margin: 4px; font-weight: 600; color: rgba(255, 255, 255, 1); width: 32px; height: 32px; text-align: center }
.ranking-reset-button.ui-btn { background-color: rgba(255, 255, 255, 1); border-radius: 2em; margin-top: 20px }
.ranking-reset-button.ui-btn-hover-a, .ranking-reset-button.ui-focus.ui-btn-hover-a { background-color: rgba(188, 216, 254, 1); transition: background-color 0.2s ease-out }
.ranking-reset-button:active { background-color: rgba(33, 126, 253, 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: rgba(51, 51, 51, 1); cursor: pointer }
.ui-select option:first-of-type { color: rgba(153, 153, 153, 1) }
.bg-image { display: none }
.mainbar { border: 0 solid rgba(0, 0, 0, 1); width: 100%; height: 8px; display: table; position: fixed; z-index: 10; bottom: 0; left: 0; background: rgba(224, 224, 224, 1) }
@media (max-width: 500px) { .mainbar { height: 6px } }
.mainbarprogress { border: 0 solid rgba(33, 126, 253, 1); background-color: rgba(33, 126, 253, 1); display: table-cell; animation: 300ms ease progressgrow }
.barremaining { border: 0 solid rgba(224, 224, 224, 1); background-color: rgba(224, 224, 224, 1); display: table-cell }
.qtip { display: none !important }
.incompleteQ { outline: 0 }
.masked-shadow-input, .invisible, .masked-textbox-prefix, .ios-masked-container { background: rgba(0, 0, 0, 0); box-shadow: none !important }
.ios-masked-container input.ui-input-text { padding: 0.4em; min-height: 16px; line-height: 1 }
.ios-masked-container .masked-textbox-prefix, .ios-masked-container .masked-textbox-suffix { background: rgba(0, 0, 0, 0); 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) } }
input.ui-input-text, textarea.ui-input-text {
    resize: none;
}

.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);
    }
}