/*! Leap Version 0.11.2 */
*, :after, :before { box-sizing: border-box; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: Monaco, monospace; font-size: 16px; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; text-transform: none; }

select { text-transform: none; }

button, html input[type="button"] { -webkit-appearance: button; cursor: pointer; }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input::-moz-focus-inner { border: 0; padding: 0; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

html { font-size: 100%; line-height: 1.5; -webkit-tap-highlight-color: transparent; }

body { font-size: 1rem; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { color: #40484a; display: block; font-weight: 700; margin: 0; line-height: 1.3 !important; text-rendering: optimizeLegibility; }

h0 { font-size: 3.75rem; }

h1 { font-size: 3rem; }

h2 { font-size: 2.25rem; }

h3 { font-size: 1.5rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1rem; }

h6 { font-size: 0.875rem; }

@media screen { .text-0-xs { font-size: 3.75rem !important; }
  .text-1-xs { font-size: 3rem !important; }
  .text-2-xs { font-size: 2.25rem !important; }
  .text-3-xs { font-size: 1.5rem !important; }
  .text-4-xs { font-size: 1.125rem !important; }
  .text-5-xs { font-size: 1rem !important; }
  .text-6-xs { font-size: 0.875rem !important; } }

@media screen and (min-width: 480px) { .text-0-sm { font-size: 3.75rem !important; }
  .text-1-sm { font-size: 3rem !important; }
  .text-2-sm { font-size: 2.25rem !important; }
  .text-3-sm { font-size: 1.5rem !important; }
  .text-4-sm { font-size: 1.125rem !important; }
  .text-5-sm { font-size: 1rem !important; }
  .text-6-sm { font-size: 0.875rem !important; } }

@media screen and (min-width: 680px) { .text-0-md { font-size: 3.75rem !important; }
  .text-1-md { font-size: 3rem !important; }
  .text-2-md { font-size: 2.25rem !important; }
  .text-3-md { font-size: 1.5rem !important; }
  .text-4-md { font-size: 1.125rem !important; }
  .text-5-md { font-size: 1rem !important; }
  .text-6-md { font-size: 0.875rem !important; } }

@media screen and (min-width: 960px) { .text-0-lg { font-size: 3.75rem !important; }
  .text-1-lg { font-size: 3rem !important; }
  .text-2-lg { font-size: 2.25rem !important; }
  .text-3-lg { font-size: 1.5rem !important; }
  .text-4-lg { font-size: 1.125rem !important; }
  .text-5-lg { font-size: 1rem !important; }
  .text-6-lg { font-size: 0.875rem !important; } }

@media screen and (min-width: 1140px) { .text-0-xl { font-size: 3.75rem !important; }
  .text-1-xl { font-size: 3rem !important; }
  .text-2-xl { font-size: 2.25rem !important; }
  .text-3-xl { font-size: 1.5rem !important; }
  .text-4-xl { font-size: 1.125rem !important; }
  .text-5-xl { font-size: 1rem !important; }
  .text-6-xl { font-size: 0.875rem !important; } }

hr { height: 0; margin: 30px 0; border-top: 1px solid #f0f2f4; }

p { color: #576366; font-size: 1rem; line-height: 1.5; margin: 0; }

.regular { font-weight: 400 !important; }

strong, .bold { font-weight: 700 !important; }

em, .italic { font-style: italic !important; }

.caps { text-transform: uppercase; }

a { color: #387bab; cursor: pointer; transition: color 300ms 0s ease; text-decoration: none; }

a:hover, a:active { color: #2a5d81; }

a:focus { color: #2a5d81; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

code { font-family: monospace; font-size: 16px; }

address { font-size: 0.875rem; }

@media screen { .text-left-xs { text-align: left !important; }
  .text-right-xs { text-align: right !important; }
  .text-center-xs { text-align: center !important; }
  .text-justify-xs { text-align: justify !important; } }

@media screen and (min-width: 480px) { .text-left-sm { text-align: left !important; }
  .text-right-sm { text-align: right !important; }
  .text-center-sm { text-align: center !important; }
  .text-justify-sm { text-align: justify !important; } }

@media screen and (min-width: 680px) { .text-left-md { text-align: left !important; }
  .text-right-md { text-align: right !important; }
  .text-center-md { text-align: center !important; }
  .text-justify-md { text-align: justify !important; } }

@media screen and (min-width: 960px) { .text-left-lg { text-align: left !important; }
  .text-right-lg { text-align: right !important; }
  .text-center-lg { text-align: center !important; }
  .text-justify-lg { text-align: justify !important; } }

@media screen and (min-width: 1140px) { .text-left-xl { text-align: left !important; }
  .text-right-xl { text-align: right !important; }
  .text-center-xl { text-align: center !important; }
  .text-justify-xl { text-align: justify !important; } }

ul, ol { color: #576366; margin: 0; padding: 0 0 0 2rem; }

.list-unstyled { list-style: none; padding: 0; }

.list-lined { list-style: none; padding: 0; }

.list-lined li { list-style-type: none; padding: 1rem 0; border-bottom: 1px solid #e8ebed; }

.icon-16 { width: 16px; height: 16px; }

@media screen { .border-xs { border: solid 1px #e8ebed !important; }
  .border-t-xs { border-top: solid 1px #e8ebed !important; }
  .border-b-xs { border-bottom: solid 1px #e8ebed !important; }
  .border-l-xs { border-left: solid 1px #e8ebed !important; }
  .border-r-xs { border-right: solid 1px #e8ebed !important; }
  .border-dark-xs { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-xs { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-xs { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-xs { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-xs { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-xs { border: solid 1px #d4d9dd !important; }
  .border-t-mid-xs { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-xs { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-xs { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-xs { border-right: solid 1px #d4d9dd !important; }
  .border-light-xs { border: solid 1px #f0f2f4 !important; }
  .border-t-light-xs { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-xs { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-xs { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-xs { border-right: solid 1px #f0f2f4 !important; }
  .border-none-xs { border: none !important; }
  .border-none-t-xs { border-top: none !important; }
  .border-none-b-xs { border-bottom: none !important; }
  .border-none-l-xs { border-left: none !important; }
  .border-none-r-xs { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 480px) { .border-sm { border: solid 1px #e8ebed !important; }
  .border-t-sm { border-top: solid 1px #e8ebed !important; }
  .border-b-sm { border-bottom: solid 1px #e8ebed !important; }
  .border-l-sm { border-left: solid 1px #e8ebed !important; }
  .border-r-sm { border-right: solid 1px #e8ebed !important; }
  .border-dark-sm { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-sm { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-sm { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-sm { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-sm { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-sm { border: solid 1px #d4d9dd !important; }
  .border-t-mid-sm { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-sm { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-sm { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-sm { border-right: solid 1px #d4d9dd !important; }
  .border-light-sm { border: solid 1px #f0f2f4 !important; }
  .border-t-light-sm { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-sm { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-sm { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-sm { border-right: solid 1px #f0f2f4 !important; }
  .border-none-sm { border: none !important; }
  .border-none-t-sm { border-top: none !important; }
  .border-none-b-sm { border-bottom: none !important; }
  .border-none-l-sm { border-left: none !important; }
  .border-none-r-sm { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 680px) { .border-md { border: solid 1px #e8ebed !important; }
  .border-t-md { border-top: solid 1px #e8ebed !important; }
  .border-b-md { border-bottom: solid 1px #e8ebed !important; }
  .border-l-md { border-left: solid 1px #e8ebed !important; }
  .border-r-md { border-right: solid 1px #e8ebed !important; }
  .border-dark-md { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-md { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-md { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-md { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-md { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-md { border: solid 1px #d4d9dd !important; }
  .border-t-mid-md { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-md { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-md { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-md { border-right: solid 1px #d4d9dd !important; }
  .border-light-md { border: solid 1px #f0f2f4 !important; }
  .border-t-light-md { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-md { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-md { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-md { border-right: solid 1px #f0f2f4 !important; }
  .border-none-md { border: none !important; }
  .border-none-t-md { border-top: none !important; }
  .border-none-b-md { border-bottom: none !important; }
  .border-none-l-md { border-left: none !important; }
  .border-none-r-md { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 960px) { .border-lg { border: solid 1px #e8ebed !important; }
  .border-t-lg { border-top: solid 1px #e8ebed !important; }
  .border-b-lg { border-bottom: solid 1px #e8ebed !important; }
  .border-l-lg { border-left: solid 1px #e8ebed !important; }
  .border-r-lg { border-right: solid 1px #e8ebed !important; }
  .border-dark-lg { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-lg { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-lg { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-lg { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-lg { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-lg { border: solid 1px #d4d9dd !important; }
  .border-t-mid-lg { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-lg { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-lg { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-lg { border-right: solid 1px #d4d9dd !important; }
  .border-light-lg { border: solid 1px #f0f2f4 !important; }
  .border-t-light-lg { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-lg { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-lg { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-lg { border-right: solid 1px #f0f2f4 !important; }
  .border-none-lg { border: none !important; }
  .border-none-t-lg { border-top: none !important; }
  .border-none-b-lg { border-bottom: none !important; }
  .border-none-l-lg { border-left: none !important; }
  .border-none-r-lg { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 1140px) { .border-xl { border: solid 1px #e8ebed !important; }
  .border-t-xl { border-top: solid 1px #e8ebed !important; }
  .border-b-xl { border-bottom: solid 1px #e8ebed !important; }
  .border-l-xl { border-left: solid 1px #e8ebed !important; }
  .border-r-xl { border-right: solid 1px #e8ebed !important; }
  .border-dark-xl { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-xl { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-xl { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-xl { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-xl { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-xl { border: solid 1px #d4d9dd !important; }
  .border-t-mid-xl { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-xl { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-xl { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-xl { border-right: solid 1px #d4d9dd !important; }
  .border-light-xl { border: solid 1px #f0f2f4 !important; }
  .border-t-light-xl { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-xl { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-xl { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-xl { border-right: solid 1px #f0f2f4 !important; }
  .border-none-xl { border: none !important; }
  .border-none-t-xl { border-top: none !important; }
  .border-none-b-xl { border-bottom: none !important; }
  .border-none-l-xl { border-left: none !important; }
  .border-none-r-xl { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

.brand-fill-green { fill: #5fcf80 !important; }

.brand-stroke-green { stroke: #5fcf80 !important; }

.brand-color-green { color: #5fcf80 !important; }

.brand-border-green { border-color: #5fcf80 !important; }

.brand-bg-green { background-color: #5fcf80 !important; }

.brand-fill-green-dark { fill: #2F9D4F !important; }

.brand-stroke-green-dark { stroke: #2F9D4F !important; }

.brand-color-green-dark { color: #2F9D4F !important; }

.brand-border-green-dark { border-color: #2F9D4F !important; }

.brand-bg-green-dark { background-color: #2F9D4F !important; }

.brand-fill-gray { fill: #3e474f !important; }

.brand-stroke-gray { stroke: #3e474f !important; }

.brand-color-gray { color: #3e474f !important; }

.brand-border-gray { border-color: #3e474f !important; }

.brand-bg-gray { background-color: #3e474f !important; }

.brand-fill-blue-light { fill: #387bab !important; }

.brand-stroke-blue-light { stroke: #387bab !important; }

.brand-color-blue-light { color: #387bab !important; }

.brand-border-blue-light { border-color: #387bab !important; }

.brand-bg-blue-light { background-color: #387bab !important; }

.brand-fill-blue-medium { fill: #2a5d81 !important; }

.brand-stroke-blue-medium { stroke: #2a5d81 !important; }

.brand-color-blue-medium { color: #2a5d81 !important; }

.brand-border-blue-medium { border-color: #2a5d81 !important; }

.brand-bg-blue-medium { background-color: #2a5d81 !important; }

.brand-fill-blue-dark { fill: #303853 !important; }

.brand-stroke-blue-dark { stroke: #303853 !important; }

.brand-color-blue-dark { color: #303853 !important; }

.brand-border-blue-dark { border-color: #303853 !important; }

.brand-bg-blue-dark { background-color: #303853 !important; }

.brand-fill-ubora-orange { fill: #E98034 !important; }

.brand-stroke-ubora-orange { stroke: #E98034 !important; }

.brand-color-ubora-orange { color: #E98034 !important; }

.brand-border-ubora-orange { border-color: #E98034 !important; }

.brand-bg-ubora-orange { background-color: #E98034 !important; }

.brand-fill-ubora-magenta { fill: #A8438C !important; }

.brand-stroke-ubora-magenta { stroke: #A8438C !important; }

.brand-color-ubora-magenta { color: #A8438C !important; }

.brand-border-ubora-magenta { border-color: #A8438C !important; }

.brand-bg-ubora-magenta { background-color: #A8438C !important; }

.brand-fill-ubora-magenta-dark { fill: #741B5B !important; }

.brand-stroke-ubora-magenta-dark { stroke: #741B5B !important; }

.brand-color-ubora-magenta-dark { color: #741B5B !important; }

.brand-border-ubora-magenta-dark { border-color: #741B5B !important; }

.brand-bg-ubora-magenta-dark { background-color: #741B5B !important; }

.brand-fill-ubora-green { fill: #30826C !important; }

.brand-stroke-ubora-green { stroke: #30826C !important; }

.brand-color-ubora-green { color: #30826C !important; }

.brand-border-ubora-green { border-color: #30826C !important; }

.brand-bg-ubora-green { background-color: #30826C !important; }

.brand-fill-ubora-black { fill: #212121 !important; }

.brand-stroke-ubora-black { stroke: #212121 !important; }

.brand-color-ubora-black { color: #212121 !important; }

.brand-border-ubora-black { border-color: #212121 !important; }

.brand-bg-ubora-black { background-color: #212121 !important; }

.brand-fill-ubora-mint { fill: #E6F1EE !important; }

.brand-stroke-ubora-mint { stroke: #E6F1EE !important; }

.brand-color-ubora-mint { color: #E6F1EE !important; }

.brand-border-ubora-mint { border-color: #E6F1EE !important; }

.brand-bg-ubora-mint { background-color: #E6F1EE !important; }

.fill-blue { fill: #3f8abf !important; }

.stroke-blue { stroke: #3f8abf !important; }

.color-blue { color: #3f8abf !important; }

.border-blue { border-color: #3f8abf !important; }

.bg-blue { background-color: #3f8abf !important; }

.fill-green { fill: #36b55c !important; }

.stroke-green { stroke: #36b55c !important; }

.color-green { color: #36b55c !important; }

.border-green { border-color: #36b55c !important; }

.bg-green { background-color: #36b55c !important; }

.fill-yellow { fill: #ffd466 !important; }

.stroke-yellow { stroke: #ffd466 !important; }

.color-yellow { color: #ffd466 !important; }

.border-yellow { border-color: #ffd466 !important; }

.bg-yellow { background-color: #ffd466 !important; }

.fill-orange { fill: #ff9f1f !important; }

.stroke-orange { stroke: #ff9f1f !important; }

.color-orange { color: #ff9f1f !important; }

.border-orange { border-color: #ff9f1f !important; }

.bg-orange { background-color: #ff9f1f !important; }

.fill-red { fill: #ed5a5a !important; }

.stroke-red { stroke: #ed5a5a !important; }

.color-red { color: #ed5a5a !important; }

.border-red { border-color: #ed5a5a !important; }

.bg-red { background-color: #ed5a5a !important; }

.fill-error { fill: #be4a4a !important; }

.stroke-error { stroke: #be4a4a !important; }

.color-error { color: #be4a4a !important; }

.border-error { border-color: #be4a4a !important; }

.bg-error { background-color: #be4a4a !important; }

.fill-warning { fill: #bf570f !important; }

.stroke-warning { stroke: #bf570f !important; }

.color-warning { color: #bf570f !important; }

.border-warning { border-color: #bf570f !important; }

.bg-warning { background-color: #bf570f !important; }

.fill-success { fill: #24793d !important; }

.stroke-success { stroke: #24793d !important; }

.color-success { color: #24793d !important; }

.border-success { border-color: #24793d !important; }

.bg-success { background-color: #24793d !important; }

.fill-gray-darker { fill: #2d3339 !important; }

.stroke-gray-darker { stroke: #2d3339 !important; }

.color-gray-darker { color: #2d3339 !important; }

.border-gray-darker { border-color: #2d3339 !important; }

.bg-gray-darker { background-color: #2d3339 !important; }

.fill-gray-dark { fill: #3f4850 !important; }

.stroke-gray-dark { stroke: #3f4850 !important; }

.color-gray-dark { color: #3f4850 !important; }

.border-gray-dark { border-color: #3f4850 !important; }

.bg-gray-dark { background-color: #3f4850 !important; }

.fill-gray { fill: #c6ccd2 !important; }

.stroke-gray { stroke: #c6ccd2 !important; }

.color-gray { color: #c6ccd2 !important; }

.border-gray { border-color: #c6ccd2 !important; }

.bg-gray { background-color: #c6ccd2 !important; }

.fill-gray-light { fill: #edeff0 !important; }

.stroke-gray-light { stroke: #edeff0 !important; }

.color-gray-light { color: #edeff0 !important; }

.border-gray-light { border-color: #edeff0 !important; }

.bg-gray-light { background-color: #edeff0 !important; }

.fill-gray-lighter { fill: #f9fafa !important; }

.stroke-gray-lighter { stroke: #f9fafa !important; }

.color-gray-lighter { color: #f9fafa !important; }

.border-gray-lighter { border-color: #f9fafa !important; }

.bg-gray-lighter { background-color: #f9fafa !important; }

.text-fill-dark { fill: #40484a !important; }

.text-stroke-dark { stroke: #40484a !important; }

.text-color-dark { color: #40484a !important; }

.text-border-dark { border-color: #40484a !important; }

.text-bg-dark { background-color: #40484a !important; }

.text-fill-medium { fill: #4b5658 !important; }

.text-stroke-medium { stroke: #4b5658 !important; }

.text-color-medium { color: #4b5658 !important; }

.text-border-medium { border-color: #4b5658 !important; }

.text-bg-medium { background-color: #4b5658 !important; }

.text-fill-base { fill: #576366 !important; }

.text-stroke-base { stroke: #576366 !important; }

.text-color-base { color: #576366 !important; }

.text-border-base { border-color: #576366 !important; }

.text-bg-base { background-color: #576366 !important; }

.text-fill-light { fill: #7b8b8e !important; }

.text-stroke-light { stroke: #7b8b8e !important; }

.text-color-light { color: #7b8b8e !important; }

.text-border-light { border-color: #7b8b8e !important; }

.text-bg-light { background-color: #7b8b8e !important; }

.text-fill-white { fill: #fff !important; }

.text-stroke-white { stroke: #fff !important; }

.text-color-white { color: #fff !important; }

.text-border-white { border-color: #fff !important; }

.text-bg-white { background-color: #fff !important; }

.text-fill-blue-light { fill: #387bab !important; }

.text-stroke-blue-light { stroke: #387bab !important; }

.text-color-blue-light { color: #387bab !important; }

.text-border-blue-light { border-color: #387bab !important; }

.text-bg-blue-light { background-color: #387bab !important; }

.text-fill-blue-medium { fill: #2a5d81 !important; }

.text-stroke-blue-medium { stroke: #2a5d81 !important; }

.text-color-blue-medium { color: #2a5d81 !important; }

.text-border-blue-medium { border-color: #2a5d81 !important; }

.text-bg-blue-medium { background-color: #2a5d81 !important; }

.text-fill-blue-dark { fill: #303853 !important; }

.text-stroke-blue-dark { stroke: #303853 !important; }

.text-color-blue-dark { color: #303853 !important; }

.text-border-blue-dark { border-color: #303853 !important; }

.text-bg-blue-dark { background-color: #303853 !important; }

.category-fill-back-end-light { fill: #0098b1 !important; }

.category-stroke-back-end-light { stroke: #0098b1 !important; }

.category-color-back-end-light { color: #0098b1 !important; }

.category-border-back-end-light { border-color: #0098b1 !important; }

.category-bg-back-end-light { background-color: #0098b1 !important; }

.category-fill-back-end-base { fill: #008297 !important; }

.category-stroke-back-end-base { stroke: #008297 !important; }

.category-color-back-end-base { color: #008297 !important; }

.category-border-back-end-base { border-color: #008297 !important; }

.category-bg-back-end-base { background-color: #008297 !important; }

.category-fill-back-end-dark { fill: #006c7e !important; }

.category-stroke-back-end-dark { stroke: #006c7e !important; }

.category-color-back-end-dark { color: #006c7e !important; }

.category-border-back-end-dark { border-color: #006c7e !important; }

.category-bg-back-end-dark { background-color: #006c7e !important; }

.category-fill-data-light { fill: #af5592 !important; }

.category-stroke-data-light { stroke: #af5592 !important; }

.category-color-data-light { color: #af5592 !important; }

.category-border-data-light { border-color: #af5592 !important; }

.category-bg-data-light { background-color: #af5592 !important; }

.category-fill-data-base { fill: #9F4B84 !important; }

.category-stroke-data-base { stroke: #9F4B84 !important; }

.category-color-data-base { color: #9F4B84 !important; }

.category-border-data-base { border-color: #9F4B84 !important; }

.category-bg-data-base { background-color: #9F4B84 !important; }

.category-fill-data-dark { fill: #8e4376 !important; }

.category-stroke-data-dark { stroke: #8e4376 !important; }

.category-color-data-dark { color: #8e4376 !important; }

.category-border-data-dark { border-color: #8e4376 !important; }

.category-bg-data-dark { background-color: #8e4376 !important; }

.category-fill-design-light { fill: #534aa1 !important; }

.category-stroke-design-light { stroke: #534aa1 !important; }

.category-color-design-light { color: #534aa1 !important; }

.category-border-design-light { border-color: #534aa1 !important; }

.category-bg-design-light { background-color: #534aa1 !important; }

.category-fill-design-base { fill: #4a4290 !important; }

.category-stroke-design-base { stroke: #4a4290 !important; }

.category-color-design-base { color: #4a4290 !important; }

.category-border-design-base { border-color: #4a4290 !important; }

.category-bg-design-base { background-color: #4a4290 !important; }

.category-fill-design-dark { fill: #413a7f !important; }

.category-stroke-design-dark { stroke: #413a7f !important; }

.category-color-design-dark { color: #413a7f !important; }

.category-border-design-dark { border-color: #413a7f !important; }

.category-bg-design-dark { background-color: #413a7f !important; }

.category-fill-experimental-light { fill: #82429a !important; }

.category-stroke-experimental-light { stroke: #82429a !important; }

.category-color-experimental-light { color: #82429a !important; }

.category-border-experimental-light { border-color: #82429a !important; }

.category-bg-experimental-light { background-color: #82429a !important; }

.category-fill-experimental-base { fill: #733a88 !important; }

.category-stroke-experimental-base { stroke: #733a88 !important; }

.category-color-experimental-base { color: #733a88 !important; }

.category-border-experimental-base { border-color: #733a88 !important; }

.category-bg-experimental-base { background-color: #733a88 !important; }

.category-fill-experimental-dark { fill: #643276 !important; }

.category-stroke-experimental-dark { stroke: #643276 !important; }

.category-color-experimental-dark { color: #643276 !important; }

.category-border-experimental-dark { border-color: #643276 !important; }

.category-bg-experimental-dark { background-color: #643276 !important; }

.category-fill-front-end-light { fill: #3c64b5 !important; }

.category-stroke-front-end-light { stroke: #3c64b5 !important; }

.category-color-front-end-light { color: #3c64b5 !important; }

.category-border-front-end-light { border-color: #3c64b5 !important; }

.category-bg-front-end-light { background-color: #3c64b5 !important; }

.category-fill-front-end-base { fill: #3659a2 !important; }

.category-stroke-front-end-base { stroke: #3659a2 !important; }

.category-color-front-end-base { color: #3659a2 !important; }

.category-border-front-end-base { border-color: #3659a2 !important; }

.category-bg-front-end-base { background-color: #3659a2 !important; }

.category-fill-front-end-dark { fill: #304e8f !important; }

.category-stroke-front-end-dark { stroke: #304e8f !important; }

.category-color-front-end-dark { color: #304e8f !important; }

.category-border-front-end-dark { border-color: #304e8f !important; }

.category-bg-front-end-dark { background-color: #304e8f !important; }

.category-fill-fundamentals-light { fill: #ad4265 !important; }

.category-stroke-fundamentals-light { stroke: #ad4265 !important; }

.category-color-fundamentals-light { color: #ad4265 !important; }

.category-border-fundamentals-light { border-color: #ad4265 !important; }

.category-bg-fundamentals-light { background-color: #ad4265 !important; }

.category-fill-fundamentals-base { fill: #9b3b5a !important; }

.category-stroke-fundamentals-base { stroke: #9b3b5a !important; }

.category-color-fundamentals-base { color: #9b3b5a !important; }

.category-border-fundamentals-base { border-color: #9b3b5a !important; }

.category-bg-fundamentals-base { background-color: #9b3b5a !important; }

.category-fill-fundamentals-dark { fill: #89344f !important; }

.category-stroke-fundamentals-dark { stroke: #89344f !important; }

.category-color-fundamentals-dark { color: #89344f !important; }

.category-border-fundamentals-dark { border-color: #89344f !important; }

.category-bg-fundamentals-dark { background-color: #89344f !important; }

.category-fill-mobile-light { fill: #37957b !important; }

.category-stroke-mobile-light { stroke: #37957b !important; }

.category-color-mobile-light { color: #37957b !important; }

.category-border-mobile-light { border-color: #37957b !important; }

.category-bg-mobile-light { background-color: #37957b !important; }

.category-fill-mobile-base { fill: #30826C !important; }

.category-stroke-mobile-base { stroke: #30826C !important; }

.category-color-mobile-base { color: #30826C !important; }

.category-border-mobile-base { border-color: #30826C !important; }

.category-bg-mobile-base { background-color: #30826C !important; }

.category-fill-mobile-dark { fill: #296f5d !important; }

.category-stroke-mobile-dark { stroke: #296f5d !important; }

.category-color-mobile-dark { color: #296f5d !important; }

.category-border-mobile-dark { border-color: #296f5d !important; }

.category-bg-mobile-dark { background-color: #296f5d !important; }

.category-fill-internal-light { fill: #606e7a !important; }

.category-stroke-internal-light { stroke: #606e7a !important; }

.category-color-internal-light { color: #606e7a !important; }

.category-border-internal-light { border-color: #606e7a !important; }

.category-bg-internal-light { background-color: #606e7a !important; }

.category-fill-internal-base { fill: #55616c !important; }

.category-stroke-internal-base { stroke: #55616c !important; }

.category-color-internal-base { color: #55616c !important; }

.category-border-internal-base { border-color: #55616c !important; }

.category-bg-internal-base { background-color: #55616c !important; }

.category-fill-internal-dark { fill: #4a545e !important; }

.category-stroke-internal-dark { stroke: #4a545e !important; }

.category-color-internal-dark { color: #4a545e !important; }

.category-border-internal-dark { border-color: #4a545e !important; }

.category-bg-internal-dark { background-color: #4a545e !important; }

.category-fill-undefined-light { fill: #606e7a !important; }

.category-stroke-undefined-light { stroke: #606e7a !important; }

.category-color-undefined-light { color: #606e7a !important; }

.category-border-undefined-light { border-color: #606e7a !important; }

.category-bg-undefined-light { background-color: #606e7a !important; }

.category-fill-undefined-base { fill: #55616c !important; }

.category-stroke-undefined-base { stroke: #55616c !important; }

.category-color-undefined-base { color: #55616c !important; }

.category-border-undefined-base { border-color: #55616c !important; }

.category-bg-undefined-base { background-color: #55616c !important; }

.category-fill-undefined-dark { fill: #4a545e !important; }

.category-stroke-undefined-dark { stroke: #4a545e !important; }

.category-color-undefined-dark { color: #4a545e !important; }

.category-border-undefined-dark { border-color: #4a545e !important; }

.category-bg-undefined-dark { background-color: #4a545e !important; }

.pop-fill-blue-pastel { fill: #3887c8 !important; }

.pop-stroke-blue-pastel { stroke: #3887c8 !important; }

.pop-color-blue-pastel { color: #3887c8 !important; }

.pop-border-blue-pastel { border-color: #3887c8 !important; }

.pop-bg-blue-pastel { background-color: #3887c8 !important; }

.pop-fill-blue { fill: #133ea2 !important; }

.pop-stroke-blue { stroke: #133ea2 !important; }

.pop-color-blue { color: #133ea2 !important; }

.pop-border-blue { border-color: #133ea2 !important; }

.pop-bg-blue { background-color: #133ea2 !important; }

.pop-fill-blue-dark { fill: #323952 !important; }

.pop-stroke-blue-dark { stroke: #323952 !important; }

.pop-color-blue-dark { color: #323952 !important; }

.pop-border-blue-dark { border-color: #323952 !important; }

.pop-bg-blue-dark { background-color: #323952 !important; }

.pop-fill-teal { fill: #0098b1 !important; }

.pop-stroke-teal { stroke: #0098b1 !important; }

.pop-color-teal { color: #0098b1 !important; }

.pop-border-teal { border-color: #0098b1 !important; }

.pop-bg-teal { background-color: #0098b1 !important; }

.pop-fill-green { fill: #31af7f !important; }

.pop-stroke-green { stroke: #31af7f !important; }

.pop-color-green { color: #31af7f !important; }

.pop-border-green { border-color: #31af7f !important; }

.pop-bg-green { background-color: #31af7f !important; }

.pop-fill-golden { fill: #ecc148 !important; }

.pop-stroke-golden { stroke: #ecc148 !important; }

.pop-color-golden { color: #ecc148 !important; }

.pop-border-golden { border-color: #ecc148 !important; }

.pop-bg-golden { background-color: #ecc148 !important; }

.pop-fill-orange { fill: #e88034 !important; }

.pop-stroke-orange { stroke: #e88034 !important; }

.pop-color-orange { color: #e88034 !important; }

.pop-border-orange { border-color: #e88034 !important; }

.pop-bg-orange { background-color: #e88034 !important; }

.pop-fill-red-orange { fill: #e95e31 !important; }

.pop-stroke-red-orange { stroke: #e95e31 !important; }

.pop-color-red-orange { color: #e95e31 !important; }

.pop-border-red-orange { border-color: #e95e31 !important; }

.pop-bg-red-orange { background-color: #e95e31 !important; }

.pop-fill-purple-pastel { fill: #856fc4 !important; }

.pop-stroke-purple-pastel { stroke: #856fc4 !important; }

.pop-color-purple-pastel { color: #856fc4 !important; }

.pop-border-purple-pastel { border-color: #856fc4 !important; }

.pop-bg-purple-pastel { background-color: #856fc4 !important; }

.pop-fill-purple { fill: #4a4290 !important; }

.pop-stroke-purple { stroke: #4a4290 !important; }

.pop-color-purple { color: #4a4290 !important; }

.pop-border-purple { border-color: #4a4290 !important; }

.pop-bg-purple { background-color: #4a4290 !important; }

.pop-fill-magenta { fill: #be4e95 !important; }

.pop-stroke-magenta { stroke: #be4e95 !important; }

.pop-color-magenta { color: #be4e95 !important; }

.pop-border-magenta { border-color: #be4e95 !important; }

.pop-bg-magenta { background-color: #be4e95 !important; }

.button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border-radius: 4px; border: solid 2px #5fcf80; color: #5fcf80; cursor: pointer; display: inline-block; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 700; height: 40px; line-height: 36px; padding: 0 15px; position: relative; margin: 0 10px 0 0; text-align: center; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; vertical-align: baseline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.button:hover, .button:active { color: #34ad58; border-color: #34ad58; }

.button:hover svg, .button:active svg { fill: #34ad58; }

.button:focus { color: #34ad58; border-color: #34ad58; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button:focus svg { fill: #34ad58; }

.button:last-child { margin-right: 0; }

.button svg { fill: #5fcf80; }

.button--primary { background: #50b06c !important; background: linear-gradient(to bottom, #55ba73 0%, #50b06c 100%) !important; border-color: transparent !important; color: #fff !important; }

.button--primary svg { fill: #fff !important; }

.button--primary:hover, .button--primary:active { background: linear-gradient(#408d56, #408d56) !important; border-color: transparent !important; color: #fff !important; }

.button--primary:focus { background: linear-gradient(#408d56, #408d56) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--primary-teal { background: #008298 !important; background: linear-gradient(to bottom, #008298 0%, #007589 100%) !important; border-color: transparent !important; color: #fff !important; }

.button--primary-teal svg { fill: #fff !important; }

.button--primary-teal:hover, .button--primary-teal:active { background: linear-gradient(#004652, #004652) !important; border-color: transparent !important; color: #fff !important; }

.button--primary-teal:focus { background: linear-gradient(#004652, #004652) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--primary-blue { background-color: #387bab !important; border-color: #387bab !important; color: #fff !important; }

.button--primary-blue svg { fill: #fff !important; }

.button--primary-blue:hover, .button--primary-blue:active { background-color: #2a5d81 !important; border-color: #2a5d81 !important; color: #fff !important; }

.button--primary-blue:focus { background-color: #2a5d81 !important; border-color: #2a5d81 !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--primary-ubora { background-color: #30826C !important; border-color: #30826C !important; color: #fff !important; }

.button--primary-ubora svg { fill: #fff !important; }

.button--primary-ubora:hover, .button--primary-ubora:active { background-color: #296f5d !important; border-color: #296f5d !important; color: #fff !important; }

.button--primary-ubora:focus { background-color: #296f5d !important; border-color: #296f5d !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--secondary { background-color: #fff !important; border-color: #e8ebed !important; color: #576366 !important; }

.button--secondary svg { fill: #576366 !important; }

.button--secondary:hover, .button--secondary:active { border-color: #bdc6cb !important; color: #505b5e !important; }

.button--secondary:focus { border-color: #bdc6cb !important; color: #505b5e !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--alert { background-color: transparent !important; border-color: #ed5a5a !important; color: #ed5a5a !important; }

.button--alert svg { fill: #ed5a5a !important; }

.button--alert:hover, .button--alert:active { border-color: #cb1616 !important; color: #cb1616 !important; }

.button--alert:focus { border-color: #cb1616 !important; color: #cb1616 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--disabled { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; }

.button--disabled svg { fill: #7b8b8e !important; }

.button--disabled:hover, .button--disabled:active { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; }

.button--disabled:hover svg, .button--disabled:active svg { fill: #576366 !important; }

.button--disabled:focus { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--disabled:focus svg { fill: #576366 !important; }

.button--inverse { border-color: #fff !important; color: #fff !important; opacity: 0.88 !important; }

.button--inverse svg { fill: #fff !important; }

.button--inverse:hover, .button--inverse:active { border-color: #fff !important; color: #fff !important; opacity: 1 !important; }

.button--inverse:focus { border-color: #fff !important; color: #fff !important; opacity: 1 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-primary { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.88; }

.button--inverse-primary svg { fill: #4b5658 !important; }

.button--inverse-primary:hover, .button--inverse-primary:active { opacity: 1 !important; }

.button--inverse-primary:focus { opacity: 1 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-primary-teal { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.88; }

.button--inverse-primary-teal svg { fill: #0098b1 !important; }

.button--inverse-primary-teal:hover, .button--inverse-primary-teal:active { color: #007e92 !important; opacity: 1 !important; }

.button--inverse-primary-teal:focus { color: #007e92 !important; opacity: 1 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-disabled { border-color: #fff !important; color: #fff !important; opacity: 0.15 !important; }

.button--inverse-disabled:hover, .button--inverse-disabled:active { border-color: #fff !important; color: #fff !important; opacity: 0.15 !important; }

.button--inverse-disabled:focus { border-color: #fff !important; color: #fff !important; opacity: 0.15 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-primary-disabled { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.15 !important; }

.button--inverse-primary-disabled:hover, .button--inverse-primary-disabled:active { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.15 !important; }

.button--inverse-primary-disabled:focus { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.15 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inline { margin-top: 28px !important; padding: 0 26px !important; height: 47px !important; line-height: 43px !important; }

@media screen { .button--xlarge-xs { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-xs.square { width: 58px !important; }
  .button--large-xs { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-xs.square { width: 50px !important; }
  .button--large-xs svg { top: -2px; }
  .button--normal-xs { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-xs.square { width: 40px !important; }
  .button--small-xs { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-xs.square { width: 34px !important; }
  .button--xsmall-xs { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-xs.square { width: 30px !important; } }

@media screen and (min-width: 480px) { .button--xlarge-sm { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-sm.square { width: 58px !important; }
  .button--large-sm { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-sm.square { width: 50px !important; }
  .button--large-sm svg { top: -2px; }
  .button--normal-sm { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-sm.square { width: 40px !important; }
  .button--small-sm { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-sm.square { width: 34px !important; }
  .button--xsmall-sm { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-sm.square { width: 30px !important; } }

@media screen and (min-width: 680px) { .button--xlarge-md { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-md.square { width: 58px !important; }
  .button--large-md { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-md.square { width: 50px !important; }
  .button--large-md svg { top: -2px; }
  .button--normal-md { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-md.square { width: 40px !important; }
  .button--small-md { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-md.square { width: 34px !important; }
  .button--xsmall-md { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-md.square { width: 30px !important; } }

@media screen and (min-width: 960px) { .button--xlarge-lg { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-lg.square { width: 58px !important; }
  .button--large-lg { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-lg.square { width: 50px !important; }
  .button--large-lg svg { top: -2px; }
  .button--normal-lg { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-lg.square { width: 40px !important; }
  .button--small-lg { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-lg.square { width: 34px !important; }
  .button--xsmall-lg { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-lg.square { width: 30px !important; } }

@media screen and (min-width: 1140px) { .button--xlarge-xl { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-xl.square { width: 58px !important; }
  .button--large-xl { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-xl.square { width: 50px !important; }
  .button--large-xl svg { top: -2px; }
  .button--normal-xl { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-xl.square { width: 40px !important; }
  .button--small-xl { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-xl.square { width: 34px !important; }
  .button--xsmall-xl { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-xl.square { width: 30px !important; } }

.button--category-back-end { border-color: #008297 !important; color: #008297 !important; }

.button--category-back-end svg { fill: #008297 !important; }

.button--category-back-end:hover, .button--category-back-end:active { border-color: #005664 !important; color: #005664 !important; }

.button--category-back-end:hover svg, .button--category-back-end:active svg { fill: #005664 !important; }

.button--category-back-end:focus { border-color: #005664 !important; color: #005664 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-back-end:focus svg { fill: #005664 !important; }

.button--category-back-end.button--primary { background: #008297 !important; border-color: #008297 !important; color: #fff !important; }

.button--category-back-end.button--primary:hover, .button--category-back-end.button--primary:active { background: #005664 !important; border-color: #005664 !important; }

.button--category-back-end.button--primary:hover svg, .button--category-back-end.button--primary:active svg { fill: #fff !important; }

.button--category-back-end.button--primary:focus { background: #005664 !important; border-color: #005664 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-back-end.button--primary:focus svg { fill: #fff !important; }

.button--category-data { border-color: #9F4B84 !important; color: #9F4B84 !important; }

.button--category-data svg { fill: #9F4B84 !important; }

.button--category-data:hover, .button--category-data:active { border-color: #7c3b67 !important; color: #7c3b67 !important; }

.button--category-data:hover svg, .button--category-data:active svg { fill: #7c3b67 !important; }

.button--category-data:focus { border-color: #7c3b67 !important; color: #7c3b67 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-data:focus svg { fill: #7c3b67 !important; }

.button--category-data.button--primary { background: #9F4B84 !important; border-color: #9F4B84 !important; color: #fff !important; }

.button--category-data.button--primary:hover, .button--category-data.button--primary:active { background: #7c3b67 !important; border-color: #7c3b67 !important; }

.button--category-data.button--primary:hover svg, .button--category-data.button--primary:active svg { fill: #fff !important; }

.button--category-data.button--primary:focus { background: #7c3b67 !important; border-color: #7c3b67 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-data.button--primary:focus svg { fill: #fff !important; }

.button--category-design { border-color: #4a4290 !important; color: #4a4290 !important; }

.button--category-design svg { fill: #4a4290 !important; }

.button--category-design:hover, .button--category-design:active { border-color: #38326d !important; color: #38326d !important; }

.button--category-design:hover svg, .button--category-design:active svg { fill: #38326d !important; }

.button--category-design:focus { border-color: #38326d !important; color: #38326d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-design:focus svg { fill: #38326d !important; }

.button--category-design.button--primary { background: #4a4290 !important; border-color: #4a4290 !important; color: #fff !important; }

.button--category-design.button--primary:hover, .button--category-design.button--primary:active { background: #38326d !important; border-color: #38326d !important; }

.button--category-design.button--primary:hover svg, .button--category-design.button--primary:active svg { fill: #fff !important; }

.button--category-design.button--primary:focus { background: #38326d !important; border-color: #38326d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-design.button--primary:focus svg { fill: #fff !important; }

.button--category-experimental { border-color: #733a88 !important; color: #733a88 !important; }

.button--category-experimental svg { fill: #733a88 !important; }

.button--category-experimental:hover, .button--category-experimental:active { border-color: #552b64 !important; color: #552b64 !important; }

.button--category-experimental:hover svg, .button--category-experimental:active svg { fill: #552b64 !important; }

.button--category-experimental:focus { border-color: #552b64 !important; color: #552b64 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-experimental:focus svg { fill: #552b64 !important; }

.button--category-experimental.button--primary { background: #733a88 !important; border-color: #733a88 !important; color: #fff !important; }

.button--category-experimental.button--primary:hover, .button--category-experimental.button--primary:active { background: #552b64 !important; border-color: #552b64 !important; }

.button--category-experimental.button--primary:hover svg, .button--category-experimental.button--primary:active svg { fill: #fff !important; }

.button--category-experimental.button--primary:focus { background: #552b64 !important; border-color: #552b64 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-experimental.button--primary:focus svg { fill: #fff !important; }

.button--category-front-end { border-color: #3659a2 !important; color: #3659a2 !important; }

.button--category-front-end svg { fill: #3659a2 !important; }

.button--category-front-end:hover, .button--category-front-end:active { border-color: #29447c !important; color: #29447c !important; }

.button--category-front-end:hover svg, .button--category-front-end:active svg { fill: #29447c !important; }

.button--category-front-end:focus { border-color: #29447c !important; color: #29447c !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-front-end:focus svg { fill: #29447c !important; }

.button--category-front-end.button--primary { background: #3659a2 !important; border-color: #3659a2 !important; color: #fff !important; }

.button--category-front-end.button--primary:hover, .button--category-front-end.button--primary:active { background: #29447c !important; border-color: #29447c !important; }

.button--category-front-end.button--primary:hover svg, .button--category-front-end.button--primary:active svg { fill: #fff !important; }

.button--category-front-end.button--primary:focus { background: #29447c !important; border-color: #29447c !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-front-end.button--primary:focus svg { fill: #fff !important; }

.button--category-fundamentals { border-color: #9b3b5a !important; color: #9b3b5a !important; }

.button--category-fundamentals svg { fill: #9b3b5a !important; }

.button--category-fundamentals:hover, .button--category-fundamentals:active { border-color: #762d45 !important; color: #762d45 !important; }

.button--category-fundamentals:hover svg, .button--category-fundamentals:active svg { fill: #762d45 !important; }

.button--category-fundamentals:focus { border-color: #762d45 !important; color: #762d45 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-fundamentals:focus svg { fill: #762d45 !important; }

.button--category-fundamentals.button--primary { background: #9b3b5a !important; border-color: #9b3b5a !important; color: #fff !important; }

.button--category-fundamentals.button--primary:hover, .button--category-fundamentals.button--primary:active { background: #762d45 !important; border-color: #762d45 !important; }

.button--category-fundamentals.button--primary:hover svg, .button--category-fundamentals.button--primary:active svg { fill: #fff !important; }

.button--category-fundamentals.button--primary:focus { background: #762d45 !important; border-color: #762d45 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-fundamentals.button--primary:focus svg { fill: #fff !important; }

.button--category-mobile { border-color: #30826C !important; color: #30826C !important; }

.button--category-mobile svg { fill: #30826C !important; }

.button--category-mobile:hover, .button--category-mobile:active { border-color: #225d4d !important; color: #225d4d !important; }

.button--category-mobile:hover svg, .button--category-mobile:active svg { fill: #225d4d !important; }

.button--category-mobile:focus { border-color: #225d4d !important; color: #225d4d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-mobile:focus svg { fill: #225d4d !important; }

.button--category-mobile.button--primary { background: #30826C !important; border-color: #30826C !important; color: #fff !important; }

.button--category-mobile.button--primary:hover, .button--category-mobile.button--primary:active { background: #225d4d !important; border-color: #225d4d !important; }

.button--category-mobile.button--primary:hover svg, .button--category-mobile.button--primary:active svg { fill: #fff !important; }

.button--category-mobile.button--primary:focus { background: #225d4d !important; border-color: #225d4d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-mobile.button--primary:focus svg { fill: #fff !important; }

.button--category-internal { border-color: #55616c !important; color: #55616c !important; }

.button--category-internal svg { fill: #55616c !important; }

.button--category-internal:hover, .button--category-internal:active { border-color: #3f474f !important; color: #3f474f !important; }

.button--category-internal:hover svg, .button--category-internal:active svg { fill: #3f474f !important; }

.button--category-internal:focus { border-color: #3f474f !important; color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-internal:focus svg { fill: #3f474f !important; }

.button--category-internal.button--primary { background: #55616c !important; border-color: #55616c !important; color: #fff !important; }

.button--category-internal.button--primary:hover, .button--category-internal.button--primary:active { background: #3f474f !important; border-color: #3f474f !important; }

.button--category-internal.button--primary:hover svg, .button--category-internal.button--primary:active svg { fill: #fff !important; }

.button--category-internal.button--primary:focus { background: #3f474f !important; border-color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-internal.button--primary:focus svg { fill: #fff !important; }

.button--category-undefined { border-color: #55616c !important; color: #55616c !important; }

.button--category-undefined svg { fill: #55616c !important; }

.button--category-undefined:hover, .button--category-undefined:active { border-color: #3f474f !important; color: #3f474f !important; }

.button--category-undefined:hover svg, .button--category-undefined:active svg { fill: #3f474f !important; }

.button--category-undefined:focus { border-color: #3f474f !important; color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-undefined:focus svg { fill: #3f474f !important; }

.button--category-undefined.button--primary { background: #55616c !important; border-color: #55616c !important; color: #fff !important; }

.button--category-undefined.button--primary:hover, .button--category-undefined.button--primary:active { background: #3f474f !important; border-color: #3f474f !important; }

.button--category-undefined.button--primary:hover svg, .button--category-undefined.button--primary:active svg { fill: #fff !important; }

.button--category-undefined.button--primary:focus { background: #3f474f !important; border-color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-undefined.button--primary:focus svg { fill: #fff !important; }

.split-button .button { float: left; z-index: 1; margin: 0 !important; border-radius: 4px 0 0 4px; padding: 0 20px; }

.split-button .button:hover, .split-button .button:active { z-index: 2; }

.split-button .button:focus { z-index: 2; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.split-button .button.button--primary { border-right-color: rgba(0, 0, 0, 0.1); }

.split-button .button + .button { border-radius: 0 4px 4px 0; margin-left: -2px !important; }

.split-button .button + .button.button--primary { border-left-color: rgba(0, 0, 0, 0.1); }

.split-button { display: inline-block; margin: 0 15px 0 0; }

.split-button:before, .split-button:after { content: " "; display: table; }

.split-button:after { clear: both; }

.col { float: left !important; width: 100% !important; }

.col-gutters { margin: 0 -15px; }

.col-gutters > .col { padding: 0 15px; }

.col-container:before, .col-container:after { content: " "; display: table; }

.col-container:after { clear: both; }

.col-max { max-width: 1260px !important; margin: 0 auto !important; }

@media screen { .col-max { padding: 0; } }

@media screen and (min-width: 680px) { .col-max { padding: 0 5px; } }

@media screen and (min-width: 960px) { .col-max { padding: 0 15px; } }

.col-center { float: none !important; margin: 0 auto !important; }

.col-form { margin: 0 -6px !important; }

.col-form > .col { padding: 0 6px; }

@media screen { .col-5-xs { width: 5% !important; }
  .col-offset-5-xs { margin-left: 5% !important; }
  .col-10-xs { width: 10% !important; }
  .col-offset-10-xs { margin-left: 10% !important; }
  .col-15-xs { width: 15% !important; }
  .col-offset-15-xs { margin-left: 15% !important; }
  .col-20-xs { width: 20% !important; }
  .col-offset-20-xs { margin-left: 20% !important; }
  .col-25-xs { width: 25% !important; }
  .col-offset-25-xs { margin-left: 25% !important; }
  .col-30-xs { width: 30% !important; }
  .col-offset-30-xs { margin-left: 30% !important; }
  .col-33-xs { width: 33.3% !important; }
  .col-offset-33-xs { margin-left: 33.3% !important; }
  .col-35-xs { width: 35% !important; }
  .col-offset-35-xs { margin-left: 35% !important; }
  .col-40-xs { width: 40% !important; }
  .col-offset-40-xs { margin-left: 40% !important; }
  .col-45-xs { width: 45% !important; }
  .col-offset-45-xs { margin-left: 45% !important; }
  .col-50-xs { width: 50% !important; }
  .col-offset-50-xs { margin-left: 50% !important; }
  .col-55-xs { width: 55% !important; }
  .col-offset-55-xs { margin-left: 55% !important; }
  .col-60-xs { width: 60% !important; }
  .col-offset-60-xs { margin-left: 60% !important; }
  .col-65-xs { width: 65% !important; }
  .col-offset-65-xs { margin-left: 65% !important; }
  .col-70-xs { width: 70% !important; }
  .col-offset-70-xs { margin-left: 70% !important; }
  .col-75-xs { width: 75% !important; }
  .col-offset-75-xs { margin-left: 75% !important; }
  .col-80-xs { width: 80% !important; }
  .col-offset-80-xs { margin-left: 80% !important; }
  .col-85-xs { width: 85% !important; }
  .col-offset-85-xs { margin-left: 85% !important; }
  .col-90-xs { width: 90% !important; }
  .col-offset-90-xs { margin-left: 90% !important; }
  .col-95-xs { width: 95% !important; }
  .col-offset-95-xs { margin-left: 95% !important; }
  .col-100-xs { width: 100% !important; }
  .col-offset-100-xs { margin-left: 100% !important; } }

@media screen and (min-width: 480px) { .col-5-sm { width: 5% !important; }
  .col-offset-5-sm { margin-left: 5% !important; }
  .col-10-sm { width: 10% !important; }
  .col-offset-10-sm { margin-left: 10% !important; }
  .col-15-sm { width: 15% !important; }
  .col-offset-15-sm { margin-left: 15% !important; }
  .col-20-sm { width: 20% !important; }
  .col-offset-20-sm { margin-left: 20% !important; }
  .col-25-sm { width: 25% !important; }
  .col-offset-25-sm { margin-left: 25% !important; }
  .col-30-sm { width: 30% !important; }
  .col-offset-30-sm { margin-left: 30% !important; }
  .col-33-sm { width: 33.3% !important; }
  .col-offset-33-sm { margin-left: 33.3% !important; }
  .col-35-sm { width: 35% !important; }
  .col-offset-35-sm { margin-left: 35% !important; }
  .col-40-sm { width: 40% !important; }
  .col-offset-40-sm { margin-left: 40% !important; }
  .col-45-sm { width: 45% !important; }
  .col-offset-45-sm { margin-left: 45% !important; }
  .col-50-sm { width: 50% !important; }
  .col-offset-50-sm { margin-left: 50% !important; }
  .col-55-sm { width: 55% !important; }
  .col-offset-55-sm { margin-left: 55% !important; }
  .col-60-sm { width: 60% !important; }
  .col-offset-60-sm { margin-left: 60% !important; }
  .col-65-sm { width: 65% !important; }
  .col-offset-65-sm { margin-left: 65% !important; }
  .col-70-sm { width: 70% !important; }
  .col-offset-70-sm { margin-left: 70% !important; }
  .col-75-sm { width: 75% !important; }
  .col-offset-75-sm { margin-left: 75% !important; }
  .col-80-sm { width: 80% !important; }
  .col-offset-80-sm { margin-left: 80% !important; }
  .col-85-sm { width: 85% !important; }
  .col-offset-85-sm { margin-left: 85% !important; }
  .col-90-sm { width: 90% !important; }
  .col-offset-90-sm { margin-left: 90% !important; }
  .col-95-sm { width: 95% !important; }
  .col-offset-95-sm { margin-left: 95% !important; }
  .col-100-sm { width: 100% !important; }
  .col-offset-100-sm { margin-left: 100% !important; } }

@media screen and (min-width: 680px) { .col-5-md { width: 5% !important; }
  .col-offset-5-md { margin-left: 5% !important; }
  .col-10-md { width: 10% !important; }
  .col-offset-10-md { margin-left: 10% !important; }
  .col-15-md { width: 15% !important; }
  .col-offset-15-md { margin-left: 15% !important; }
  .col-20-md { width: 20% !important; }
  .col-offset-20-md { margin-left: 20% !important; }
  .col-25-md { width: 25% !important; }
  .col-offset-25-md { margin-left: 25% !important; }
  .col-30-md { width: 30% !important; }
  .col-offset-30-md { margin-left: 30% !important; }
  .col-33-md { width: 33.3% !important; }
  .col-offset-33-md { margin-left: 33.3% !important; }
  .col-35-md { width: 35% !important; }
  .col-offset-35-md { margin-left: 35% !important; }
  .col-40-md { width: 40% !important; }
  .col-offset-40-md { margin-left: 40% !important; }
  .col-45-md { width: 45% !important; }
  .col-offset-45-md { margin-left: 45% !important; }
  .col-50-md { width: 50% !important; }
  .col-offset-50-md { margin-left: 50% !important; }
  .col-55-md { width: 55% !important; }
  .col-offset-55-md { margin-left: 55% !important; }
  .col-60-md { width: 60% !important; }
  .col-offset-60-md { margin-left: 60% !important; }
  .col-65-md { width: 65% !important; }
  .col-offset-65-md { margin-left: 65% !important; }
  .col-70-md { width: 70% !important; }
  .col-offset-70-md { margin-left: 70% !important; }
  .col-75-md { width: 75% !important; }
  .col-offset-75-md { margin-left: 75% !important; }
  .col-80-md { width: 80% !important; }
  .col-offset-80-md { margin-left: 80% !important; }
  .col-85-md { width: 85% !important; }
  .col-offset-85-md { margin-left: 85% !important; }
  .col-90-md { width: 90% !important; }
  .col-offset-90-md { margin-left: 90% !important; }
  .col-95-md { width: 95% !important; }
  .col-offset-95-md { margin-left: 95% !important; }
  .col-100-md { width: 100% !important; }
  .col-offset-100-md { margin-left: 100% !important; } }

@media screen and (min-width: 960px) { .col-5-lg { width: 5% !important; }
  .col-offset-5-lg { margin-left: 5% !important; }
  .col-10-lg { width: 10% !important; }
  .col-offset-10-lg { margin-left: 10% !important; }
  .col-15-lg { width: 15% !important; }
  .col-offset-15-lg { margin-left: 15% !important; }
  .col-20-lg { width: 20% !important; }
  .col-offset-20-lg { margin-left: 20% !important; }
  .col-25-lg { width: 25% !important; }
  .col-offset-25-lg { margin-left: 25% !important; }
  .col-30-lg { width: 30% !important; }
  .col-offset-30-lg { margin-left: 30% !important; }
  .col-33-lg { width: 33.3% !important; }
  .col-offset-33-lg { margin-left: 33.3% !important; }
  .col-35-lg { width: 35% !important; }
  .col-offset-35-lg { margin-left: 35% !important; }
  .col-40-lg { width: 40% !important; }
  .col-offset-40-lg { margin-left: 40% !important; }
  .col-45-lg { width: 45% !important; }
  .col-offset-45-lg { margin-left: 45% !important; }
  .col-50-lg { width: 50% !important; }
  .col-offset-50-lg { margin-left: 50% !important; }
  .col-55-lg { width: 55% !important; }
  .col-offset-55-lg { margin-left: 55% !important; }
  .col-60-lg { width: 60% !important; }
  .col-offset-60-lg { margin-left: 60% !important; }
  .col-65-lg { width: 65% !important; }
  .col-offset-65-lg { margin-left: 65% !important; }
  .col-70-lg { width: 70% !important; }
  .col-offset-70-lg { margin-left: 70% !important; }
  .col-75-lg { width: 75% !important; }
  .col-offset-75-lg { margin-left: 75% !important; }
  .col-80-lg { width: 80% !important; }
  .col-offset-80-lg { margin-left: 80% !important; }
  .col-85-lg { width: 85% !important; }
  .col-offset-85-lg { margin-left: 85% !important; }
  .col-90-lg { width: 90% !important; }
  .col-offset-90-lg { margin-left: 90% !important; }
  .col-95-lg { width: 95% !important; }
  .col-offset-95-lg { margin-left: 95% !important; }
  .col-100-lg { width: 100% !important; }
  .col-offset-100-lg { margin-left: 100% !important; } }

@media screen and (min-width: 1140px) { .col-5-xl { width: 5% !important; }
  .col-offset-5-xl { margin-left: 5% !important; }
  .col-10-xl { width: 10% !important; }
  .col-offset-10-xl { margin-left: 10% !important; }
  .col-15-xl { width: 15% !important; }
  .col-offset-15-xl { margin-left: 15% !important; }
  .col-20-xl { width: 20% !important; }
  .col-offset-20-xl { margin-left: 20% !important; }
  .col-25-xl { width: 25% !important; }
  .col-offset-25-xl { margin-left: 25% !important; }
  .col-30-xl { width: 30% !important; }
  .col-offset-30-xl { margin-left: 30% !important; }
  .col-33-xl { width: 33.3% !important; }
  .col-offset-33-xl { margin-left: 33.3% !important; }
  .col-35-xl { width: 35% !important; }
  .col-offset-35-xl { margin-left: 35% !important; }
  .col-40-xl { width: 40% !important; }
  .col-offset-40-xl { margin-left: 40% !important; }
  .col-45-xl { width: 45% !important; }
  .col-offset-45-xl { margin-left: 45% !important; }
  .col-50-xl { width: 50% !important; }
  .col-offset-50-xl { margin-left: 50% !important; }
  .col-55-xl { width: 55% !important; }
  .col-offset-55-xl { margin-left: 55% !important; }
  .col-60-xl { width: 60% !important; }
  .col-offset-60-xl { margin-left: 60% !important; }
  .col-65-xl { width: 65% !important; }
  .col-offset-65-xl { margin-left: 65% !important; }
  .col-70-xl { width: 70% !important; }
  .col-offset-70-xl { margin-left: 70% !important; }
  .col-75-xl { width: 75% !important; }
  .col-offset-75-xl { margin-left: 75% !important; }
  .col-80-xl { width: 80% !important; }
  .col-offset-80-xl { margin-left: 80% !important; }
  .col-85-xl { width: 85% !important; }
  .col-offset-85-xl { margin-left: 85% !important; }
  .col-90-xl { width: 90% !important; }
  .col-offset-90-xl { margin-left: 90% !important; }
  .col-95-xl { width: 95% !important; }
  .col-offset-95-xl { margin-left: 95% !important; }
  .col-100-xl { width: 100% !important; }
  .col-offset-100-xl { margin-left: 100% !important; } }

.block-grid { padding: 0 !important; list-style: none !important; font-size: 0 !important; display: block !important; overflow: hidden !important; margin-bottom: 2rem !important; }

.block-grid-gutters { margin: -1rem -1rem 1rem -1rem !important; }

.block-grid-gutters .block-grid__item { padding: 1rem !important; }

.block-grid__item { display: block !important; float: left !important; font-size: 16px !important; }

@media screen { .block-1-xs .block-grid__item { width: 100% !important; }
  .block-1-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-xs .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-xs .block-grid__item { width: 50% !important; }
  .block-2-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-xs .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-xs .block-grid__item { width: 33.3333333333% !important; }
  .block-3-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-xs .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-xs .block-grid__item { width: 25% !important; }
  .block-4-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-xs .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-xs .block-grid__item { width: 20% !important; }
  .block-5-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-xs .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-xs .block-grid__item { width: 16.6666666667% !important; }
  .block-6-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-xs .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 480px) { .block-1-sm .block-grid__item { width: 100% !important; }
  .block-1-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-sm .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-sm .block-grid__item { width: 50% !important; }
  .block-2-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-sm .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-sm .block-grid__item { width: 33.3333333333% !important; }
  .block-3-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-sm .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-sm .block-grid__item { width: 25% !important; }
  .block-4-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-sm .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-sm .block-grid__item { width: 20% !important; }
  .block-5-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-sm .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-sm .block-grid__item { width: 16.6666666667% !important; }
  .block-6-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-sm .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 680px) { .block-1-md .block-grid__item { width: 100% !important; }
  .block-1-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-md .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-md .block-grid__item { width: 50% !important; }
  .block-2-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-md .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-md .block-grid__item { width: 33.3333333333% !important; }
  .block-3-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-md .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-md .block-grid__item { width: 25% !important; }
  .block-4-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-md .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-md .block-grid__item { width: 20% !important; }
  .block-5-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-md .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-md .block-grid__item { width: 16.6666666667% !important; }
  .block-6-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-md .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 960px) { .block-1-lg .block-grid__item { width: 100% !important; }
  .block-1-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-lg .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-lg .block-grid__item { width: 50% !important; }
  .block-2-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-lg .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-lg .block-grid__item { width: 33.3333333333% !important; }
  .block-3-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-lg .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-lg .block-grid__item { width: 25% !important; }
  .block-4-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-lg .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-lg .block-grid__item { width: 20% !important; }
  .block-5-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-lg .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-lg .block-grid__item { width: 16.6666666667% !important; }
  .block-6-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-lg .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 1140px) { .block-1-xl .block-grid__item { width: 100% !important; }
  .block-1-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-xl .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-xl .block-grid__item { width: 50% !important; }
  .block-2-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-xl .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-xl .block-grid__item { width: 33.3333333333% !important; }
  .block-3-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-xl .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-xl .block-grid__item { width: 25% !important; }
  .block-4-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-xl .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-xl .block-grid__item { width: 20% !important; }
  .block-5-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-xl .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-xl .block-grid__item { width: 16.6666666667% !important; }
  .block-6-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-xl .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen { .block-xs { display: block !important; }
  .hide-xs { display: none !important; }
  .inline-xs { display: inline !important; }
  .inline-block-xs { display: inline-block !important; } }

@media screen and (min-width: 480px) { .block-sm { display: block !important; }
  .hide-sm { display: none !important; }
  .inline-sm { display: inline !important; }
  .inline-block-sm { display: inline-block !important; } }

@media screen and (min-width: 680px) { .block-md { display: block !important; }
  .hide-md { display: none !important; }
  .inline-md { display: inline !important; }
  .inline-block-md { display: inline-block !important; } }

@media screen and (min-width: 960px) { .block-lg { display: block !important; }
  .hide-lg { display: none !important; }
  .inline-lg { display: inline !important; }
  .inline-block-lg { display: inline-block !important; } }

@media screen and (min-width: 1140px) { .block-xl { display: block !important; }
  .hide-xl { display: none !important; }
  .inline-xl { display: inline !important; }
  .inline-block-xl { display: inline-block !important; } }

@media screen { .m-0-xs { margin: 0rem !important; }
  .m-05-xs { margin: 0.5rem !important; }
  .m-1-xs { margin: 1rem !important; }
  .m-2-xs { margin: 1.5rem !important; }
  .m-3-xs { margin: 2rem !important; }
  .m-4-xs { margin: 3rem !important; }
  .m-5-xs { margin: 4rem !important; }
  .m-6-xs { margin: 5rem !important; }
  .m-t-0-xs { margin-top: 0rem !important; }
  .m-t-05-xs { margin-top: 0.5rem !important; }
  .m-t-1-xs { margin-top: 1rem !important; }
  .m-t-2-xs { margin-top: 1.5rem !important; }
  .m-t-3-xs { margin-top: 2rem !important; }
  .m-t-4-xs { margin-top: 3rem !important; }
  .m-t-5-xs { margin-top: 4rem !important; }
  .m-t-6-xs { margin-top: 5rem !important; }
  .m-b-0-xs { margin-bottom: 0rem !important; }
  .m-b-05-xs { margin-bottom: 0.5rem !important; }
  .m-b-1-xs { margin-bottom: 1rem !important; }
  .m-b-2-xs { margin-bottom: 1.5rem !important; }
  .m-b-3-xs { margin-bottom: 2rem !important; }
  .m-b-4-xs { margin-bottom: 3rem !important; }
  .m-b-5-xs { margin-bottom: 4rem !important; }
  .m-b-6-xs { margin-bottom: 5rem !important; }
  .m-l-0-xs { margin-left: 0rem !important; }
  .m-l-05-xs { margin-left: 0.5rem !important; }
  .m-l-1-xs { margin-left: 1rem !important; }
  .m-l-2-xs { margin-left: 1.5rem !important; }
  .m-l-3-xs { margin-left: 2rem !important; }
  .m-l-4-xs { margin-left: 3rem !important; }
  .m-l-5-xs { margin-left: 4rem !important; }
  .m-l-6-xs { margin-left: 5rem !important; }
  .m-r-0-xs { margin-right: 0rem !important; }
  .m-r-05-xs { margin-right: 0.5rem !important; }
  .m-r-1-xs { margin-right: 1rem !important; }
  .m-r-2-xs { margin-right: 1.5rem !important; }
  .m-r-3-xs { margin-right: 2rem !important; }
  .m-r-4-xs { margin-right: 3rem !important; }
  .m-r-5-xs { margin-right: 4rem !important; }
  .m-r-6-xs { margin-right: 5rem !important; }
  .m-lr-0-xs { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-xs { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-xs { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-xs { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-xs { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-xs { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-xs { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-xs { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-xs { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-xs { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-xs { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-xs { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-xs { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-xs { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-xs { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-xs { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-xs { margin: 0 auto !important; }
  .m-all-auto-xs { margin-all: auto !important; }
  .m-t-auto-xs { margin-top: auto !important; }
  .m-b-auto-xs { margin-bottom: auto !important; }
  .m-l-auto-xs { margin-left: auto !important; }
  .m-r-auto-xs { margin-right: auto !important; }
  .m-lr-auto-xs { margin-: auto !important; }
  .m-tb-auto-xs { margin-: auto !important; } }

@media screen and (min-width: 480px) { .m-0-sm { margin: 0rem !important; }
  .m-05-sm { margin: 0.5rem !important; }
  .m-1-sm { margin: 1rem !important; }
  .m-2-sm { margin: 1.5rem !important; }
  .m-3-sm { margin: 2rem !important; }
  .m-4-sm { margin: 3rem !important; }
  .m-5-sm { margin: 4rem !important; }
  .m-6-sm { margin: 5rem !important; }
  .m-t-0-sm { margin-top: 0rem !important; }
  .m-t-05-sm { margin-top: 0.5rem !important; }
  .m-t-1-sm { margin-top: 1rem !important; }
  .m-t-2-sm { margin-top: 1.5rem !important; }
  .m-t-3-sm { margin-top: 2rem !important; }
  .m-t-4-sm { margin-top: 3rem !important; }
  .m-t-5-sm { margin-top: 4rem !important; }
  .m-t-6-sm { margin-top: 5rem !important; }
  .m-b-0-sm { margin-bottom: 0rem !important; }
  .m-b-05-sm { margin-bottom: 0.5rem !important; }
  .m-b-1-sm { margin-bottom: 1rem !important; }
  .m-b-2-sm { margin-bottom: 1.5rem !important; }
  .m-b-3-sm { margin-bottom: 2rem !important; }
  .m-b-4-sm { margin-bottom: 3rem !important; }
  .m-b-5-sm { margin-bottom: 4rem !important; }
  .m-b-6-sm { margin-bottom: 5rem !important; }
  .m-l-0-sm { margin-left: 0rem !important; }
  .m-l-05-sm { margin-left: 0.5rem !important; }
  .m-l-1-sm { margin-left: 1rem !important; }
  .m-l-2-sm { margin-left: 1.5rem !important; }
  .m-l-3-sm { margin-left: 2rem !important; }
  .m-l-4-sm { margin-left: 3rem !important; }
  .m-l-5-sm { margin-left: 4rem !important; }
  .m-l-6-sm { margin-left: 5rem !important; }
  .m-r-0-sm { margin-right: 0rem !important; }
  .m-r-05-sm { margin-right: 0.5rem !important; }
  .m-r-1-sm { margin-right: 1rem !important; }
  .m-r-2-sm { margin-right: 1.5rem !important; }
  .m-r-3-sm { margin-right: 2rem !important; }
  .m-r-4-sm { margin-right: 3rem !important; }
  .m-r-5-sm { margin-right: 4rem !important; }
  .m-r-6-sm { margin-right: 5rem !important; }
  .m-lr-0-sm { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-sm { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-sm { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-sm { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-sm { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-sm { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-sm { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-sm { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-sm { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-sm { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-sm { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-sm { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-sm { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-sm { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-sm { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-sm { margin: 0 auto !important; }
  .m-all-auto-sm { margin-all: auto !important; }
  .m-t-auto-sm { margin-top: auto !important; }
  .m-b-auto-sm { margin-bottom: auto !important; }
  .m-l-auto-sm { margin-left: auto !important; }
  .m-r-auto-sm { margin-right: auto !important; }
  .m-lr-auto-sm { margin-: auto !important; }
  .m-tb-auto-sm { margin-: auto !important; } }

@media screen and (min-width: 680px) { .m-0-md { margin: 0rem !important; }
  .m-05-md { margin: 0.5rem !important; }
  .m-1-md { margin: 1rem !important; }
  .m-2-md { margin: 1.5rem !important; }
  .m-3-md { margin: 2rem !important; }
  .m-4-md { margin: 3rem !important; }
  .m-5-md { margin: 4rem !important; }
  .m-6-md { margin: 5rem !important; }
  .m-t-0-md { margin-top: 0rem !important; }
  .m-t-05-md { margin-top: 0.5rem !important; }
  .m-t-1-md { margin-top: 1rem !important; }
  .m-t-2-md { margin-top: 1.5rem !important; }
  .m-t-3-md { margin-top: 2rem !important; }
  .m-t-4-md { margin-top: 3rem !important; }
  .m-t-5-md { margin-top: 4rem !important; }
  .m-t-6-md { margin-top: 5rem !important; }
  .m-b-0-md { margin-bottom: 0rem !important; }
  .m-b-05-md { margin-bottom: 0.5rem !important; }
  .m-b-1-md { margin-bottom: 1rem !important; }
  .m-b-2-md { margin-bottom: 1.5rem !important; }
  .m-b-3-md { margin-bottom: 2rem !important; }
  .m-b-4-md { margin-bottom: 3rem !important; }
  .m-b-5-md { margin-bottom: 4rem !important; }
  .m-b-6-md { margin-bottom: 5rem !important; }
  .m-l-0-md { margin-left: 0rem !important; }
  .m-l-05-md { margin-left: 0.5rem !important; }
  .m-l-1-md { margin-left: 1rem !important; }
  .m-l-2-md { margin-left: 1.5rem !important; }
  .m-l-3-md { margin-left: 2rem !important; }
  .m-l-4-md { margin-left: 3rem !important; }
  .m-l-5-md { margin-left: 4rem !important; }
  .m-l-6-md { margin-left: 5rem !important; }
  .m-r-0-md { margin-right: 0rem !important; }
  .m-r-05-md { margin-right: 0.5rem !important; }
  .m-r-1-md { margin-right: 1rem !important; }
  .m-r-2-md { margin-right: 1.5rem !important; }
  .m-r-3-md { margin-right: 2rem !important; }
  .m-r-4-md { margin-right: 3rem !important; }
  .m-r-5-md { margin-right: 4rem !important; }
  .m-r-6-md { margin-right: 5rem !important; }
  .m-lr-0-md { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-md { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-md { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-md { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-md { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-md { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-md { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-md { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-md { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-md { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-md { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-md { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-md { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-md { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-md { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-md { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-md { margin: 0 auto !important; }
  .m-all-auto-md { margin-all: auto !important; }
  .m-t-auto-md { margin-top: auto !important; }
  .m-b-auto-md { margin-bottom: auto !important; }
  .m-l-auto-md { margin-left: auto !important; }
  .m-r-auto-md { margin-right: auto !important; }
  .m-lr-auto-md { margin-: auto !important; }
  .m-tb-auto-md { margin-: auto !important; } }

@media screen and (min-width: 960px) { .m-0-lg { margin: 0rem !important; }
  .m-05-lg { margin: 0.5rem !important; }
  .m-1-lg { margin: 1rem !important; }
  .m-2-lg { margin: 1.5rem !important; }
  .m-3-lg { margin: 2rem !important; }
  .m-4-lg { margin: 3rem !important; }
  .m-5-lg { margin: 4rem !important; }
  .m-6-lg { margin: 5rem !important; }
  .m-t-0-lg { margin-top: 0rem !important; }
  .m-t-05-lg { margin-top: 0.5rem !important; }
  .m-t-1-lg { margin-top: 1rem !important; }
  .m-t-2-lg { margin-top: 1.5rem !important; }
  .m-t-3-lg { margin-top: 2rem !important; }
  .m-t-4-lg { margin-top: 3rem !important; }
  .m-t-5-lg { margin-top: 4rem !important; }
  .m-t-6-lg { margin-top: 5rem !important; }
  .m-b-0-lg { margin-bottom: 0rem !important; }
  .m-b-05-lg { margin-bottom: 0.5rem !important; }
  .m-b-1-lg { margin-bottom: 1rem !important; }
  .m-b-2-lg { margin-bottom: 1.5rem !important; }
  .m-b-3-lg { margin-bottom: 2rem !important; }
  .m-b-4-lg { margin-bottom: 3rem !important; }
  .m-b-5-lg { margin-bottom: 4rem !important; }
  .m-b-6-lg { margin-bottom: 5rem !important; }
  .m-l-0-lg { margin-left: 0rem !important; }
  .m-l-05-lg { margin-left: 0.5rem !important; }
  .m-l-1-lg { margin-left: 1rem !important; }
  .m-l-2-lg { margin-left: 1.5rem !important; }
  .m-l-3-lg { margin-left: 2rem !important; }
  .m-l-4-lg { margin-left: 3rem !important; }
  .m-l-5-lg { margin-left: 4rem !important; }
  .m-l-6-lg { margin-left: 5rem !important; }
  .m-r-0-lg { margin-right: 0rem !important; }
  .m-r-05-lg { margin-right: 0.5rem !important; }
  .m-r-1-lg { margin-right: 1rem !important; }
  .m-r-2-lg { margin-right: 1.5rem !important; }
  .m-r-3-lg { margin-right: 2rem !important; }
  .m-r-4-lg { margin-right: 3rem !important; }
  .m-r-5-lg { margin-right: 4rem !important; }
  .m-r-6-lg { margin-right: 5rem !important; }
  .m-lr-0-lg { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-lg { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-lg { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-lg { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-lg { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-lg { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-lg { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-lg { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-lg { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-lg { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-lg { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-lg { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-lg { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-lg { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-lg { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-lg { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-lg { margin: 0 auto !important; }
  .m-all-auto-lg { margin-all: auto !important; }
  .m-t-auto-lg { margin-top: auto !important; }
  .m-b-auto-lg { margin-bottom: auto !important; }
  .m-l-auto-lg { margin-left: auto !important; }
  .m-r-auto-lg { margin-right: auto !important; }
  .m-lr-auto-lg { margin-: auto !important; }
  .m-tb-auto-lg { margin-: auto !important; } }

@media screen and (min-width: 1140px) { .m-0-xl { margin: 0rem !important; }
  .m-05-xl { margin: 0.5rem !important; }
  .m-1-xl { margin: 1rem !important; }
  .m-2-xl { margin: 1.5rem !important; }
  .m-3-xl { margin: 2rem !important; }
  .m-4-xl { margin: 3rem !important; }
  .m-5-xl { margin: 4rem !important; }
  .m-6-xl { margin: 5rem !important; }
  .m-t-0-xl { margin-top: 0rem !important; }
  .m-t-05-xl { margin-top: 0.5rem !important; }
  .m-t-1-xl { margin-top: 1rem !important; }
  .m-t-2-xl { margin-top: 1.5rem !important; }
  .m-t-3-xl { margin-top: 2rem !important; }
  .m-t-4-xl { margin-top: 3rem !important; }
  .m-t-5-xl { margin-top: 4rem !important; }
  .m-t-6-xl { margin-top: 5rem !important; }
  .m-b-0-xl { margin-bottom: 0rem !important; }
  .m-b-05-xl { margin-bottom: 0.5rem !important; }
  .m-b-1-xl { margin-bottom: 1rem !important; }
  .m-b-2-xl { margin-bottom: 1.5rem !important; }
  .m-b-3-xl { margin-bottom: 2rem !important; }
  .m-b-4-xl { margin-bottom: 3rem !important; }
  .m-b-5-xl { margin-bottom: 4rem !important; }
  .m-b-6-xl { margin-bottom: 5rem !important; }
  .m-l-0-xl { margin-left: 0rem !important; }
  .m-l-05-xl { margin-left: 0.5rem !important; }
  .m-l-1-xl { margin-left: 1rem !important; }
  .m-l-2-xl { margin-left: 1.5rem !important; }
  .m-l-3-xl { margin-left: 2rem !important; }
  .m-l-4-xl { margin-left: 3rem !important; }
  .m-l-5-xl { margin-left: 4rem !important; }
  .m-l-6-xl { margin-left: 5rem !important; }
  .m-r-0-xl { margin-right: 0rem !important; }
  .m-r-05-xl { margin-right: 0.5rem !important; }
  .m-r-1-xl { margin-right: 1rem !important; }
  .m-r-2-xl { margin-right: 1.5rem !important; }
  .m-r-3-xl { margin-right: 2rem !important; }
  .m-r-4-xl { margin-right: 3rem !important; }
  .m-r-5-xl { margin-right: 4rem !important; }
  .m-r-6-xl { margin-right: 5rem !important; }
  .m-lr-0-xl { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-xl { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-xl { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-xl { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-xl { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-xl { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-xl { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-xl { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-xl { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-xl { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-xl { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-xl { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-xl { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-xl { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-xl { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-xl { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-xl { margin: 0 auto !important; }
  .m-all-auto-xl { margin-all: auto !important; }
  .m-t-auto-xl { margin-top: auto !important; }
  .m-b-auto-xl { margin-bottom: auto !important; }
  .m-l-auto-xl { margin-left: auto !important; }
  .m-r-auto-xl { margin-right: auto !important; }
  .m-lr-auto-xl { margin-: auto !important; }
  .m-tb-auto-xl { margin-: auto !important; } }

@media screen { .p-0-xs { padding: 0rem !important; }
  .p-05-xs { padding: 0.5rem !important; }
  .p-1-xs { padding: 1rem !important; }
  .p-2-xs { padding: 1.5rem !important; }
  .p-3-xs { padding: 2rem !important; }
  .p-4-xs { padding: 3rem !important; }
  .p-5-xs { padding: 4rem !important; }
  .p-6-xs { padding: 5rem !important; }
  .p-t-0-xs { padding-top: 0rem !important; }
  .p-t-05-xs { padding-top: 0.5rem !important; }
  .p-t-1-xs { padding-top: 1rem !important; }
  .p-t-2-xs { padding-top: 1.5rem !important; }
  .p-t-3-xs { padding-top: 2rem !important; }
  .p-t-4-xs { padding-top: 3rem !important; }
  .p-t-5-xs { padding-top: 4rem !important; }
  .p-t-6-xs { padding-top: 5rem !important; }
  .p-b-0-xs { padding-bottom: 0rem !important; }
  .p-b-05-xs { padding-bottom: 0.5rem !important; }
  .p-b-1-xs { padding-bottom: 1rem !important; }
  .p-b-2-xs { padding-bottom: 1.5rem !important; }
  .p-b-3-xs { padding-bottom: 2rem !important; }
  .p-b-4-xs { padding-bottom: 3rem !important; }
  .p-b-5-xs { padding-bottom: 4rem !important; }
  .p-b-6-xs { padding-bottom: 5rem !important; }
  .p-l-0-xs { padding-left: 0rem !important; }
  .p-l-05-xs { padding-left: 0.5rem !important; }
  .p-l-1-xs { padding-left: 1rem !important; }
  .p-l-2-xs { padding-left: 1.5rem !important; }
  .p-l-3-xs { padding-left: 2rem !important; }
  .p-l-4-xs { padding-left: 3rem !important; }
  .p-l-5-xs { padding-left: 4rem !important; }
  .p-l-6-xs { padding-left: 5rem !important; }
  .p-r-0-xs { padding-right: 0rem !important; }
  .p-r-05-xs { padding-right: 0.5rem !important; }
  .p-r-1-xs { padding-right: 1rem !important; }
  .p-r-2-xs { padding-right: 1.5rem !important; }
  .p-r-3-xs { padding-right: 2rem !important; }
  .p-r-4-xs { padding-right: 3rem !important; }
  .p-r-5-xs { padding-right: 4rem !important; }
  .p-r-6-xs { padding-right: 5rem !important; }
  .p-lr-0-xs { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-xs { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-xs { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-xs { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-xs { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-xs { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-xs { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-xs { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-xs { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-xs { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-xs { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-xs { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-xs { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-xs { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-xs { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-xs { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 480px) { .p-0-sm { padding: 0rem !important; }
  .p-05-sm { padding: 0.5rem !important; }
  .p-1-sm { padding: 1rem !important; }
  .p-2-sm { padding: 1.5rem !important; }
  .p-3-sm { padding: 2rem !important; }
  .p-4-sm { padding: 3rem !important; }
  .p-5-sm { padding: 4rem !important; }
  .p-6-sm { padding: 5rem !important; }
  .p-t-0-sm { padding-top: 0rem !important; }
  .p-t-05-sm { padding-top: 0.5rem !important; }
  .p-t-1-sm { padding-top: 1rem !important; }
  .p-t-2-sm { padding-top: 1.5rem !important; }
  .p-t-3-sm { padding-top: 2rem !important; }
  .p-t-4-sm { padding-top: 3rem !important; }
  .p-t-5-sm { padding-top: 4rem !important; }
  .p-t-6-sm { padding-top: 5rem !important; }
  .p-b-0-sm { padding-bottom: 0rem !important; }
  .p-b-05-sm { padding-bottom: 0.5rem !important; }
  .p-b-1-sm { padding-bottom: 1rem !important; }
  .p-b-2-sm { padding-bottom: 1.5rem !important; }
  .p-b-3-sm { padding-bottom: 2rem !important; }
  .p-b-4-sm { padding-bottom: 3rem !important; }
  .p-b-5-sm { padding-bottom: 4rem !important; }
  .p-b-6-sm { padding-bottom: 5rem !important; }
  .p-l-0-sm { padding-left: 0rem !important; }
  .p-l-05-sm { padding-left: 0.5rem !important; }
  .p-l-1-sm { padding-left: 1rem !important; }
  .p-l-2-sm { padding-left: 1.5rem !important; }
  .p-l-3-sm { padding-left: 2rem !important; }
  .p-l-4-sm { padding-left: 3rem !important; }
  .p-l-5-sm { padding-left: 4rem !important; }
  .p-l-6-sm { padding-left: 5rem !important; }
  .p-r-0-sm { padding-right: 0rem !important; }
  .p-r-05-sm { padding-right: 0.5rem !important; }
  .p-r-1-sm { padding-right: 1rem !important; }
  .p-r-2-sm { padding-right: 1.5rem !important; }
  .p-r-3-sm { padding-right: 2rem !important; }
  .p-r-4-sm { padding-right: 3rem !important; }
  .p-r-5-sm { padding-right: 4rem !important; }
  .p-r-6-sm { padding-right: 5rem !important; }
  .p-lr-0-sm { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-sm { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-sm { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-sm { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-sm { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-sm { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-sm { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-sm { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-sm { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-sm { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-sm { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-sm { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-sm { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-sm { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-sm { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 680px) { .p-0-md { padding: 0rem !important; }
  .p-05-md { padding: 0.5rem !important; }
  .p-1-md { padding: 1rem !important; }
  .p-2-md { padding: 1.5rem !important; }
  .p-3-md { padding: 2rem !important; }
  .p-4-md { padding: 3rem !important; }
  .p-5-md { padding: 4rem !important; }
  .p-6-md { padding: 5rem !important; }
  .p-t-0-md { padding-top: 0rem !important; }
  .p-t-05-md { padding-top: 0.5rem !important; }
  .p-t-1-md { padding-top: 1rem !important; }
  .p-t-2-md { padding-top: 1.5rem !important; }
  .p-t-3-md { padding-top: 2rem !important; }
  .p-t-4-md { padding-top: 3rem !important; }
  .p-t-5-md { padding-top: 4rem !important; }
  .p-t-6-md { padding-top: 5rem !important; }
  .p-b-0-md { padding-bottom: 0rem !important; }
  .p-b-05-md { padding-bottom: 0.5rem !important; }
  .p-b-1-md { padding-bottom: 1rem !important; }
  .p-b-2-md { padding-bottom: 1.5rem !important; }
  .p-b-3-md { padding-bottom: 2rem !important; }
  .p-b-4-md { padding-bottom: 3rem !important; }
  .p-b-5-md { padding-bottom: 4rem !important; }
  .p-b-6-md { padding-bottom: 5rem !important; }
  .p-l-0-md { padding-left: 0rem !important; }
  .p-l-05-md { padding-left: 0.5rem !important; }
  .p-l-1-md { padding-left: 1rem !important; }
  .p-l-2-md { padding-left: 1.5rem !important; }
  .p-l-3-md { padding-left: 2rem !important; }
  .p-l-4-md { padding-left: 3rem !important; }
  .p-l-5-md { padding-left: 4rem !important; }
  .p-l-6-md { padding-left: 5rem !important; }
  .p-r-0-md { padding-right: 0rem !important; }
  .p-r-05-md { padding-right: 0.5rem !important; }
  .p-r-1-md { padding-right: 1rem !important; }
  .p-r-2-md { padding-right: 1.5rem !important; }
  .p-r-3-md { padding-right: 2rem !important; }
  .p-r-4-md { padding-right: 3rem !important; }
  .p-r-5-md { padding-right: 4rem !important; }
  .p-r-6-md { padding-right: 5rem !important; }
  .p-lr-0-md { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-md { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-md { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-md { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-md { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-md { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-md { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-md { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-md { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-md { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-md { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-md { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-md { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-md { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-md { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-md { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 960px) { .p-0-lg { padding: 0rem !important; }
  .p-05-lg { padding: 0.5rem !important; }
  .p-1-lg { padding: 1rem !important; }
  .p-2-lg { padding: 1.5rem !important; }
  .p-3-lg { padding: 2rem !important; }
  .p-4-lg { padding: 3rem !important; }
  .p-5-lg { padding: 4rem !important; }
  .p-6-lg { padding: 5rem !important; }
  .p-t-0-lg { padding-top: 0rem !important; }
  .p-t-05-lg { padding-top: 0.5rem !important; }
  .p-t-1-lg { padding-top: 1rem !important; }
  .p-t-2-lg { padding-top: 1.5rem !important; }
  .p-t-3-lg { padding-top: 2rem !important; }
  .p-t-4-lg { padding-top: 3rem !important; }
  .p-t-5-lg { padding-top: 4rem !important; }
  .p-t-6-lg { padding-top: 5rem !important; }
  .p-b-0-lg { padding-bottom: 0rem !important; }
  .p-b-05-lg { padding-bottom: 0.5rem !important; }
  .p-b-1-lg { padding-bottom: 1rem !important; }
  .p-b-2-lg { padding-bottom: 1.5rem !important; }
  .p-b-3-lg { padding-bottom: 2rem !important; }
  .p-b-4-lg { padding-bottom: 3rem !important; }
  .p-b-5-lg { padding-bottom: 4rem !important; }
  .p-b-6-lg { padding-bottom: 5rem !important; }
  .p-l-0-lg { padding-left: 0rem !important; }
  .p-l-05-lg { padding-left: 0.5rem !important; }
  .p-l-1-lg { padding-left: 1rem !important; }
  .p-l-2-lg { padding-left: 1.5rem !important; }
  .p-l-3-lg { padding-left: 2rem !important; }
  .p-l-4-lg { padding-left: 3rem !important; }
  .p-l-5-lg { padding-left: 4rem !important; }
  .p-l-6-lg { padding-left: 5rem !important; }
  .p-r-0-lg { padding-right: 0rem !important; }
  .p-r-05-lg { padding-right: 0.5rem !important; }
  .p-r-1-lg { padding-right: 1rem !important; }
  .p-r-2-lg { padding-right: 1.5rem !important; }
  .p-r-3-lg { padding-right: 2rem !important; }
  .p-r-4-lg { padding-right: 3rem !important; }
  .p-r-5-lg { padding-right: 4rem !important; }
  .p-r-6-lg { padding-right: 5rem !important; }
  .p-lr-0-lg { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-lg { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-lg { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-lg { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-lg { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-lg { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-lg { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-lg { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-lg { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-lg { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-lg { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-lg { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-lg { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-lg { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-lg { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-lg { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 1140px) { .p-0-xl { padding: 0rem !important; }
  .p-05-xl { padding: 0.5rem !important; }
  .p-1-xl { padding: 1rem !important; }
  .p-2-xl { padding: 1.5rem !important; }
  .p-3-xl { padding: 2rem !important; }
  .p-4-xl { padding: 3rem !important; }
  .p-5-xl { padding: 4rem !important; }
  .p-6-xl { padding: 5rem !important; }
  .p-t-0-xl { padding-top: 0rem !important; }
  .p-t-05-xl { padding-top: 0.5rem !important; }
  .p-t-1-xl { padding-top: 1rem !important; }
  .p-t-2-xl { padding-top: 1.5rem !important; }
  .p-t-3-xl { padding-top: 2rem !important; }
  .p-t-4-xl { padding-top: 3rem !important; }
  .p-t-5-xl { padding-top: 4rem !important; }
  .p-t-6-xl { padding-top: 5rem !important; }
  .p-b-0-xl { padding-bottom: 0rem !important; }
  .p-b-05-xl { padding-bottom: 0.5rem !important; }
  .p-b-1-xl { padding-bottom: 1rem !important; }
  .p-b-2-xl { padding-bottom: 1.5rem !important; }
  .p-b-3-xl { padding-bottom: 2rem !important; }
  .p-b-4-xl { padding-bottom: 3rem !important; }
  .p-b-5-xl { padding-bottom: 4rem !important; }
  .p-b-6-xl { padding-bottom: 5rem !important; }
  .p-l-0-xl { padding-left: 0rem !important; }
  .p-l-05-xl { padding-left: 0.5rem !important; }
  .p-l-1-xl { padding-left: 1rem !important; }
  .p-l-2-xl { padding-left: 1.5rem !important; }
  .p-l-3-xl { padding-left: 2rem !important; }
  .p-l-4-xl { padding-left: 3rem !important; }
  .p-l-5-xl { padding-left: 4rem !important; }
  .p-l-6-xl { padding-left: 5rem !important; }
  .p-r-0-xl { padding-right: 0rem !important; }
  .p-r-05-xl { padding-right: 0.5rem !important; }
  .p-r-1-xl { padding-right: 1rem !important; }
  .p-r-2-xl { padding-right: 1.5rem !important; }
  .p-r-3-xl { padding-right: 2rem !important; }
  .p-r-4-xl { padding-right: 3rem !important; }
  .p-r-5-xl { padding-right: 4rem !important; }
  .p-r-6-xl { padding-right: 5rem !important; }
  .p-lr-0-xl { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-xl { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-xl { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-xl { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-xl { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-xl { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-xl { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-xl { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-xl { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-xl { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-xl { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-xl { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-xl { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-xl { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-xl { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-xl { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen { .float-l-xs { float: left !important; }
  .float-r-xs { float: right !important; }
  .float-none-xs { float: none !important; } }

@media screen and (min-width: 480px) { .float-l-sm { float: left !important; }
  .float-r-sm { float: right !important; }
  .float-none-sm { float: none !important; } }

@media screen and (min-width: 680px) { .float-l-md { float: left !important; }
  .float-r-md { float: right !important; }
  .float-none-md { float: none !important; } }

@media screen and (min-width: 960px) { .float-l-lg { float: left !important; }
  .float-r-lg { float: right !important; }
  .float-none-lg { float: none !important; } }

@media screen and (min-width: 1140px) { .float-l-xl { float: left !important; }
  .float-r-xl { float: right !important; }
  .float-none-xl { float: none !important; } }

@media screen { .overflow-hidden-xs { overflow: hidden !important; }
  .overflow-auto-xs { overflow: auto !important; }
  .overflow-scroll-xs { overflow: scroll !important; }
  .overflow-visible-xs { overflow: visible !important; } }

@media screen and (min-width: 480px) { .overflow-hidden-sm { overflow: hidden !important; }
  .overflow-auto-sm { overflow: auto !important; }
  .overflow-scroll-sm { overflow: scroll !important; }
  .overflow-visible-sm { overflow: visible !important; } }

@media screen and (min-width: 680px) { .overflow-hidden-md { overflow: hidden !important; }
  .overflow-auto-md { overflow: auto !important; }
  .overflow-scroll-md { overflow: scroll !important; }
  .overflow-visible-md { overflow: visible !important; } }

@media screen and (min-width: 960px) { .overflow-hidden-lg { overflow: hidden !important; }
  .overflow-auto-lg { overflow: auto !important; }
  .overflow-scroll-lg { overflow: scroll !important; }
  .overflow-visible-lg { overflow: visible !important; } }

@media screen and (min-width: 1140px) { .overflow-hidden-xl { overflow: hidden !important; }
  .overflow-auto-xl { overflow: auto !important; }
  .overflow-scroll-xl { overflow: scroll !important; }
  .overflow-visible-xl { overflow: visible !important; } }

@media screen { .w-auto-xs { width: auto !important; }
  .w-full-xs { width: 100% !important; }
  .h-full-xs { height: 100% !important; }
  .w-fit-xs { max-width: 100% !important; } }

@media screen and (min-width: 480px) { .w-auto-sm { width: auto !important; }
  .w-full-sm { width: 100% !important; }
  .h-full-sm { height: 100% !important; }
  .w-fit-sm { max-width: 100% !important; } }

@media screen and (min-width: 680px) { .w-auto-md { width: auto !important; }
  .w-full-md { width: 100% !important; }
  .h-full-md { height: 100% !important; }
  .w-fit-md { max-width: 100% !important; } }

@media screen and (min-width: 960px) { .w-auto-lg { width: auto !important; }
  .w-full-lg { width: 100% !important; }
  .h-full-lg { height: 100% !important; }
  .w-fit-lg { max-width: 100% !important; } }

@media screen and (min-width: 1140px) { .w-auto-xl { width: auto !important; }
  .w-full-xl { width: 100% !important; }
  .h-full-xl { height: 100% !important; }
  .w-fit-xl { max-width: 100% !important; } }

@media screen { .relative-xs { position: relative !important; }
  .absolute-xs { position: absolute !important; }
  .fixed-xs { position: fixed !important; }
  .static-xs { position: static !important; }
  .pos-t-0-xs { top: 0rem !important; }
  .pos-t-05-xs { top: 0.5rem !important; }
  .pos-t-1-xs { top: 1rem !important; }
  .pos-t-2-xs { top: 1.5rem !important; }
  .pos-t-3-xs { top: 2rem !important; }
  .pos-t-4-xs { top: 3rem !important; }
  .pos-t-5-xs { top: 4rem !important; }
  .pos-t-6-xs { top: 5rem !important; }
  .pos-b-0-xs { bottom: 0rem !important; }
  .pos-b-05-xs { bottom: 0.5rem !important; }
  .pos-b-1-xs { bottom: 1rem !important; }
  .pos-b-2-xs { bottom: 1.5rem !important; }
  .pos-b-3-xs { bottom: 2rem !important; }
  .pos-b-4-xs { bottom: 3rem !important; }
  .pos-b-5-xs { bottom: 4rem !important; }
  .pos-b-6-xs { bottom: 5rem !important; }
  .pos-l-0-xs { left: 0rem !important; }
  .pos-l-05-xs { left: 0.5rem !important; }
  .pos-l-1-xs { left: 1rem !important; }
  .pos-l-2-xs { left: 1.5rem !important; }
  .pos-l-3-xs { left: 2rem !important; }
  .pos-l-4-xs { left: 3rem !important; }
  .pos-l-5-xs { left: 4rem !important; }
  .pos-l-6-xs { left: 5rem !important; }
  .pos-r-0-xs { right: 0rem !important; }
  .pos-r-05-xs { right: 0.5rem !important; }
  .pos-r-1-xs { right: 1rem !important; }
  .pos-r-2-xs { right: 1.5rem !important; }
  .pos-r-3-xs { right: 2rem !important; }
  .pos-r-4-xs { right: 3rem !important; }
  .pos-r-5-xs { right: 4rem !important; }
  .pos-r-6-xs { right: 5rem !important; }
  .z-1-xs { z-index: 100 !important; }
  .z-2-xs { z-index: 200 !important; }
  .z-3-xs { z-index: 300 !important; }
  .z-4-xs { z-index: 400 !important; } }

@media screen and (min-width: 480px) { .relative-sm { position: relative !important; }
  .absolute-sm { position: absolute !important; }
  .fixed-sm { position: fixed !important; }
  .static-sm { position: static !important; }
  .pos-t-0-sm { top: 0rem !important; }
  .pos-t-05-sm { top: 0.5rem !important; }
  .pos-t-1-sm { top: 1rem !important; }
  .pos-t-2-sm { top: 1.5rem !important; }
  .pos-t-3-sm { top: 2rem !important; }
  .pos-t-4-sm { top: 3rem !important; }
  .pos-t-5-sm { top: 4rem !important; }
  .pos-t-6-sm { top: 5rem !important; }
  .pos-b-0-sm { bottom: 0rem !important; }
  .pos-b-05-sm { bottom: 0.5rem !important; }
  .pos-b-1-sm { bottom: 1rem !important; }
  .pos-b-2-sm { bottom: 1.5rem !important; }
  .pos-b-3-sm { bottom: 2rem !important; }
  .pos-b-4-sm { bottom: 3rem !important; }
  .pos-b-5-sm { bottom: 4rem !important; }
  .pos-b-6-sm { bottom: 5rem !important; }
  .pos-l-0-sm { left: 0rem !important; }
  .pos-l-05-sm { left: 0.5rem !important; }
  .pos-l-1-sm { left: 1rem !important; }
  .pos-l-2-sm { left: 1.5rem !important; }
  .pos-l-3-sm { left: 2rem !important; }
  .pos-l-4-sm { left: 3rem !important; }
  .pos-l-5-sm { left: 4rem !important; }
  .pos-l-6-sm { left: 5rem !important; }
  .pos-r-0-sm { right: 0rem !important; }
  .pos-r-05-sm { right: 0.5rem !important; }
  .pos-r-1-sm { right: 1rem !important; }
  .pos-r-2-sm { right: 1.5rem !important; }
  .pos-r-3-sm { right: 2rem !important; }
  .pos-r-4-sm { right: 3rem !important; }
  .pos-r-5-sm { right: 4rem !important; }
  .pos-r-6-sm { right: 5rem !important; }
  .z-1-sm { z-index: 100 !important; }
  .z-2-sm { z-index: 200 !important; }
  .z-3-sm { z-index: 300 !important; }
  .z-4-sm { z-index: 400 !important; } }

@media screen and (min-width: 680px) { .relative-md { position: relative !important; }
  .absolute-md { position: absolute !important; }
  .fixed-md { position: fixed !important; }
  .static-md { position: static !important; }
  .pos-t-0-md { top: 0rem !important; }
  .pos-t-05-md { top: 0.5rem !important; }
  .pos-t-1-md { top: 1rem !important; }
  .pos-t-2-md { top: 1.5rem !important; }
  .pos-t-3-md { top: 2rem !important; }
  .pos-t-4-md { top: 3rem !important; }
  .pos-t-5-md { top: 4rem !important; }
  .pos-t-6-md { top: 5rem !important; }
  .pos-b-0-md { bottom: 0rem !important; }
  .pos-b-05-md { bottom: 0.5rem !important; }
  .pos-b-1-md { bottom: 1rem !important; }
  .pos-b-2-md { bottom: 1.5rem !important; }
  .pos-b-3-md { bottom: 2rem !important; }
  .pos-b-4-md { bottom: 3rem !important; }
  .pos-b-5-md { bottom: 4rem !important; }
  .pos-b-6-md { bottom: 5rem !important; }
  .pos-l-0-md { left: 0rem !important; }
  .pos-l-05-md { left: 0.5rem !important; }
  .pos-l-1-md { left: 1rem !important; }
  .pos-l-2-md { left: 1.5rem !important; }
  .pos-l-3-md { left: 2rem !important; }
  .pos-l-4-md { left: 3rem !important; }
  .pos-l-5-md { left: 4rem !important; }
  .pos-l-6-md { left: 5rem !important; }
  .pos-r-0-md { right: 0rem !important; }
  .pos-r-05-md { right: 0.5rem !important; }
  .pos-r-1-md { right: 1rem !important; }
  .pos-r-2-md { right: 1.5rem !important; }
  .pos-r-3-md { right: 2rem !important; }
  .pos-r-4-md { right: 3rem !important; }
  .pos-r-5-md { right: 4rem !important; }
  .pos-r-6-md { right: 5rem !important; }
  .z-1-md { z-index: 100 !important; }
  .z-2-md { z-index: 200 !important; }
  .z-3-md { z-index: 300 !important; }
  .z-4-md { z-index: 400 !important; } }

@media screen and (min-width: 960px) { .relative-lg { position: relative !important; }
  .absolute-lg { position: absolute !important; }
  .fixed-lg { position: fixed !important; }
  .static-lg { position: static !important; }
  .pos-t-0-lg { top: 0rem !important; }
  .pos-t-05-lg { top: 0.5rem !important; }
  .pos-t-1-lg { top: 1rem !important; }
  .pos-t-2-lg { top: 1.5rem !important; }
  .pos-t-3-lg { top: 2rem !important; }
  .pos-t-4-lg { top: 3rem !important; }
  .pos-t-5-lg { top: 4rem !important; }
  .pos-t-6-lg { top: 5rem !important; }
  .pos-b-0-lg { bottom: 0rem !important; }
  .pos-b-05-lg { bottom: 0.5rem !important; }
  .pos-b-1-lg { bottom: 1rem !important; }
  .pos-b-2-lg { bottom: 1.5rem !important; }
  .pos-b-3-lg { bottom: 2rem !important; }
  .pos-b-4-lg { bottom: 3rem !important; }
  .pos-b-5-lg { bottom: 4rem !important; }
  .pos-b-6-lg { bottom: 5rem !important; }
  .pos-l-0-lg { left: 0rem !important; }
  .pos-l-05-lg { left: 0.5rem !important; }
  .pos-l-1-lg { left: 1rem !important; }
  .pos-l-2-lg { left: 1.5rem !important; }
  .pos-l-3-lg { left: 2rem !important; }
  .pos-l-4-lg { left: 3rem !important; }
  .pos-l-5-lg { left: 4rem !important; }
  .pos-l-6-lg { left: 5rem !important; }
  .pos-r-0-lg { right: 0rem !important; }
  .pos-r-05-lg { right: 0.5rem !important; }
  .pos-r-1-lg { right: 1rem !important; }
  .pos-r-2-lg { right: 1.5rem !important; }
  .pos-r-3-lg { right: 2rem !important; }
  .pos-r-4-lg { right: 3rem !important; }
  .pos-r-5-lg { right: 4rem !important; }
  .pos-r-6-lg { right: 5rem !important; }
  .z-1-lg { z-index: 100 !important; }
  .z-2-lg { z-index: 200 !important; }
  .z-3-lg { z-index: 300 !important; }
  .z-4-lg { z-index: 400 !important; } }

@media screen and (min-width: 1140px) { .m-0-xl { margin: 0rem !important; }
  .m-05-xl { margin: 0.5rem !important; }
  .m-1-xl { margin: 1rem !important; }
  .m-2-xl { margin: 1.5rem !important; }
  .m-3-xl { margin: 2rem !important; }
  .m-4-xl { margin: 3rem !important; }
  .m-5-xl { margin: 4rem !important; }
  .m-6-xl { margin: 5rem !important; }
  .m-t-0-xl { margin-top: 0rem !important; }
  .m-t-05-xl { margin-top: 0.5rem !important; }
  .m-t-1-xl { margin-top: 1rem !important; }
  .m-t-2-xl { margin-top: 1.5rem !important; }
  .m-t-3-xl { margin-top: 2rem !important; }
  .m-t-4-xl { margin-top: 3rem !important; }
  .m-t-5-xl { margin-top: 4rem !important; }
  .m-t-6-xl { margin-top: 5rem !important; }
  .m-b-0-xl { margin-bottom: 0rem !important; }
  .m-b-05-xl { margin-bottom: 0.5rem !important; }
  .m-b-1-xl { margin-bottom: 1rem !important; }
  .m-b-2-xl { margin-bottom: 1.5rem !important; }
  .m-b-3-xl { margin-bottom: 2rem !important; }
  .m-b-4-xl { margin-bottom: 3rem !important; }
  .m-b-5-xl { margin-bottom: 4rem !important; }
  .m-b-6-xl { margin-bottom: 5rem !important; }
  .m-l-0-xl { margin-left: 0rem !important; }
  .m-l-05-xl { margin-left: 0.5rem !important; }
  .m-l-1-xl { margin-left: 1rem !important; }
  .m-l-2-xl { margin-left: 1.5rem !important; }
  .m-l-3-xl { margin-left: 2rem !important; }
  .m-l-4-xl { margin-left: 3rem !important; }
  .m-l-5-xl { margin-left: 4rem !important; }
  .m-l-6-xl { margin-left: 5rem !important; }
  .m-r-0-xl { margin-right: 0rem !important; }
  .m-r-05-xl { margin-right: 0.5rem !important; }
  .m-r-1-xl { margin-right: 1rem !important; }
  .m-r-2-xl { margin-right: 1.5rem !important; }
  .m-r-3-xl { margin-right: 2rem !important; }
  .m-r-4-xl { margin-right: 3rem !important; }
  .m-r-5-xl { margin-right: 4rem !important; }
  .m-r-6-xl { margin-right: 5rem !important; }
  .m-lr-0-xl { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-xl { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-xl { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-xl { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-xl { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-xl { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-xl { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-xl { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-xl { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-xl { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-xl { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-xl { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-xl { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-xl { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-xl { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-xl { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-xl { margin: 0 auto !important; }
  .m-all-auto-xl { margin-all: auto !important; }
  .m-t-auto-xl { margin-top: auto !important; }
  .m-b-auto-xl { margin-bottom: auto !important; }
  .m-l-auto-xl { margin-left: auto !important; }
  .m-r-auto-xl { margin-right: auto !important; }
  .m-lr-auto-xl { margin-: auto !important; }
  .m-tb-auto-xl { margin-: auto !important; } }

@media screen { .align-top-xs { vertical-align: top !important; }
  .align-middle-xs { vertical-align: middle !important; }
  .align-bottom-xs { vertical-align: bottom !important; } }

@media screen and (min-width: 480px) { .align-top-sm { vertical-align: top !important; }
  .align-middle-sm { vertical-align: middle !important; }
  .align-bottom-sm { vertical-align: bottom !important; } }

@media screen and (min-width: 680px) { .align-top-md { vertical-align: top !important; }
  .align-middle-md { vertical-align: middle !important; }
  .align-bottom-md { vertical-align: bottom !important; } }

@media screen and (min-width: 960px) { .align-top-lg { vertical-align: top !important; }
  .align-middle-lg { vertical-align: middle !important; }
  .align-bottom-lg { vertical-align: bottom !important; } }

@media screen and (min-width: 1140px) { .align-top-xl { vertical-align: top !important; }
  .align-middle-xl { vertical-align: middle !important; }
  .align-bottom-xl { vertical-align: bottom !important; } }

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

.form-feedback { display: block; margin-top: .5rem; font-size: .9rem; }

.form-feedback-success .form-feedback { color: #24793d; }

.form-feedback-warning .form-feedback { color: #bf570f; }

.form-feedback-error .form-feedback { color: #be4a4a; }

.form-label, .form-helper { display: block; }

.form-label { color: #40484a; font-weight: 700; margin-bottom: .5rem; line-height: 1.3; }

.form-label-required { color: #be4a4a; font-weight: 700; }

.form-feedback-success .form-label { color: #24793d; }

.form-feedback-warning .form-label { color: #bf570f; }

.form-feedback-error .form-label { color: #be4a4a; }

.form-helper { color: #7b8b8e; font-weight: 400; font-size: .9rem; margin-top: .5rem; }

.form-text-input, .form-textarea { background-color: #f9fafa; border-color: #d4d9dd; transition: .2s; margin: 0; font-size: 1rem; padding: .75rem 1rem; outline: none; border: 2px solid #d4d9dd; border-radius: 4px; box-shadow: 0; box-sizing: border-box; color: #40484a; }

.form-text-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder { color: #4b5658; }

.form-text-input:-moz-placeholder, .form-textarea:-moz-placeholder { color: #4b5658; }

.form-text-input::-moz-placeholder, .form-textarea::-moz-placeholder { color: #4b5658; }

.form-text-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder { color: #4b5658; }

.form-text-input .placeholder, .form-textarea .placeholder { color: #4b5658; }

.form-feedback-success .form-text-input, .form-feedback-warning .form-text-input, .form-feedback-error .form-text-input, .form-feedback-success .form-textarea, .form-feedback-warning .form-textarea, .form-feedback-error .form-textarea { background-color: #fff; }

.form-feedback-success .form-text-input, .form-feedback-success .form-textarea { border-color: #24793d; }

.form-feedback-warning .form-text-input, .form-feedback-warning .form-textarea { border-color: #bf570f; }

.form-feedback-error .form-text-input, .form-feedback-error .form-textarea { border-color: #be4a4a; }

.form-text-input:focus, .form-textarea:focus { background-color: #fff; border-color: #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-feedback-success .form-text-input:focus, .form-feedback-warning .form-text-input:focus, .form-feedback-error .form-text-input:focus, .form-feedback-success .form-textarea:focus, .form-feedback-warning .form-textarea:focus, .form-feedback-error .form-textarea:focus { background-color: #fff; }

.form-feedback-success .form-text-input:focus, .form-feedback-success .form-textarea:focus { border-color: #164a25; }

.form-feedback-warning .form-text-input:focus, .form-feedback-warning .form-textarea:focus { border-color: #863d0b; }

.form-feedback-error .form-text-input:focus, .form-feedback-error .form-textarea:focus { border-color: #953636; }

.form-text-input:hover, .form-textarea:hover { border-color: #8c9aa6; }

.form-feedback-success .form-text-input:hover, .form-feedback-success .form-textarea:hover { border-color: #164a25; }

.form-feedback-warning .form-text-input:hover, .form-feedback-warning .form-textarea:hover { border-color: #863d0b; }

.form-feedback-error .form-text-input:hover, .form-feedback-error .form-textarea:hover { border-color: #953636; }

.form-textarea { vertical-align: top; }

.form-select { -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); background-size: .9rem; background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-color: #f9fafa; border: 2px solid #d4d9dd; border-radius: 4px; font-weight: 700; color: #4b5658; outline: none; padding: .844rem 1rem; padding-right: 3rem; line-height: 1; }

.form-feedback-success .form-select, .form-feedback-warning .form-select, .form-feedback-error .form-select { background-color: #fff; }

.form-feedback-success .form-select { border-color: #24793d; }

.form-feedback-warning .form-select { border-color: #bf570f; }

.form-feedback-error .form-select { border-color: #be4a4a; }

.safari .form-select { padding: .85rem 1rem; padding-right: 3rem; }

.ff .form-select { padding: .688rem 1rem; padding-right: 2rem; }

.form-select:focus { background-color: #fff; border: 2px solid #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-feedback-success .form-select:focus, .form-feedback-warning .form-select:focus, .form-feedback-error .form-select:focus { background-color: #fff; }

.form-feedback-success .form-select:focus { border-color: #164a25; }

.form-feedback-warning .form-select:focus { border-color: #863d0b; }

.form-feedback-error .form-select:focus { border-color: #953636; }

.form-select:hover { border: 2px solid #8c9aa6; color: #40484a; cursor: pointer; }

.form-feedback-success .form-select:hover, .form-feedback-warning .form-select:hover, .form-feedback-error .form-select:hover { background-color: #fff; }

.form-feedback-success .form-select:hover { border-color: #164a25; }

.form-feedback-warning .form-select:hover { border-color: #863d0b; }

.form-feedback-error .form-select:hover { border-color: #953636; }

.form-radio, .form-checkbox { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-radio + .form-label, .form-checkbox + .form-label { display: block; font-weight: 400; color: #4b5658; padding: .25rem 0; margin-left: 25px !important; }

.form-radio + .form-label:before, .form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; position: relative; bottom: -2px; margin-right: .5rem; }

.form-radio + .form-label > .form-text-input, .form-checkbox + .form-label > .form-text-input { height: 24px; line-height: 24px; padding-left: 0.25rem; }

.form-radio:checked + .form-label, .form-checkbox:checked + .form-label { color: #40484a; }

.form-radio:focus + .form-label, .form-checkbox:focus + .form-label { color: #40484a; }

.form-radio:focus + .form-label:before, .form-checkbox:focus + .form-label:before { border: 2px solid #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-radio:hover + .form-label, .form-radio:focus + .form-label, .form-checkbox:hover + .form-label, .form-checkbox:focus + .form-label { cursor: pointer; }

.form-radio:hover + .form-label:before, .form-radio:focus + .form-label:before, .form-checkbox:hover + .form-label:before, .form-checkbox:focus + .form-label:before { border: 2px solid #8c9aa6; cursor: pointer; }

.form-radio:hover + .text-color-white:before, .form-radio:focus + .text-color-white:before, .form-checkbox:hover + .text-color-white:before, .form-checkbox:focus + .text-color-white:before { border: 2px solid #fff; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-radio + .form-label:before { border-radius: 50%; border: 2px solid #d4d9dd; margin-left: -25px; }

.form-radio:checked + .form-label:before { border: 5px solid #3f8abf; background-color: #fff; }

.form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 4px; border: 2px solid #d4d9dd; margin-left: -25px !important; }

.form-checkbox:checked + .form-label:before { border: none; background-color: #3f8abf; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E"); background-repeat: none; background-position: center 1px; }

.form-upload { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-upload + .form-label { background-color: #f9fafa; color: #4b5658; display: inline-block; border: 2px solid #d4d9dd; border-radius: 4px; padding: .75rem 1rem; cursor: pointer; transition: .2s; margin-bottom: 0; }

.form-feedback-success .form-upload + .form-label, .form-feedback-warning .form-upload + .form-label, .form-feedback-error .form-upload + .form-label { background-color: #fff; }

.form-feedback-success .form-upload + .form-label { border-color: #24793d; color: #24793d; }

.form-feedback-warning .form-upload + .form-label { border-color: #bf570f; color: #bf570f; }

.form-feedback-error .form-upload + .form-label { border-color: #be4a4a; color: #be4a4a; }

.form-upload:focus + .form-label { background-color: #fff; border: 2px solid #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; color: #40484a; }

.form-feedback-success .form-upload:focus + .form-label { border-color: #164a25; color: #164a25; }

.form-feedback-warning .form-upload:focus + .form-label { border-color: #863d0b; color: #863d0b; }

.form-feedback-error .form-upload:focus + .form-label { border-color: #953636; color: #953636; }

.form-upload + .form-label:hover { border: 2px solid #8c9aa6; color: #40484a; }

.form-feedback-success .form-upload + .form-label:hover { border-color: #164a25; color: #164a25; }

.form-feedback-warning .form-upload + .form-label:hover { border-color: #863d0b; color: #863d0b; }

.form-feedback-error .form-upload + .form-label:hover { border-color: #953636; color: #953636; }

.form-inverse .form-fieldset { padding: 0; border: 0; margin: 0; }

.form-inverse .form-feedback { color: #fff; font-size: .9rem; display: block; padding: 1em; margin-top: 0px; font-weight: 500; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.form-inverse .form-feedback-error input, .form-inverse .form-feedback-error select, .form-inverse .form-feedback-error textarea, .form-inverse .form-feedback-warning input, .form-inverse .form-feedback-warning select, .form-inverse .form-feedback-warning textarea, .form-inverse .form-feedback-success input, .form-inverse .form-feedback-success select, .form-inverse .form-feedback-success textarea { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.form-inverse .form-feedback-error label:hover, .form-inverse .form-feedback-error label:focus, .form-inverse .form-feedback-warning label:hover, .form-inverse .form-feedback-warning label:focus, .form-inverse .form-feedback-success label:hover, .form-inverse .form-feedback-success label:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.form-inverse .form-feedback-error .form-upload ~ .form-feedback, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback, .form-inverse .form-feedback-success .form-upload ~ .form-feedback { display: block; float: left; clear: both; top: 15px; }

.form-inverse .form-feedback-error .form-upload + .form-label, .form-inverse .form-feedback-warning .form-upload + .form-label, .form-inverse .form-feedback-success .form-upload + .form-label { display: block; float: left; }

.form-inverse .form-feedback-error .form-upload + .form-label:focus, .form-inverse .form-feedback-warning .form-upload + .form-label:focus, .form-inverse .form-feedback-success .form-upload + .form-label:focus { border: 2px solid #fff; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-inverse .form-feedback-error .form-radio ~ .form-feedback, .form-inverse .form-feedback-error .form-checkbox ~ .form-feedback, .form-inverse .form-feedback-error .form-upload ~ .form-feedback, .form-inverse .form-feedback-warning .form-radio ~ .form-feedback, .form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback, .form-inverse .form-feedback-success .form-radio ~ .form-feedback, .form-inverse .form-feedback-success .form-checkbox ~ .form-feedback, .form-inverse .form-feedback-success .form-upload ~ .form-feedback { color: #fff; font-size: 12px; display: inline-block; position: relative; padding: 1em; margin-top: 0px; font-weight: 500; border-radius: 4px; }

.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-error .form-upload ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after, .form-inverse .form-feedback-success .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-success .form-upload ~ .form-feedback:after { bottom: 100%; left: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(190, 74, 74, 0); border-width: 8px; margin-left: -8px; }

.form-inverse .form-feedback-success .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-success .form-upload ~ .form-feedback:after { border-bottom-color: #24793d; }

.form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after { border-bottom-color: #bf570f; }

.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-error .form-upload ~ .form-feedback:after { border-bottom-color: #be4a4a; }

.form-inverse .form-feedback-success .form-feedback { background-color: #24793d; }

.form-inverse .form-feedback-success input, .form-inverse .form-feedback-success select, .form-inverse .form-feedback-success textarea { border: 2px solid #24793d; }

.form-inverse .form-feedback-warning .form-feedback { background-color: #bf570f; }

.form-inverse .form-feedback-warning input, .form-inverse .form-feedback-warning select, .form-inverse .form-feedback-warning textarea { border: 2px solid #bf570f; }

.form-inverse .form-feedback-error .form-feedback { background-color: #be4a4a; }

.form-inverse .form-feedback-error input, .form-inverse .form-feedback-error select, .form-inverse .form-feedback-error textarea { border: 2px solid #be4a4a; }

.form-inverse .form-feedback-success .form-upload + .form-label { border: 2px solid #24793d; }

.form-inverse .form-feedback-warning .form-upload + .form-label { border: 2px solid #bf570f; }

.form-inverse .form-feedback-error .form-upload + .form-label { border: 2px solid #be4a4a; }

.form-inverse .form-label, .form-inverse .form-helper { display: block; }

.form-inverse .form-label { color: #fff; font-weight: 700; margin-bottom: .5rem; line-height: 1.3; position: relative; }

.form-inverse .form-label:hover { cursor: pointer; }

.form-inverse .form-label-required { color: #be4a4a; font-weight: 700; }

.form-inverse .form-label-required-inset { color: #be4a4a; font-weight: 700; position: absolute; top: 33px; right: 8px; }

.form-feedback-success .form-inverse .form-label { color: #24793d; }

.form-feedback-warning .form-inverse .form-label { color: #bf570f; }

.form-feedback-error .form-inverse .form-label { color: #be4a4a; }

.form-inverse .form-helper { color: #fff; font-weight: 400; font-size: .9rem; margin-top: .5rem; }

.form-inverse .form-text-input, .form-inverse .form-textarea { background-color: #f9fafa; border-color: #d4d9dd; transition: .2s; margin: 0; font-size: 1rem; padding: .75rem 1rem; outline: none; border: 2px solid #fff; border-radius: 4px; box-shadow: 0; box-sizing: border-box; color: #40484a; }

.form-inverse .form-text-input::-webkit-input-placeholder, .form-inverse .form-textarea::-webkit-input-placeholder { color: #4b5658; }

.form-inverse .form-text-input:-moz-placeholder, .form-inverse .form-textarea:-moz-placeholder { color: #4b5658; }

.form-inverse .form-text-input::-moz-placeholder, .form-inverse .form-textarea::-moz-placeholder { color: #4b5658; }

.form-inverse .form-text-input:-ms-input-placeholder, .form-inverse .form-textarea:-ms-input-placeholder { color: #4b5658; }

.form-inverse .form-text-input .placeholder, .form-inverse .form-textarea .placeholder { color: #4b5658; }

.form-feedback-success .form-inverse .form-text-input, .form-feedback-warning .form-inverse .form-text-input, .form-feedback-error .form-inverse .form-text-input, .form-feedback-success .form-inverse .form-textarea, .form-feedback-warning .form-inverse .form-textarea, .form-feedback-error .form-inverse .form-textarea { background-color: #fff; }

.form-feedback-success .form-inverse .form-text-input, .form-feedback-success .form-inverse .form-textarea { border-color: #164a25; }

.form-feedback-warning .form-inverse .form-text-input, .form-feedback-warning .form-inverse .form-textarea { border-color: #863d0b; }

.form-feedback-error .form-inverse .form-text-input, .form-feedback-error .form-inverse .form-textarea { border-color: #953636; }

.form-inverse .form-text-input:hover, .form-inverse .form-textarea:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); }

.form-inverse .form-text-input:focus, .form-inverse .form-textarea:focus { border: 2px solid #fff; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-feedback-success .form-inverse .form-text-input:focus, .form-feedback-warning .form-inverse .form-text-input:focus, .form-feedback-error .form-inverse .form-text-input:focus, .form-feedback-success .form-inverse .form-textarea:focus, .form-feedback-warning .form-inverse .form-textarea:focus, .form-feedback-error .form-inverse .form-textarea:focus { background-color: #fff; }

.form-inverse .form-textarea { vertical-align: top; }

.form-inverse .form-select { -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); background-size: .9rem; background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-color: #f9fafa; border: 2px solid #fff; border-radius: 4px; font-weight: 700; color: #4b5658; outline: none; padding: .844rem 1rem; padding-right: 3rem; line-height: 1; }

.safari .form-inverse .form-select { padding: .85rem 1rem; padding-right: 3rem; }

.ff .form-inverse .form-select { padding: .688rem 1rem; padding-right: 2rem; }

.form-inverse .form-select:focus { background-color: #fff; border: 2px solid #fff; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-inverse .form-select:hover { background-color: #fff; color: #40484a; -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); cursor: pointer; }

.form-inverse .form-radio, .form-inverse .form-checkbox { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-inverse .form-radio + .form-label, .form-inverse .form-checkbox + .form-label { display: block; font-weight: 400; color: #fff; padding: .25rem 0; margin-left: 25px !important; }

.form-inverse .form-radio + .form-label:before, .form-inverse .form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; position: relative; bottom: -2px; margin-right: .5rem; }

.form-inverse .form-radio + .form-label > .form-text-input, .form-inverse .form-checkbox + .form-label > .form-text-input { height: 24px; line-height: 24px; padding-left: 0.25rem; }

.form-inverse .form-radio:checked + .form-label, .form-inverse .form-checkbox:checked + .form-label { color: #fff; }

.form-inverse .form-radio:hover + .form-label:before, .form-inverse .form-checkbox:hover + .form-label:before { border: 2px solid #fff; cursor: pointer; -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); }

.form-inverse .form-radio:focus + .form-label:before, .form-inverse .form-checkbox:focus + .form-label:before { border: 2px solid #fff; cursor: pointer; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-inverse .form-radio + .form-label:before { border-radius: 50%; border: 2px solid #f0f2f4; margin-left: -25px; }

.form-inverse .form-radio:checked + .form-label:before { border: 5px solid #fff; background-color: #3f8abf; }

.form-inverse .form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 4px; border: 2px solid #f0f2f4; margin-left: -25px !important; }

.form-inverse .form-checkbox:checked + .form-label:before { border: none; background-color: #3f8abf; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E"); background-repeat: none; background-position: center 1px; border: 2px solid #fff; }

.form-inverse .form-upload { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-inverse .form-upload + .form-label { background-color: #f9fafa; color: #4b5658; display: inline-block; border: 2px solid #fff; border-radius: 4px; padding: .75rem 1rem; cursor: pointer; transition: .2s; margin-bottom: 0; }

.form-feedback-success .form-inverse .form-upload + .form-label, .form-feedback-warning .form-inverse .form-upload + .form-label, .form-feedback-error .form-inverse .form-upload + .form-label { background-color: #fff; }

.form-feedback-success .form-inverse .form-upload + .form-label { border-color: #24793d; color: #24793d; }

.form-feedback-warning .form-inverse .form-upload + .form-label { border-color: #bf570f; color: #bf570f; }

.form-feedback-error .form-inverse .form-upload + .form-label { border-color: #be4a4a; color: #be4a4a; }

.form-inverse .form-upload + .form-label:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); }

.form-inverse .form-upload:focus + .form-label { box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; color: #40484a; }

table { width: 100%; border-collapse: collapse; }

table th { font-weight: 600; }

table th, table td { text-align: left; padding: .5rem; }

.table-border-rows { border: 1px solid #e8ebed !important; }

.table-border-rows th, .table-border-rows td { border-bottom: 1px solid #e8ebed !important; }

.table-border-rows tr:last-child td { border-bottom: none; }

.table-border-rows-dark { border: 1px solid #b7c0c7 !important; }

.table-border-rows-dark th, .table-border-rows-dark td { border-bottom: 1px solid #b7c0c7 !important; }

.table-border-rows-dark tr:last-child td { border-bottom: none; }

.table-border-rows-mid { border: 1px solid #d4d9dd !important; }

.table-border-rows-mid th, .table-border-rows-mid td { border-bottom: 1px solid #d4d9dd !important; }

.table-border-rows-mid tr:last-child td { border-bottom: none; }

.table-border-rows-light { border: 1px solid #f0f2f4 !important; }

.table-border-rows-light th, .table-border-rows-light td { border-bottom: 1px solid #f0f2f4 !important; }

.table-border-rows-light tr:last-child td { border-bottom: none; }

.table-border-cells { border: 1px solid #e8ebed !important; }

.table-border-cells th, .table-border-cells td { border-bottom: 1px solid #e8ebed !important; border-left: 1px solid #e8ebed !important; }

.table-border-cells tr:last-child td { border-bottom: none; }

.table-border-cells-dark { border: 1px solid #b7c0c7 !important; }

.table-border-cells-dark th, .table-border-cells-dark td { border-bottom: 1px solid #b7c0c7 !important; border-left: 1px solid #b7c0c7 !important; }

.table-border-cells-dark tr:last-child td { border-bottom: none; }

.table-border-cells-mid { border: 1px solid #d4d9dd !important; }

.table-border-cells-mid th, .table-border-cells-mid td { border-bottom: 1px solid #d4d9dd !important; border-left: 1px solid #d4d9dd !important; }

.table-border-cells-mid tr:last-child td { border-bottom: none; }

.table-border-cells-light { border: 1px solid #f0f2f4 !important; }

.table-border-cells-light th, .table-border-cells-light td { border-bottom: 1px solid #f0f2f4 !important; border-left: 1px solid #f0f2f4 !important; }

.table-border-cells-light tr:last-child td { border-bottom: none; }

.table-border-columns { border: 1px solid #e8ebed !important; }

.table-border-columns th, .table-border-columns td { border-left: 1px solid #e8ebed !important; }

.table-border-columns tr:last-child td { border-bottom: none; }

.table-border-columns-dark { border: 1px solid #b7c0c7 !important; }

.table-border-columns-dark th, .table-border-columns-dark td { border-left: 1px solid #b7c0c7 !important; }

.table-border-columns-dark tr:last-child td { border-bottom: none; }

.table-border-columns-mid { border: 1px solid #d4d9dd !important; }

.table-border-columns-mid th, .table-border-columns-mid td { border-left: 1px solid #d4d9dd !important; }

.table-border-columns-mid tr:last-child td { border-bottom: none; }

.table-border-columns-light { border: 1px solid #f0f2f4 !important; }

.table-border-columns-light th, .table-border-columns-light td { border-left: 1px solid #f0f2f4 !important; }

.table-border-columns-light tr:last-child td { border-bottom: none; }

@media screen { .rotate-0-xs { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-xs { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-xs { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-xs { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-xs { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-xs { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-xs { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-xs { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 480px) { .rotate-0-sm { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-sm { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-sm { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-sm { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-sm { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-sm { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-sm { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-sm { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 680px) { .rotate-0-md { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-md { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-md { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-md { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-md { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-md { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-md { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-md { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 960px) { .rotate-0-lg { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-lg { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-lg { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-lg { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-lg { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-lg { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-lg { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-lg { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 1140px) { .rotate-0-xl { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-xl { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-xl { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-xl { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-xl { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-xl { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-xl { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-xl { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen { .flex-block-xs { display: flex !important; }
  .flex-inline-xs { display: inline-flex !important; }
  .flex-row-xs { flex-direction: row !important; }
  .flex-row-reverse-xs { flex-direction: row-reverse !important; }
  .flex-column-xs { flex-direction: column !important; }
  .flex-column-reverse-xs { flex-direction: column-reverse !important; }
  .flex-wrap-xs { flex-wrap: wrap !important; }
  .flex-nowrap-xs { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-xs { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-xs { justify-content: flex-start !important; }
  .flex-justify-end-xs { justify-content: flex-end !important; }
  .flex-justify-center-xs { justify-content: center !important; }
  .flex-justify-between-xs { justify-content: space-between !important; }
  .flex-justify-around-xs { justify-content: space-around !important; }
  .flex-item-start-xs { align-items: flex-start !important; }
  .flex-item-end-xs { align-items: flex-end !important; }
  .flex-item-center-xs { align-items: center !important; }
  .flex-item-stretch-xs { align-items: stretch !important; }
  .flex-item-baseline-xs { align-items: baseline !important; }
  .flex-content-start-xs { align-content: flex-start !important; }
  .flex-content-end-xs { align-content: flex-end !important; }
  .flex-content-center-xs { align-content: center !important; }
  .flex-content-around-xs { align-content: space-around !important; }
  .flex-content-between-xs { align-content: space-between !important; }
  .flex-content-stretch-xs { align-content: stretch !important; }
  .flex-order-1-xs { order: 1 !important; }
  .flex-order-2-xs { order: 2 !important; }
  .flex-order-3-xs { order: 3 !important; }
  .flex-order-4-xs { order: 4 !important; }
  .flex-order-5-xs { order: 5 !important; }
  .flex-order-6-xs { order: 6 !important; }
  .flex-grow-0-xs { flex-grow: 0 !important; }
  .flex-grow-1-xs { flex-grow: 1 !important; }
  .flex-grow-2-xs { flex-grow: 2 !important; }
  .flex-grow-3-xs { flex-grow: 3 !important; }
  .flex-grow-4-xs { flex-grow: 4 !important; }
  .flex-grow-5-xs { flex-grow: 5 !important; }
  .flex-grow-6-xs { flex-grow: 6 !important; }
  .flex-shrink-1-xs { flex-shrink: 1 !important; }
  .flex-shrink-2-xs { flex-shrink: 2 !important; }
  .flex-shrink-3-xs { flex-shrink: 3 !important; }
  .flex-shrink-4-xs { flex-shrink: 4 !important; }
  .flex-shrink-5-xs { flex-shrink: 5 !important; }
  .flex-shrink-6-xs { flex-shrink: 6 !important; }
  .flex-basis-5-xs { flex-basis: 5% !important; }
  .flex-basis-10-xs { flex-basis: 10% !important; }
  .flex-basis-15-xs { flex-basis: 15% !important; }
  .flex-basis-20-xs { flex-basis: 20% !important; }
  .flex-basis-25-xs { flex-basis: 25% !important; }
  .flex-basis-30-xs { flex-basis: 30% !important; }
  .flex-basis-33-xs { flex-basis: 33% !important; }
  .flex-basis-35-xs { flex-basis: 35% !important; }
  .flex-basis-40-xs { flex-basis: 40% !important; }
  .flex-basis-45-xs { flex-basis: 45% !important; }
  .flex-basis-50-xs { flex-basis: 50% !important; }
  .flex-basis-55-xs { flex-basis: 55% !important; }
  .flex-basis-60-xs { flex-basis: 60% !important; }
  .flex-basis-65-xs { flex-basis: 65% !important; }
  .flex-basis-70-xs { flex-basis: 70% !important; }
  .flex-basis-75-xs { flex-basis: 75% !important; }
  .flex-basis-80-xs { flex-basis: 80% !important; }
  .flex-basis-85-xs { flex-basis: 85% !important; }
  .flex-basis-90-xs { flex-basis: 90% !important; }
  .flex-basis-95-xs { flex-basis: 95% !important; }
  .flex-basis-100-xs { flex-basis: 100% !important; }
  .flex-basis-auto-xs { flex-basis: auto !important; }
  .flex-basis-s0-xs { flex-basis: 0rem !important; }
  .flex-basis-s05-xs { flex-basis: 0.5rem !important; }
  .flex-basis-s1-xs { flex-basis: 1rem !important; }
  .flex-basis-s2-xs { flex-basis: 1.5rem !important; }
  .flex-basis-s3-xs { flex-basis: 2rem !important; }
  .flex-basis-s4-xs { flex-basis: 3rem !important; }
  .flex-basis-s5-xs { flex-basis: 4rem !important; }
  .flex-basis-s6-xs { flex-basis: 5rem !important; }
  .flex-self-auto-xs { align-self: auto !important; }
  .flex-self-start-xs { align-self: flex-start !important; }
  .flex-self-start-flush-xs { align-self: start !important; }
  .flex-self-end-xs { align-self: flex-end !important; }
  .flex-self-end-flush-xs { align-self: end !important; }
  .flex-self-center-xs { align-self: center !important; }
  .flex-self-stretch-xs { align-self: stretch !important; }
  .flex-self-baseline-xs { align-self: baseline !important; } }

@media screen and (min-width: 480px) { .flex-block-sm { display: flex !important; }
  .flex-inline-sm { display: inline-flex !important; }
  .flex-row-sm { flex-direction: row !important; }
  .flex-row-reverse-sm { flex-direction: row-reverse !important; }
  .flex-column-sm { flex-direction: column !important; }
  .flex-column-reverse-sm { flex-direction: column-reverse !important; }
  .flex-wrap-sm { flex-wrap: wrap !important; }
  .flex-nowrap-sm { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-sm { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-sm { justify-content: flex-start !important; }
  .flex-justify-end-sm { justify-content: flex-end !important; }
  .flex-justify-center-sm { justify-content: center !important; }
  .flex-justify-between-sm { justify-content: space-between !important; }
  .flex-justify-around-sm { justify-content: space-around !important; }
  .flex-item-start-sm { align-items: flex-start !important; }
  .flex-item-end-sm { align-items: flex-end !important; }
  .flex-item-center-sm { align-items: center !important; }
  .flex-item-stretch-sm { align-items: stretch !important; }
  .flex-item-baseline-sm { align-items: baseline !important; }
  .flex-content-start-sm { align-content: flex-start !important; }
  .flex-content-end-sm { align-content: flex-end !important; }
  .flex-content-center-sm { align-content: center !important; }
  .flex-content-around-sm { align-content: space-around !important; }
  .flex-content-between-sm { align-content: space-between !important; }
  .flex-content-stretch-sm { align-content: stretch !important; }
  .flex-order-1-sm { order: 1 !important; }
  .flex-order-2-sm { order: 2 !important; }
  .flex-order-3-sm { order: 3 !important; }
  .flex-order-4-sm { order: 4 !important; }
  .flex-order-5-sm { order: 5 !important; }
  .flex-order-6-sm { order: 6 !important; }
  .flex-grow-0-sm { flex-grow: 0 !important; }
  .flex-grow-1-sm { flex-grow: 1 !important; }
  .flex-grow-2-sm { flex-grow: 2 !important; }
  .flex-grow-3-sm { flex-grow: 3 !important; }
  .flex-grow-4-sm { flex-grow: 4 !important; }
  .flex-grow-5-sm { flex-grow: 5 !important; }
  .flex-grow-6-sm { flex-grow: 6 !important; }
  .flex-shrink-1-sm { flex-shrink: 1 !important; }
  .flex-shrink-2-sm { flex-shrink: 2 !important; }
  .flex-shrink-3-sm { flex-shrink: 3 !important; }
  .flex-shrink-4-sm { flex-shrink: 4 !important; }
  .flex-shrink-5-sm { flex-shrink: 5 !important; }
  .flex-shrink-6-sm { flex-shrink: 6 !important; }
  .flex-basis-5-sm { flex-basis: 5% !important; }
  .flex-basis-10-sm { flex-basis: 10% !important; }
  .flex-basis-15-sm { flex-basis: 15% !important; }
  .flex-basis-20-sm { flex-basis: 20% !important; }
  .flex-basis-25-sm { flex-basis: 25% !important; }
  .flex-basis-30-sm { flex-basis: 30% !important; }
  .flex-basis-33-sm { flex-basis: 33% !important; }
  .flex-basis-35-sm { flex-basis: 35% !important; }
  .flex-basis-40-sm { flex-basis: 40% !important; }
  .flex-basis-45-sm { flex-basis: 45% !important; }
  .flex-basis-50-sm { flex-basis: 50% !important; }
  .flex-basis-55-sm { flex-basis: 55% !important; }
  .flex-basis-60-sm { flex-basis: 60% !important; }
  .flex-basis-65-sm { flex-basis: 65% !important; }
  .flex-basis-70-sm { flex-basis: 70% !important; }
  .flex-basis-75-sm { flex-basis: 75% !important; }
  .flex-basis-80-sm { flex-basis: 80% !important; }
  .flex-basis-85-sm { flex-basis: 85% !important; }
  .flex-basis-90-sm { flex-basis: 90% !important; }
  .flex-basis-95-sm { flex-basis: 95% !important; }
  .flex-basis-100-sm { flex-basis: 100% !important; }
  .flex-basis-auto-sm { flex-basis: auto !important; }
  .flex-basis-s0-sm { flex-basis: 0rem !important; }
  .flex-basis-s05-sm { flex-basis: 0.5rem !important; }
  .flex-basis-s1-sm { flex-basis: 1rem !important; }
  .flex-basis-s2-sm { flex-basis: 1.5rem !important; }
  .flex-basis-s3-sm { flex-basis: 2rem !important; }
  .flex-basis-s4-sm { flex-basis: 3rem !important; }
  .flex-basis-s5-sm { flex-basis: 4rem !important; }
  .flex-basis-s6-sm { flex-basis: 5rem !important; }
  .flex-self-auto-sm { align-self: auto !important; }
  .flex-self-start-sm { align-self: flex-start !important; }
  .flex-self-start-flush-sm { align-self: start !important; }
  .flex-self-end-sm { align-self: flex-end !important; }
  .flex-self-end-flush-sm { align-self: end !important; }
  .flex-self-center-sm { align-self: center !important; }
  .flex-self-stretch-sm { align-self: stretch !important; }
  .flex-self-baseline-sm { align-self: baseline !important; } }

@media screen and (min-width: 680px) { .flex-block-md { display: flex !important; }
  .flex-inline-md { display: inline-flex !important; }
  .flex-row-md { flex-direction: row !important; }
  .flex-row-reverse-md { flex-direction: row-reverse !important; }
  .flex-column-md { flex-direction: column !important; }
  .flex-column-reverse-md { flex-direction: column-reverse !important; }
  .flex-wrap-md { flex-wrap: wrap !important; }
  .flex-nowrap-md { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-md { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-md { justify-content: flex-start !important; }
  .flex-justify-end-md { justify-content: flex-end !important; }
  .flex-justify-center-md { justify-content: center !important; }
  .flex-justify-between-md { justify-content: space-between !important; }
  .flex-justify-around-md { justify-content: space-around !important; }
  .flex-item-start-md { align-items: flex-start !important; }
  .flex-item-end-md { align-items: flex-end !important; }
  .flex-item-center-md { align-items: center !important; }
  .flex-item-stretch-md { align-items: stretch !important; }
  .flex-item-baseline-md { align-items: baseline !important; }
  .flex-content-start-md { align-content: flex-start !important; }
  .flex-content-end-md { align-content: flex-end !important; }
  .flex-content-center-md { align-content: center !important; }
  .flex-content-around-md { align-content: space-around !important; }
  .flex-content-between-md { align-content: space-between !important; }
  .flex-content-stretch-md { align-content: stretch !important; }
  .flex-order-1-md { order: 1 !important; }
  .flex-order-2-md { order: 2 !important; }
  .flex-order-3-md { order: 3 !important; }
  .flex-order-4-md { order: 4 !important; }
  .flex-order-5-md { order: 5 !important; }
  .flex-order-6-md { order: 6 !important; }
  .flex-grow-0-md { flex-grow: 0 !important; }
  .flex-grow-1-md { flex-grow: 1 !important; }
  .flex-grow-2-md { flex-grow: 2 !important; }
  .flex-grow-3-md { flex-grow: 3 !important; }
  .flex-grow-4-md { flex-grow: 4 !important; }
  .flex-grow-5-md { flex-grow: 5 !important; }
  .flex-grow-6-md { flex-grow: 6 !important; }
  .flex-shrink-1-md { flex-shrink: 1 !important; }
  .flex-shrink-2-md { flex-shrink: 2 !important; }
  .flex-shrink-3-md { flex-shrink: 3 !important; }
  .flex-shrink-4-md { flex-shrink: 4 !important; }
  .flex-shrink-5-md { flex-shrink: 5 !important; }
  .flex-shrink-6-md { flex-shrink: 6 !important; }
  .flex-basis-5-md { flex-basis: 5% !important; }
  .flex-basis-10-md { flex-basis: 10% !important; }
  .flex-basis-15-md { flex-basis: 15% !important; }
  .flex-basis-20-md { flex-basis: 20% !important; }
  .flex-basis-25-md { flex-basis: 25% !important; }
  .flex-basis-30-md { flex-basis: 30% !important; }
  .flex-basis-33-md { flex-basis: 33% !important; }
  .flex-basis-35-md { flex-basis: 35% !important; }
  .flex-basis-40-md { flex-basis: 40% !important; }
  .flex-basis-45-md { flex-basis: 45% !important; }
  .flex-basis-50-md { flex-basis: 50% !important; }
  .flex-basis-55-md { flex-basis: 55% !important; }
  .flex-basis-60-md { flex-basis: 60% !important; }
  .flex-basis-65-md { flex-basis: 65% !important; }
  .flex-basis-70-md { flex-basis: 70% !important; }
  .flex-basis-75-md { flex-basis: 75% !important; }
  .flex-basis-80-md { flex-basis: 80% !important; }
  .flex-basis-85-md { flex-basis: 85% !important; }
  .flex-basis-90-md { flex-basis: 90% !important; }
  .flex-basis-95-md { flex-basis: 95% !important; }
  .flex-basis-100-md { flex-basis: 100% !important; }
  .flex-basis-auto-md { flex-basis: auto !important; }
  .flex-basis-s0-md { flex-basis: 0rem !important; }
  .flex-basis-s05-md { flex-basis: 0.5rem !important; }
  .flex-basis-s1-md { flex-basis: 1rem !important; }
  .flex-basis-s2-md { flex-basis: 1.5rem !important; }
  .flex-basis-s3-md { flex-basis: 2rem !important; }
  .flex-basis-s4-md { flex-basis: 3rem !important; }
  .flex-basis-s5-md { flex-basis: 4rem !important; }
  .flex-basis-s6-md { flex-basis: 5rem !important; }
  .flex-self-auto-md { align-self: auto !important; }
  .flex-self-start-md { align-self: flex-start !important; }
  .flex-self-start-flush-md { align-self: start !important; }
  .flex-self-end-md { align-self: flex-end !important; }
  .flex-self-end-flush-md { align-self: end !important; }
  .flex-self-center-md { align-self: center !important; }
  .flex-self-stretch-md { align-self: stretch !important; }
  .flex-self-baseline-md { align-self: baseline !important; } }

@media screen and (min-width: 960px) { .flex-block-lg { display: flex !important; }
  .flex-inline-lg { display: inline-flex !important; }
  .flex-row-lg { flex-direction: row !important; }
  .flex-row-reverse-lg { flex-direction: row-reverse !important; }
  .flex-column-lg { flex-direction: column !important; }
  .flex-column-reverse-lg { flex-direction: column-reverse !important; }
  .flex-wrap-lg { flex-wrap: wrap !important; }
  .flex-nowrap-lg { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-lg { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-lg { justify-content: flex-start !important; }
  .flex-justify-end-lg { justify-content: flex-end !important; }
  .flex-justify-center-lg { justify-content: center !important; }
  .flex-justify-between-lg { justify-content: space-between !important; }
  .flex-justify-around-lg { justify-content: space-around !important; }
  .flex-item-start-lg { align-items: flex-start !important; }
  .flex-item-end-lg { align-items: flex-end !important; }
  .flex-item-center-lg { align-items: center !important; }
  .flex-item-stretch-lg { align-items: stretch !important; }
  .flex-item-baseline-lg { align-items: baseline !important; }
  .flex-content-start-lg { align-content: flex-start !important; }
  .flex-content-end-lg { align-content: flex-end !important; }
  .flex-content-center-lg { align-content: center !important; }
  .flex-content-around-lg { align-content: space-around !important; }
  .flex-content-between-lg { align-content: space-between !important; }
  .flex-content-stretch-lg { align-content: stretch !important; }
  .flex-order-1-lg { order: 1 !important; }
  .flex-order-2-lg { order: 2 !important; }
  .flex-order-3-lg { order: 3 !important; }
  .flex-order-4-lg { order: 4 !important; }
  .flex-order-5-lg { order: 5 !important; }
  .flex-order-6-lg { order: 6 !important; }
  .flex-grow-0-lg { flex-grow: 0 !important; }
  .flex-grow-1-lg { flex-grow: 1 !important; }
  .flex-grow-2-lg { flex-grow: 2 !important; }
  .flex-grow-3-lg { flex-grow: 3 !important; }
  .flex-grow-4-lg { flex-grow: 4 !important; }
  .flex-grow-5-lg { flex-grow: 5 !important; }
  .flex-grow-6-lg { flex-grow: 6 !important; }
  .flex-shrink-1-lg { flex-shrink: 1 !important; }
  .flex-shrink-2-lg { flex-shrink: 2 !important; }
  .flex-shrink-3-lg { flex-shrink: 3 !important; }
  .flex-shrink-4-lg { flex-shrink: 4 !important; }
  .flex-shrink-5-lg { flex-shrink: 5 !important; }
  .flex-shrink-6-lg { flex-shrink: 6 !important; }
  .flex-basis-5-lg { flex-basis: 5% !important; }
  .flex-basis-10-lg { flex-basis: 10% !important; }
  .flex-basis-15-lg { flex-basis: 15% !important; }
  .flex-basis-20-lg { flex-basis: 20% !important; }
  .flex-basis-25-lg { flex-basis: 25% !important; }
  .flex-basis-30-lg { flex-basis: 30% !important; }
  .flex-basis-33-lg { flex-basis: 33% !important; }
  .flex-basis-35-lg { flex-basis: 35% !important; }
  .flex-basis-40-lg { flex-basis: 40% !important; }
  .flex-basis-45-lg { flex-basis: 45% !important; }
  .flex-basis-50-lg { flex-basis: 50% !important; }
  .flex-basis-55-lg { flex-basis: 55% !important; }
  .flex-basis-60-lg { flex-basis: 60% !important; }
  .flex-basis-65-lg { flex-basis: 65% !important; }
  .flex-basis-70-lg { flex-basis: 70% !important; }
  .flex-basis-75-lg { flex-basis: 75% !important; }
  .flex-basis-80-lg { flex-basis: 80% !important; }
  .flex-basis-85-lg { flex-basis: 85% !important; }
  .flex-basis-90-lg { flex-basis: 90% !important; }
  .flex-basis-95-lg { flex-basis: 95% !important; }
  .flex-basis-100-lg { flex-basis: 100% !important; }
  .flex-basis-auto-lg { flex-basis: auto !important; }
  .flex-basis-s0-lg { flex-basis: 0rem !important; }
  .flex-basis-s05-lg { flex-basis: 0.5rem !important; }
  .flex-basis-s1-lg { flex-basis: 1rem !important; }
  .flex-basis-s2-lg { flex-basis: 1.5rem !important; }
  .flex-basis-s3-lg { flex-basis: 2rem !important; }
  .flex-basis-s4-lg { flex-basis: 3rem !important; }
  .flex-basis-s5-lg { flex-basis: 4rem !important; }
  .flex-basis-s6-lg { flex-basis: 5rem !important; }
  .flex-self-auto-lg { align-self: auto !important; }
  .flex-self-start-lg { align-self: flex-start !important; }
  .flex-self-start-flush-lg { align-self: start !important; }
  .flex-self-end-lg { align-self: flex-end !important; }
  .flex-self-end-flush-lg { align-self: end !important; }
  .flex-self-center-lg { align-self: center !important; }
  .flex-self-stretch-lg { align-self: stretch !important; }
  .flex-self-baseline-lg { align-self: baseline !important; } }

@media screen and (min-width: 1140px) { .flex-block-xl { display: flex !important; }
  .flex-inline-xl { display: inline-flex !important; }
  .flex-row-xl { flex-direction: row !important; }
  .flex-row-reverse-xl { flex-direction: row-reverse !important; }
  .flex-column-xl { flex-direction: column !important; }
  .flex-column-reverse-xl { flex-direction: column-reverse !important; }
  .flex-wrap-xl { flex-wrap: wrap !important; }
  .flex-nowrap-xl { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-xl { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-xl { justify-content: flex-start !important; }
  .flex-justify-end-xl { justify-content: flex-end !important; }
  .flex-justify-center-xl { justify-content: center !important; }
  .flex-justify-between-xl { justify-content: space-between !important; }
  .flex-justify-around-xl { justify-content: space-around !important; }
  .flex-item-start-xl { align-items: flex-start !important; }
  .flex-item-end-xl { align-items: flex-end !important; }
  .flex-item-center-xl { align-items: center !important; }
  .flex-item-stretch-xl { align-items: stretch !important; }
  .flex-item-baseline-xl { align-items: baseline !important; }
  .flex-content-start-xl { align-content: flex-start !important; }
  .flex-content-end-xl { align-content: flex-end !important; }
  .flex-content-center-xl { align-content: center !important; }
  .flex-content-around-xl { align-content: space-around !important; }
  .flex-content-between-xl { align-content: space-between !important; }
  .flex-content-stretch-xl { align-content: stretch !important; }
  .flex-order-1-xl { order: 1 !important; }
  .flex-order-2-xl { order: 2 !important; }
  .flex-order-3-xl { order: 3 !important; }
  .flex-order-4-xl { order: 4 !important; }
  .flex-order-5-xl { order: 5 !important; }
  .flex-order-6-xl { order: 6 !important; }
  .flex-grow-0-xl { flex-grow: 0 !important; }
  .flex-grow-1-xl { flex-grow: 1 !important; }
  .flex-grow-2-xl { flex-grow: 2 !important; }
  .flex-grow-3-xl { flex-grow: 3 !important; }
  .flex-grow-4-xl { flex-grow: 4 !important; }
  .flex-grow-5-xl { flex-grow: 5 !important; }
  .flex-grow-6-xl { flex-grow: 6 !important; }
  .flex-shrink-1-xl { flex-shrink: 1 !important; }
  .flex-shrink-2-xl { flex-shrink: 2 !important; }
  .flex-shrink-3-xl { flex-shrink: 3 !important; }
  .flex-shrink-4-xl { flex-shrink: 4 !important; }
  .flex-shrink-5-xl { flex-shrink: 5 !important; }
  .flex-shrink-6-xl { flex-shrink: 6 !important; }
  .flex-basis-5-xl { flex-basis: 5% !important; }
  .flex-basis-10-xl { flex-basis: 10% !important; }
  .flex-basis-15-xl { flex-basis: 15% !important; }
  .flex-basis-20-xl { flex-basis: 20% !important; }
  .flex-basis-25-xl { flex-basis: 25% !important; }
  .flex-basis-30-xl { flex-basis: 30% !important; }
  .flex-basis-33-xl { flex-basis: 33% !important; }
  .flex-basis-35-xl { flex-basis: 35% !important; }
  .flex-basis-40-xl { flex-basis: 40% !important; }
  .flex-basis-45-xl { flex-basis: 45% !important; }
  .flex-basis-50-xl { flex-basis: 50% !important; }
  .flex-basis-55-xl { flex-basis: 55% !important; }
  .flex-basis-60-xl { flex-basis: 60% !important; }
  .flex-basis-65-xl { flex-basis: 65% !important; }
  .flex-basis-70-xl { flex-basis: 70% !important; }
  .flex-basis-75-xl { flex-basis: 75% !important; }
  .flex-basis-80-xl { flex-basis: 80% !important; }
  .flex-basis-85-xl { flex-basis: 85% !important; }
  .flex-basis-90-xl { flex-basis: 90% !important; }
  .flex-basis-95-xl { flex-basis: 95% !important; }
  .flex-basis-100-xl { flex-basis: 100% !important; }
  .flex-basis-auto-xl { flex-basis: auto !important; }
  .flex-basis-s0-xl { flex-basis: 0rem !important; }
  .flex-basis-s05-xl { flex-basis: 0.5rem !important; }
  .flex-basis-s1-xl { flex-basis: 1rem !important; }
  .flex-basis-s2-xl { flex-basis: 1.5rem !important; }
  .flex-basis-s3-xl { flex-basis: 2rem !important; }
  .flex-basis-s4-xl { flex-basis: 3rem !important; }
  .flex-basis-s5-xl { flex-basis: 4rem !important; }
  .flex-basis-s6-xl { flex-basis: 5rem !important; }
  .flex-self-auto-xl { align-self: auto !important; }
  .flex-self-start-xl { align-self: flex-start !important; }
  .flex-self-start-flush-xl { align-self: start !important; }
  .flex-self-end-xl { align-self: flex-end !important; }
  .flex-self-end-flush-xl { align-self: end !important; }
  .flex-self-center-xl { align-self: center !important; }
  .flex-self-stretch-xl { align-self: stretch !important; }
  .flex-self-baseline-xl { align-self: baseline !important; } }
.animation-ring { animation: ring 325ms ease-in-out 3; }

.animation-spin { animation: spin 325ms ease-in-out infinite; }

.animation-spinning { animation: spinning 325ms ease-in-out infinite; }

.animation-fanFair { animation: fanFair 325ms ease-in-out 3; }

.animation-pulsate-opacity-to-65 { animation: pulsate-opacity-to-65 325ms ease-in-out infinite; }

.animation-shake { animation: shake 325ms ease-in-out 3; }

.animation-arrowRotateUp { animation: arrowRotateUp 325ms ease-in-out 1; }

.animation-arrowRotateDown { animation: arrowRotateDown 325ms ease-in-out 1; }

.animation-sonarPingHome { animation: sonarPingHome 325ms ease-in-out infinite; }

.animation-sonarPingTracks { animation: sonarPingTracks 325ms ease-in-out infinite; }

.animation-fade-in { animation: fade-in 325ms ease-in-out 1; }

.animation-fade-out { animation: fade-out 325ms ease-in-out 1; }

.animation-panel-fade-up { animation: panel-fade-up 325ms ease-in-out 1; }

.animation-loading { animation: loading 325ms ease-in-out infinite; }

@-webkit-keyframes ring { 0%, 100% { -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  50% { -ms-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@-moz-keyframes ring { 0%, 100% { -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  50% { -ms-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@keyframes ring { 0%, 100% { -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  50% { -ms-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@-webkit-keyframes spin { from { -webkit-transform-origin: center center;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform-origin: center center;
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin { from { -moz-transform-origin: center center;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -moz-transform-origin: center center;
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin { from { -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spinning { from { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -ms-transform: rotate(1800deg);
    -moz-transform: rotate(1800deg);
    -webkit-transform: rotate(1800deg);
    transform: rotate(1800deg); } }

@-moz-keyframes spinning { from { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -ms-transform: rotate(1800deg);
    -moz-transform: rotate(1800deg);
    -webkit-transform: rotate(1800deg);
    transform: rotate(1800deg); } }

@keyframes spinning { from { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -ms-transform: rotate(1800deg);
    -moz-transform: rotate(1800deg);
    -webkit-transform: rotate(1800deg);
    transform: rotate(1800deg); } }

@-webkit-keyframes fanFair { 0%, 100% { -webkit-transform-origin: 50% 50% 0 0;
    -ms-transform: translateX(0) translateY(0) rotate(0deg);
    -moz-transform: translateX(0) translateY(0) rotate(0deg);
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg); }
  50% { -webkit-transform-origin: 50% 50% 0 0;
    -ms-transform: translateX(0) translateY(10px) rotate(10deg);
    -moz-transform: translateX(0) translateY(10px) rotate(10deg);
    -webkit-transform: translateX(0) translateY(10px) rotate(10deg);
    transform: translateX(0) translateY(10px) rotate(10deg); } }

@-moz-keyframes fanFair { 0%, 100% { -moz-transform-origin: 50% 50% 0 0;
    -ms-transform: translateX(0) translateY(0) rotate(0deg);
    -moz-transform: translateX(0) translateY(0) rotate(0deg);
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg); }
  50% { -moz-transform-origin: 50% 50% 0 0;
    -ms-transform: translateX(0) translateY(10px) rotate(10deg);
    -moz-transform: translateX(0) translateY(10px) rotate(10deg);
    -webkit-transform: translateX(0) translateY(10px) rotate(10deg);
    transform: translateX(0) translateY(10px) rotate(10deg); } }

@keyframes fanFair { 0%, 100% { -webkit-transform-origin: 50% 50% 0 0;
    -moz-transform-origin: 50% 50% 0 0;
    -ms-transform-origin: 50% 50% 0 0;
    -o-transform-origin: 50% 50% 0 0;
    transform-origin: 50% 50% 0 0;
    -ms-transform: translateX(0) translateY(0) rotate(0deg);
    -moz-transform: translateX(0) translateY(0) rotate(0deg);
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg); }
  50% { -webkit-transform-origin: 50% 50% 0 0;
    -moz-transform-origin: 50% 50% 0 0;
    -ms-transform-origin: 50% 50% 0 0;
    -o-transform-origin: 50% 50% 0 0;
    transform-origin: 50% 50% 0 0;
    -ms-transform: translateX(0) translateY(10px) rotate(10deg);
    -moz-transform: translateX(0) translateY(10px) rotate(10deg);
    -webkit-transform: translateX(0) translateY(10px) rotate(10deg);
    transform: translateX(0) translateY(10px) rotate(10deg); } }

@-webkit-keyframes pulsate-opacity-to-65 { from { opacity: 1; }
  to { opacity: 0.65; } }

@-moz-keyframes pulsate-opacity-to-65 { from { opacity: 1; }
  to { opacity: 0.65; } }

@keyframes pulsate-opacity-to-65 { from { opacity: 1; }
  to { opacity: 0.65; } }

@-webkit-keyframes shake { 0%, 100% { -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }
  12.5% { -ms-transform: translateX(-12px) translateY(0);
    -moz-transform: translateX(-12px) translateY(0);
    -webkit-transform: translateX(-12px) translateY(0);
    transform: translateX(-12px) translateY(0); }
  37.5% { -ms-transform: translateX(10px) translateY(0);
    -moz-transform: translateX(10px) translateY(0);
    -webkit-transform: translateX(10px) translateY(0);
    transform: translateX(10px) translateY(0); }
  62.5% { -ms-transform: translateX(-7px) translateY(0);
    -moz-transform: translateX(-7px) translateY(0);
    -webkit-transform: translateX(-7px) translateY(0);
    transform: translateX(-7px) translateY(0); }
  87.5% { -ms-transform: translateX(3px) translateY(0);
    -moz-transform: translateX(3px) translateY(0);
    -webkit-transform: translateX(3px) translateY(0);
    transform: translateX(3px) translateY(0); } }

@-moz-keyframes shake { 0%, 100% { -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }
  12.5% { -ms-transform: translateX(-12px) translateY(0);
    -moz-transform: translateX(-12px) translateY(0);
    -webkit-transform: translateX(-12px) translateY(0);
    transform: translateX(-12px) translateY(0); }
  37.5% { -ms-transform: translateX(10px) translateY(0);
    -moz-transform: translateX(10px) translateY(0);
    -webkit-transform: translateX(10px) translateY(0);
    transform: translateX(10px) translateY(0); }
  62.5% { -ms-transform: translateX(-7px) translateY(0);
    -moz-transform: translateX(-7px) translateY(0);
    -webkit-transform: translateX(-7px) translateY(0);
    transform: translateX(-7px) translateY(0); }
  87.5% { -ms-transform: translateX(3px) translateY(0);
    -moz-transform: translateX(3px) translateY(0);
    -webkit-transform: translateX(3px) translateY(0);
    transform: translateX(3px) translateY(0); } }

@keyframes shake { 0%, 100% { -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }
  12.5% { -ms-transform: translateX(-12px) translateY(0);
    -moz-transform: translateX(-12px) translateY(0);
    -webkit-transform: translateX(-12px) translateY(0);
    transform: translateX(-12px) translateY(0); }
  37.5% { -ms-transform: translateX(10px) translateY(0);
    -moz-transform: translateX(10px) translateY(0);
    -webkit-transform: translateX(10px) translateY(0);
    transform: translateX(10px) translateY(0); }
  62.5% { -ms-transform: translateX(-7px) translateY(0);
    -moz-transform: translateX(-7px) translateY(0);
    -webkit-transform: translateX(-7px) translateY(0);
    transform: translateX(-7px) translateY(0); }
  87.5% { -ms-transform: translateX(3px) translateY(0);
    -moz-transform: translateX(3px) translateY(0);
    -webkit-transform: translateX(3px) translateY(0);
    transform: translateX(3px) translateY(0); } }

@-webkit-keyframes arrowRotateUp { from { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-moz-keyframes arrowRotateUp { from { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }

@keyframes arrowRotateUp { from { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-webkit-keyframes arrowRotateDown { from { -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  to { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-moz-keyframes arrowRotateDown { from { -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  to { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes arrowRotateDown { from { -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  to { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes sonarPingHome { 0% { opacity: 0.15; }
  40% { opacity: 0.65; }
  100% { opacity: 0;
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@-moz-keyframes sonarPingHome { 0% { opacity: 0.15; }
  40% { opacity: 0.65; }
  100% { opacity: 0;
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@keyframes sonarPingHome { 0% { opacity: 0.15; }
  40% { opacity: 0.65; }
  100% { opacity: 0;
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@-webkit-keyframes sonarPingTracks { 0% { opacity: 0.15; }
  40% { opacity: 0.65;
    box-shadow: 0 0 0 2px #fff; }
  100% { opacity: 0;
    box-shadow: 0 0 0 2px #fff;
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@-moz-keyframes sonarPingTracks { 0% { opacity: 0.15; }
  40% { opacity: 0.65;
    box-shadow: 0 0 0 2px #fff; }
  100% { opacity: 0;
    box-shadow: 0 0 0 2px #fff;
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@keyframes sonarPingTracks { 0% { opacity: 0.15; }
  40% { opacity: 0.65;
    box-shadow: 0 0 0 2px #fff; }
  100% { opacity: 0;
    box-shadow: 0 0 0 2px #fff;
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@-moz-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@-moz-keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes panel-fade-up { 0% { opacity: 0; }
  25% { opacity: 0;
    -ms-transform: translatey(30px);
    -moz-transform: translatey(30px);
    -webkit-transform: translatey(30px);
    transform: translatey(30px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@-moz-keyframes panel-fade-up { 0% { opacity: 0; }
  25% { opacity: 0;
    -ms-transform: translatey(30px);
    -moz-transform: translatey(30px);
    -webkit-transform: translatey(30px);
    transform: translatey(30px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@keyframes panel-fade-up { 0% { opacity: 0; }
  25% { opacity: 0;
    -ms-transform: translatey(30px);
    -moz-transform: translatey(30px);
    -webkit-transform: translatey(30px);
    transform: translatey(30px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@-webkit-keyframes loading { 0%, 100% { opacity: 1; }
  50% { opacity: 0.25; } }

@-moz-keyframes loading { 0%, 100% { opacity: 1; }
  50% { opacity: 0.25; } }

@keyframes loading { 0%, 100% { opacity: 1; }
  50% { opacity: 0.25; } }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }
svg { overflow: visible !important; display: inline-block; width: 100%; height: 100%; transform-origin: center center; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: fill 300ms 0s ease, stroke 300ms 0s ease, transform 300ms 0s ease, opacity 300ms 0s ease; }

.icon-defs { display: none; }

.quiz-18-icon { width: 18px; height: 18px; }

.quiz-22-icon { width: 22px; height: 22px; }

.quiz-40-icon { width: 40px; height: 40px; }

.code-challenge-18-icon { width: 18px; height: 18px; }

.code-challenge-22-icon { width: 22px; height: 22px; }

.code-challenge-40-icon { width: 40px; height: 40px; }

.local-code-challenge-18-icon { width: 18px; height: 18px; }

.local-code-challenge-22-icon { width: 22px; height: 22px; }

.local-code-challenge-40-icon { width: 40px; height: 40px; }

.video-18-icon { width: 18px; height: 18px; }

.video-22-icon { width: 22px; height: 22px; }

.video-40-icon { width: 40px; height: 40px; }

.step-complete-fill-18-icon { width: 18px; height: 18px; }

.step-complete-fill-22-icon { width: 22px; height: 22px; }

.step-complete-fill-40-icon { width: 40px; height: 40px; }

.instruction-18-icon { width: 18px; height: 18px; }

.instruction-22-icon { width: 22px; height: 22px; }

.instruction-40-icon { width: 40px; height: 40px; }

.quiz-suggested-22-icon { width: 22px; height: 22px; }

.code-challenge-suggested-22-icon { width: 22px; height: 22px; }

.local-code-challenge-suggested-22-icon { width: 22px; height: 22px; }

.video-suggested-22-icon { width: 22px; height: 22px; }

.step-complete-fill-suggested-22-icon { width: 22px; height: 22px; }

.instruction-suggested-22-icon { width: 22px; height: 22px; }

.checkmark-24-icon { width: 24px; height: 24px; }

.close-24-icon { width: 24px; height: 24px; }

.info-24-icon { width: 24px; height: 24px; }

.bonus-icon { width: 18px; height: 18px; }

.collection-icon { width: 18px; height: 18px; }

.conference-icon { width: 18px; height: 18px; }

.course-icon { width: 18px; height: 18px; }

.track-icon { width: 18px; height: 18px; }

.workshop-icon { width: 18px; height: 18px; }

.announcement-icon { width: 18px; height: 18px; }

.instruction-icon { width: 18px; height: 18px; }

.project-icon { width: 18px; height: 18px; }

.practice-icon { width: 18px; height: 18px; }

.play-icon { width: 24px; height: 26px; }

.pause-icon { width: 16px; height: 20px; }

.rewind-icon, .captions-icon, .volume-icon, .workspaces-outline-icon { width: 22px; height: 22px; }

.fullscreen-icon { width: 18px; height: 18px; }

.speed-icon { width: 23px; height: 23px; margin: 0 0 -3px -3px; }

.android-icon { width: 42px; height: 50px; }

.apis-icon { width: 50px; height: 50px; }

.business-icon { width: 60px; height: 50px; }

.csharp-icon { width: 46px; height: 50px; }

.css-icon { width: 58px; height: 50px; }

.data-analysis-icon { width: 60px; height: 57px; }

.databases-icon { width: 48px; height: 50px; }

.design-icon { width: 64px; height: 50px; }

.development-tools-icon { width: 50px; height: 50px; }

.digital-literacy-icon { width: 70px; height: 46px; }

.edi-icon { width: 60px; height: 60px; }

.go-icon { width: 70px; height: 57px; }

.html-icon { width: 70px; height: 42px; }

.ios-icon { width: 64px; height: 50px; }

.java-icon { width: 40px; height: 50px; }

.javascript-icon { width: 52px; height: 50px; }

.learning-resources-icon { width: 70px; height: 53px; }

.machine-learning-icon { width: 70px; height: 63px; }

.ai-icon { width: 70px; height: 63px; }

.php-icon { width: 70px; height: 36px; }

.python-icon { width: 50px; height: 50px; }

.quality-assurance-icon { width: 50px; height: 50px; }

.ruby-icon { width: 60px; height: 50px; }

.security-icon { width: 40px; height: 50px; }

.twentyfirst-century-skills-icon { width: 70px; height: 72px; }

.android-small-icon { width: 12px; height: 14px; }

.apis-small-icon { width: 14px; height: 14px; }

.business-small-icon { width: 12px; height: 10px; }

.csharp-small-icon { width: 11px; height: 12px; }

.css-small-icon { width: 16px; height: 6px; }

.data-analysis-small-icon { width: 14px; height: 14px; }

.databases-small-icon { width: 11px; height: 12px; }

.design-small-icon { width: 8px; height: 12px; }

.development-tools-small-icon { width: 8px; height: 14px; }

.digital-literacy-small-icon { width: 10px; height: 12px; }

.edi-small-icon { width: 12px; height: 12px; }

.go-small-icon { width: 16px; height: 13px; }

.html-small-icon { width: 24px; height: 6px; }

.ios-small-icon { width: 10px; height: 12px; }

.java-small-icon { width: 14px; height: 10px; }

.javascript-small-icon { width: 14px; height: 8px; }

.learning-resources-small-icon { width: 16px; height: 12px; }

.machine-learning-small-icon { width: 12px; height: 11px; }

.ai-small-icon { width: 12px; height: 11px; }

.php-small-icon { width: 18px; height: 6px; }

.python-small-icon { width: 14px; height: 14px; }

.quality-assurance-small-icon { width: 14px; height: 14px; }

.ruby-small-icon { width: 14px; height: 12px; }

.security-small-icon { width: 11px; height: 14px; }

.twentyfirst-century-skills-small-icon { width: 14px; height: 14px; }

.left-arrow-icon { width: 12px; height: 12px; }

.right-arrow-icon { width: 12px; height: 12px; }

.up-arrow-icon { width: 12px; height: 12px; }

.down-arrow-icon { width: 12px; height: 12px; }

.upvote-icon, .downvote-icon { width: 12px; height: 12px; }

.ellipses-icon { width: 18px; height: 18px; }

.support-icon { width: 30px; height: 30px; }

.workspaces-icon, .forum-icon { width: 30px; height: 28px; }

.tracks-icon { width: 30px; height: 26px; }

.library-icon { width: 30px; height: 24px; }

.gear-icon { width: 16px; height: 16px; }

.cash-icon, .ipad-icon, .briefcase-icon, .certificate-icon, .referrals-icon { width: 56px; height: 40px; }

.payment-generic-icon, .payment-mastercard-icon, .payment-visa-icon, .payment-paypal-icon, .payment-american-express-icon, .payment-discover-icon { width: 34px; height: 24px; }

.add-icon { width: 16px; height: 16px; }

.info-icon { width: 16px; height: 16px; }

.workspaces-small-icon { width: 16px; height: 16px; }

.search-icon { width: 16px; height: 16px; }

.star-small-icon { width: 16px; height: 16px; }

.play-outline-24-icon { width: 24px; height: 24px; }

.support-outline-24-icon { width: 24px; height: 24px; }

.search-outline-24-icon { width: 24px; height: 24px; }

.star-outline-24-icon { width: 24px; height: 24px; }

.help-outline-24-icon { width: 24px; height: 24px; }

.facebook-icon { width: 24px; height: 24px; }

.twitter-icon { width: 24px; height: 24px; }

.instagram-icon { width: 24px; height: 24px; }

.linked-in-icon { width: 24px; height: 24px; }

.website-icon { width: 24px; height: 24px; }

.github-icon { width: 24px; height: 24px; }

.dribbble-icon { width: 24px; height: 24px; }

.youtube-icon { width: 24px; height: 24px; }

.reddit-icon { width: 24px; height: 24px; }

.tiktok-icon { width: 24px; height: 24px; }

.discord-icon { width: 24px; height: 24px; }

.exam-icon, .bell-18-icon, .calendar-18-icon, .techdegree-18-icon, .megaphone-18-icon, .browser-18-icon, .briefcase-18-icon, .clock-icon { width: 18px; height: 18px; }

.mentor-18-icon, .techdegree-icon { width: 16px; height: 18px; }

.stat-quizzes-icon { width: 42px; height: 42px; }

.stat-badges-icon { width: 42px; height: 42px; }

.stat-challenges-icon { width: 42px; height: 42px; }

.stat-courses-icon { width: 42px; height: 42px; }

.stat-points-icon { width: 42px; height: 42px; }

.stat-projects-icon { width: 42px; height: 42px; }

.stat-months-icon { width: 42px; height: 42px; }

.stat-hours-icon { width: 42px; height: 42px; }

.workspaces-fork-icon { width: 16px; height: 18px; }

.trash-rounded-icon { width: 16px; height: 18px; }

.chevron-icon { width: 12px; height: 8px; }

.left-chevron-icon, .right-chevron-icon { width: 18px; height: 32px; }

.left-chevron-small-icon, .right-chevron-small-icon { width: 6px; height: 10px; }

.add-member-icon { width: 20px; height: 15px; }

.browser-handle-icon { width: 10px; height: 10px; }

.checkmark-18-icon { width: 18px; height: 18px; }

.info-i-icon { width: 2px; height: 12px; }

.failed-quiz-icon { width: 134px; height: 134px; }

.star-large-icon { width: 32px; height: 30px; }

.building-icon { width: 17px; height: 16px; }

.salary-icon { width: 16px; height: 21px; }

.complete-icon { width: 16px; height: 14px; }

.lock-thin-icon { width: 12px; height: 16px; }

.lock-wide-icon { width: 14px; height: 16px; }

.maintenance-icon { width: 30px; height: 30px; }

.complete-outline-icon { width: 22px; height: 22px; }

.treehouse-icon { width: 139px; height: 32px; }

.logo-icon { width: 30px; height: 32px; }

.resume-icon { width: 17px; height: 14px; }

.arrows-icon { width: 18px; height: 16px; }

.checkmark-icon { width: 10px; height: 8px; }

.close-icon { width: 12px; height: 12px; }

.points-icon { width: 30px; height: 30px; }

.drag-icon { width: 20px; height: 10px; }

.bell-icon { width: 26px; height: 25px; }

.fastforward-icon { margin-left: 4px; width: 14px; height: 11px; }

.beta-icon { width: 28px; height: 40px; }

.courses-grid-icon { width: 40px; height: 40px; }

.curriculum-icon { width: 40px; height: 8px; }

.download-icon { width: 32px; height: 40px; }

.library-book-icon { width: 40px; height: 31px; }

.courses-plus-icon { width: 40px; height: 40px; }

.project-review-icon { width: 40px; height: 40px; }

.quiz-click-icon { width: 40px; height: 40px; }

.community-icon { width: 40px; height: 30px; }

.video-camera-icon { width: 40px; height: 25px; }

.spotify-icon { width: 40px; height: 40px; }

.apple-podcasts-icon { width: 36px; height: 40px; }

.google-podcasts-icon { width: 40px; height: 40px; }

.loading-icon { width: 18px; height: 18px; -webkit-animation: spin 1.2s infinite linear; -moz-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear; }

.loading-circle { fill: #b9c1c7; }

.loading-quarter-circle { fill: #60676d; }

.icon { background-repeat: no-repeat; background-position: 0 0; display: inline-block; vertical-align: middle; }

.icon-points { width: 30px; height: 30px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjk5LjU0NHB4IiBoZWlnaHQ9IjMwMHB4IiB2aWV3Qm94PSIwIDAgMjk5LjU0NCAzMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5OS41NDQgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNDksMGM1MCwwLDkyLDIyLDEyMSw2MmwtMTIxLDg4VjBIMHYzMDBoMzAwVjBIMTQ5eiIvPg0KCTxnPg0KCQk8cGF0aCBvcGFjaXR5PSIwLjQiIGZpbGw9IiNDMEM4Q0UiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTUwLDE1MEw2MiwyOWMyNy0xOSw1NS0yOSw4OC0yOVYxNTB6Ii8%2BDQoJCTxwYXRoIG9wYWNpdHk9IjAuNyIgZmlsbD0iI0MwQzhDRSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0xNTAsMTUwTDgsMTk2Qy0xMiwxMzMsOSw2Nyw2MiwyOEwxNTAsMTUweiIvPg0KCQk8cGF0aCBvcGFjaXR5PSIwLjUiIGZpbGw9IiNDMEM4Q0UiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTUwLDE1MGw4OCwxMjFjLTY3LDQ5LTE2MSwzNC0yMDktMzNjLTEwLTEzLTE2LTI2LTIxLTQyDQoJCQlMMTUwLDE1MHoiLz4NCgkJPHBhdGggZmlsbD0iI0MwQzhDRSIgZD0iTTE1MCwxNTBsMTIxLTg4YzQ5LDY3LDM0LDE2MS0zMywyMTBMMTUwLDE1MHoiLz4NCgk8L2c%2BDQoJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMTUwIiBjeT0iMTUwIiByPSI3MCIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 30px 30px; }

.icon-left { width: 17px; height: 14px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEwcHgiIGhlaWdodD0iMTM5Ljk4NnB4IiB2aWV3Qm94PSIwIDAgNTEwIDEzOS45ODYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMCAxMzkuOTg2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik03MCw0LjExOWM5LDYuOTgyLDExLDIwLjk0Nyw0LDI5LjkyNEw2NCw0OC4wMDhoODVjMTIsMCwyMSw5Ljk3NSwyMSwyMS45NDVzLTEwLDIxLjk0NS0yMSwyMS45NDVINjQNCglsMTAsMTMuOTY1YzcsOC45NzcsNSwyMi45NDItNCwyOS45MjRzLTIzLDQuOTg3LTMwLTMuOTlMNCw4My45MThDMSw3OC45MywwLDc0Ljk0LDAsNjkuOTUzYzAtNC45ODcsMS04Ljk3Nyw0LTEyLjk2N0w0MCw5LjEwNw0KCUM0OC0wLjg2OCw2MS0yLjg2Myw3MCw0LjExOXoiLz4NCjxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik0yNDAsNC4xMTljOSw2Ljk4MiwxMSwyMC45NDcsNCwyOS45MjRsLTEwLDEzLjk2NWg4NWMxMiwwLDIxLDkuOTc1LDIxLDIxLjk0NXMtMTAsMjEuOTQ1LTIxLDIxLjk0NWgtODUNCglsMTAsMTMuOTY1YzcsOC45NzcsNSwyMi45NDItNCwyOS45MjRzLTIzLDQuOTg3LTMwLTMuOTlsLTM2LTQ3Ljg3OWMtMy00Ljk4Ny00LTguOTc3LTQtMTMuOTY1YzAtNC45ODcsMS04Ljk3Nyw0LTEyLjk2N2wzNi00Ny44NzkNCglDMjE4LTAuODY4LDIzMS0yLjg2MywyNDAsNC4xMTl6Ii8%2BDQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDEwLDQuMTE5YzksNi45ODIsMTEsMjAuOTQ3LDQsMjkuOTI0bC0xMCwxMy45NjVoODVjMTIsMCwyMSw5Ljk3NSwyMSwyMS45NDVzLTEwLDIxLjk0NS0yMSwyMS45NDVoLTg1DQoJbDEwLDEzLjk2NWM3LDguOTc3LDUsMjIuOTQyLTQsMjkuOTI0cy0yMyw0Ljk4Ny0zMC0zLjk5bC0zNi00Ny44NzljLTMtNC45ODctNC04Ljk3Ny00LTEzLjk2NWMwLTQuOTg3LDEtOC45NzcsNC0xMi45NjdsMzYtNDcuODc5DQoJQzM4OC0wLjg2OCw0MDEtMi44NjMsNDEwLDQuMTE5eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 51px 14px; }

.icon-right-small { width: 11px; height: 9px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjUuOTcyIDQuOTQ4IDExIDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNS45NzIgNC45NDggMTEgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8cGF0aCBmaWxsPSIjNUZDRjgwIiBkPSJNMTQuMzQyLDUuNDk1bDIuMzUsMy4xMTZjMC4xODcsMC4yNDgsMC4yOCwwLjU0MiwwLjI4LDAuODM3YzAsMC4yOTYtMC4wOTMsMC41OS0wLjI4LDAuODM4TDE0LjM0MywxMy40DQoJYy0wLjQ1OSwwLjYxLTEuMzIzLDAuNzI5LTEuOTI3LDAuMjY2Yy0wLjYwNS0wLjQ2My0wLjcyMy0xLjMzMS0wLjI2My0xLjk0bDAuNjcyLTAuODkzSDcuMzQ3Yy0wLjc1OSwwLTEuMzc1LTAuNjIxLTEuMzc1LTEuMzg1DQoJczAuNjE2LTEuMzg0LDEuMzc1LTEuMzg0aDUuNDc4bC0wLjY3Mi0wLjg5M2MtMC40NTktMC42MTEtMC4zNDEtMS40NzgsMC4yNjMtMS45NDFDMTMuMDIsNC43NjgsMTMuODg0LDQuODg3LDE0LjM0Miw1LjQ5NXoiLz4NCjwvc3ZnPg0K); background-size: 11px 9px; }

.icon-chevron-down, .icon-chevron-up { width: 12px; height: 8px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQwLjMgMTYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNDAuMyAxNjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkU3ODgxO30KCS5zdDF7ZmlsbDojOEU5NjlEO30KPC9zdHlsZT4KPGc%2BCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjAsODBMNC41LDI1LjhjLTYtNS45LTYtMTUuNCwwLTIxLjNjNi01LjksMTUuOC01LjksMjEuOCwwTDYwLDM3LjNMOTMuNyw0LjRjNi01LjksMTUuOC01LjksMjEuOCwwCgkJYzYsNS45LDYsMTUuNSwwLDIxLjNMNjAsODB6Ii8%2BCjwvZz4KPGc%2BCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTgwLjMsODBsLTU1LjUtNTQuMmMtNi01LjktNi0xNS40LDAtMjEuM2M2LTUuOSwxNS44LTUuOSwyMS44LDBsMzMuNiwzMi45bDMzLjctMzIuOWM2LTUuOSwxNS44LTUuOSwyMS44LDAKCQlzNiwxNS40LDAsMjEuM0wxODAuMyw4MHoiLz4KPC9nPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xODAuMyw4MGw1NS41LDU0LjJjNiw1LjksNiwxNS40LDAsMjEuM2MtNiw1LjktMTUuOCw1LjktMjEuOCwwbC0zMy42LTMyLjlsLTMzLjcsMzIuOQoJCWMtNiw1LjktMTUuOCw1LjktMjEuOCwwYy02LTUuOS02LTE1LjQsMC0yMS4zTDE4MC4zLDgweiIvPgo8L2c%2BCjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTYwLDgwbDU1LjUsNTQuMmM2LDUuOSw2LDE1LjQsMCwyMS4zYy02LDUuOS0xNS44LDUuOS0yMS44LDBMNjAsMTIyLjdsLTMzLjcsMzIuOWMtNiw1LjktMTUuOCw1LjktMjEuOCwwCgkJcy02LTE1LjQsMC0yMS4zTDYwLDgweiIvPgo8L2c%2BCjwvc3ZnPgo%3D); background-size: 24px 16px; background-position: -12px 0; }

.icon-chevron-up { background-position: -12px -8px; }

.icon-chevron-left { width: 8px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTYwLjE1cHgiIGhlaWdodD0iMjQwLjAwM3B4IiB2aWV3Qm94PSIwIDAgMTYwLjE1IDI0MC4wMDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2MC4xNSAyNDAuMDAzIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik03OS45LDYwLjAxMkwyNS42NjEsMTE1LjQ4Yy01Ljg5NSw2LjAyOS0xNS40NSw2LjAyOS0yMS4zNCwwYy01Ljg5NS02LjAyOS01Ljg5NS0xNS43OTYsMC0yMS44MjYNCgkJTDM3LjIyLDYwLjAxMUw0LjMxNiwyNi4zNDljLTUuODg1LTYuMDI5LTUuODktMTUuNzk2LDAuMDA1LTIxLjgyNmM1Ljg5NS02LjAyOSwxNS40NS02LjAyOSwyMS4zNDUsMEw3OS45LDYwLjAxMnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik0tMC4xLDE3OS45OTFsNTQuMjM5LTU1LjQ2OGM1Ljg5NS02LjAyOSwxNS40NS02LjAyOSwyMS4zNCwwYzUuODk1LDYuMDI5LDUuODk1LDE1Ljc5NiwwLDIxLjgyNg0KCQlMNDIuNTgsMTc5Ljk5MmwzMi45MDQsMzMuNjYzYzUuODg1LDYuMDI5LDUuODksMTUuNzk2LTAuMDA1LDIxLjgyNnMtMTUuNDUsNi4wMjktMjEuMzQ1LDBMLTAuMSwxNzkuOTkxeiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTE2MC4xNSw2MC4wMTJsLTU0LjIzOSw1NS40NjhjLTUuODk1LDYuMDI5LTE1LjQ1LDYuMDI5LTIxLjM0LDBjLTUuODk1LTYuMDI5LTUuODk1LTE1Ljc5NiwwLTIxLjgyNg0KCQlsMzIuODk5LTMzLjY0M0w4NC41NjYsMjYuMzQ4Yy01Ljg4NS02LjAyOS01Ljg5LTE1Ljc5NiwwLjAwNS0yMS44MjZjNS44OTUtNi4wMjksMTUuNDUtNi4wMjksMjEuMzQ1LDBMMTYwLjE1LDYwLjAxMnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik04MC4xNSwxNzkuOTkxbDU0LjIzOS01NS40NjhjNS44OTUtNi4wMjksMTUuNDUtNi4wMjksMjEuMzQsMGM1Ljg5NSw2LjAyOSw1Ljg5NSwxNS43OTYsMCwyMS44MjYNCgkJbC0zMi44OTksMzMuNjQzbDMyLjkwNCwzMy42NjNjNS44ODUsNi4wMjksNS44OSwxNS43OTYtMC4wMDUsMjEuODI2Yy01Ljg5NSw2LjAyOS0xNS40NSw2LjAyOS0yMS4zNDUsMEw4MC4xNSwxNzkuOTkxeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 16px 24px; background-position: -8px -28px; }

.icon-complete { width: 28px; height: 28px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTAwcHgiIGhlaWdodD0iNTAwcHgiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iIzVGQ0Y4MCIgY3g9IjI1MCIgY3k9IjI1MCIgcj0iMjUwIi8%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMjgsMzc2bC05NS05M2MtMTItMTEtMTItMzAsMC00MmMxMi0xMSwzMS0xMSw0MiwwbDQ5LDQ4bDk4LTExNmMxMS0xMiwyOS0xNCw0Mi00czE0LDI5LDQsNDFMMjI4LDM3NnoiDQoJCQkvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 100%; }

.icon-complete.track-updated { width: 34px; height: 34px; }

.icon-complete.stage-completed { width: 50px; height: 50px; }

.icon-stage { width: 28px; height: 31px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTYwcHgiIGhlaWdodD0iMzEwcHgiIHZpZXdCb3g9IjAgMCA1NjAgMzEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NjAgMzEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik00MjAsMGMtMTEsMC0xMTgsNjItMTE4LDYycy0yMiwxMS0yMiwzNGMwLDI4LDAsOTAsMCwxMThjMCwxNywxNywyOCwxNywyOHMxMTIsNjgsMTIzLDY4czEyMy02OCwxMjMtNjgNCgkJczE3LTExLDE3LTI4YzAtMjgsMC05MCwwLTExOGMwLTIzLTIyLTM0LTIyLTM0UzQzMSwwLDQyMCwwTDQyMCwweiIvPg0KPC9nPg0KPGc%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiM1RkNGODAiIGQ9Ik0xNDAsMEMxMjksMCwyMiw2MiwyMiw2MlMwLDczLDAsOTZjMCwyOCwwLDkwLDAsMTE4YzAsMTcsMTcsMjgsMTcsMjhzMTEyLDY4LDEyMyw2OHMxMjMtNjgsMTIzLTY4DQoJCQlzMTctMTEsMTctMjhjMC0yOCwwLTkwLDAtMTE4YzAtMjMtMjItMzQtMjItMzRTMTUxLDAsMTQwLDBMMTQwLDB6Ii8%2BDQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTI3LDIyMGwtNTMtNTJjLTYtNi02LTE3LDAtMjNjNy02LDE3LTYsMjQsMGwyNywyN2w1NS02NmM2LTcsMTYtOCwyNC0yYzcsNiw4LDE2LDIsMjNMMTI3LDIyMHoiLz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 56px 31px; background-position: -28px 0; }

.icon-stage.icon-complete { background-position: 0 0; }

.icon-video, .icon-quiz, .icon-code-challenge, .icon-local-code-challenge, .icon-extra-credit { width: 28px; height: 28px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEyMHB4IiBoZWlnaHQ9IjI4MHB4IiB2aWV3Qm94PSIyNTAgMjI1IDExMjAgMjgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI1MCAyMjUgMTEyMCAyODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMzkwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzc0LjQsMzA4LjhjLTEwLjktNy44LTIwLjItMS42LTIwLjIsMTAuOVY0MTBjMCwxNCw5LjMsMTguNywyMC4yLDEwLjlsNjIuMi00My42DQoJCWMxMC45LTcuOCwxMC45LTIwLjIsMC0yNi40TDM3NC40LDMwOC44eiIvPg0KPC9nPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iNjcwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGc%2BDQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQxLjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN0w1NzksMzY0LjRsNTIuOS01MS4zYzYuMi00LjcsMTQtNC43LDIwLjIsMHM2LjIsMTQsMCwyMC4yDQoJCQkJbC0zMi43LDMxLjFsMzIuNywzMS4xYzYuMiw0LjcsNi4yLDE0LDAsMjAuMkM2NDksNDE4LjksNjQ1LjksNDIwLjQsNjQxLjIsNDIwLjR6Ii8%2BDQoJCTwvZz4NCgkJPGc%2BDQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjk3LjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN2MtNi4yLTQuNy02LjItMTQsMC0yMC4ybDMyLjctMzEuMWwtMzIuNy0zMS4xDQoJCQkJYy02LjItNC43LTYuMi0xNCwwLTIwLjJjNi4yLTQuNywxNC00LjcsMjAuMiwwbDUyLjksNTEuM2wtNTIuOSw1MS4zQzcwMy40LDQxOC45LDcwMC4zLDQyMC40LDY5Ny4yLDQyMC40eiIvPg0KCQk8L2c%2BDQoJPC9nPg0KPC9nPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iOTUwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iODcwLjciIGN5PSIzNjUiIHI9IjI0LjkiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk1MCwzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42cy0xNS42LTYuMi0xNS42LTE1LjZTOTQyLjIsMzQ5LjQsOTUwLDM0OS40DQoJCQkgTTk1MCwzNDAuMWMtMTQsMC0yNC45LDEwLjktMjQuOSwyNC45czEwLjksMjQuOSwyNC45LDI0LjlzMjQuOS0xMC45LDI0LjktMjQuOVM5NjQsMzQwLjEsOTUwLDM0MC4xTDk1MCwzNDAuMXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwMjkuMywzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42Yy05LjMsMC0xNS42LTYuMi0xNS42LTE1LjYNCgkJCVMxMDIxLjYsMzQ5LjQsMTAyOS4zLDM0OS40IE0xMDI5LjMsMzQwLjFjLTE0LDAtMjQuOSwxMC45LTI0LjksMjQuOXMxMC45LDI0LjksMjQuOSwyNC45czI0LjktMTAuOSwyNC45LTI0LjkNCgkJCVMxMDQzLjMsMzQwLjEsMTAyOS4zLDM0MC4xTDEwMjkuMywzNDAuMXoiLz4NCgk8L2c%2BDQo8L2c%2BDQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSIxMjMwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTMwMSw0MDMuNWMtMi41LTQuMy02LTEwLTEwLjUtMTcuMWMtNS4yLTguMi0xMC41LTE2LjQtMTMuNC0yMC44YzIuNy0zLjcsNy4zLTEwLjEsMTEuOC0xNi44DQoJCWMxMy45LTIwLjgsMTQuNS0yNS43LDEzLjktMjljLTAuNC0xLjktMS40LTMuNS0zLjEtNC42Yy0xLTAuNi0yLTEtNC0xYy0xLjksMC00LjYsMC4zLTkuMSwxYy00LjYsMC43LTEwLjcsMS43LTE4LjMsMy4xDQoJCWMtOC44LDEuNi0xNy41LDMuMy0yMi4zLDQuMmMtMi42LTMuNi03LjItMTAtMTIuMy0xNi42Yy0xMi45LTE2LjgtMTguMy0yMS45LTIxLjItMjMuOWMtMS42LTEuNy0zLjQtMi4xLTQuNy0yLjENCgkJYy0wLjcsMC0xLjMsMC4xLTEuNiwwLjJjLTAuMSwwLTAuMywwLjEtMC40LDAuMWMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xYy0wLjksMC4yLTMuNiwxLjMtNC40LDQuOWMtMS40LDMuMi0zLjQsMTAuNC01LjgsMzEuNA0KCQljLTAuOSw4LjItMS42LDE2LjEtMiwyMC41Yy00LjUsMS42LTEyLjksNC43LTIxLjMsNy44Yy03LjIsMi43LTEzLjEsNS0xNy4zLDYuOGMtOC42LDMuNi0xMC4xLDQuNi0xMS4yLDYuNw0KCQljLTAuOSwxLjctMC45LDMuNi0wLjMsNS41YzEuMiwzLjEsNC4yLDcsMjYuOSwxNy43YzcuMywzLjQsMTQuNiw2LjYsMTguOCw4LjRjLTAuMiw1LjItMC41LDE1LTAuNywyNC43Yy0wLjIsOC40LTAuMiwxNS4xLTAuMSwyMA0KCQljMC4yLDkuMywwLjUsMTIuNSwzLjgsMTQuNGMwLjgsMC40LDEuOSwwLjksMy40LDAuOWMwLjcsMCwxLjUtMC4xLDIuMy0wLjNjMi0wLjYsNi43LTEuOSwyNi40LTIwLjZjNy41LTcuMiwxNC41LTE0LjMsMTguMi0xOC4xDQoJCWM1LjIsMS40LDE0LjgsMy45LDI1LDYuMmMxNi42LDMuNywyNC42LDQuNSwyOC44LDQuNWMyLjUsMCwzLjctMC4zLDQuNC0wLjVjMi42LTAuNyw0LTIuMiw0LjYtMy40DQoJCUMxMzA3LjEsNDE0LjUsMTMwNS43LDQxMS42LDEzMDEsNDAzLjV6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 112px 28px; }

.icon-video { background-position: 0 0; }

.icon-code-challenge, .icon-local-code-challenge { background-position: -28px 0; }

.icon-quiz { background-position: -56px 0; }

.icon-extra-credit { background-position: -84px 0; }

.secondary-module .icon-video, .secondary-module .icon-video-small, .secondary-module .icon-code-challenge, .secondary-module .icon-quiz { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTQwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCA1NDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjkwIiBjeT0iOTAiIHI9IjkwIi8%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTgwLDUzLjg5OGMtNy01LTEzLTEtMTMsN3Y1OGMwLDksNiwxMiwxMyw3bDQwLTI4YzctNSw3LTEzLDAtMTdMODAsNTMuODk4eiIvPg0KPC9nPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMjcwIiBjeT0iOTAiIHI9IjkwIi8%2BDQoJPGc%2BDQoJCTxnPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1MS41LDEyNS42MjVjLTIsMC01LTEtNi0zbC0zNC0zM2wzNC0zM2M0LTMsOS0zLDEzLDBzNCw5LDAsMTNsLTIxLDIwbDIxLDIwYzQsMyw0LDksMCwxMw0KCQkJCUMyNTYuNSwxMjQuNjI1LDI1NC41LDEyNS42MjUsMjUxLjUsMTI1LjYyNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yODcuNSwxMjUuNjI1Yy0yLDAtNS0xLTYtM2MtNC0zLTQtOSwwLTEzbDIxLTIwbC0yMS0yMGMtNC0zLTQtOSwwLTEzYzQtMyw5LTMsMTMsMGwzNCwzM2wtMzQsMzMNCgkJCQlDMjkxLjUsMTI0LjYyNSwyODkuNSwxMjUuNjI1LDI4Ny41LDEyNS42MjV6Ii8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSI0NTAiIGN5PSI5MCIgcj0iOTAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMzk5IiBjeT0iOTAiIHI9IjE2Ii8%2BDQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NTAsODBjNSwwLDEwLDQsMTAsMTBjMCw1LTQsMTAtMTAsMTBzLTEwLTQtMTAtMTBTNDQ1LDgwLDQ1MCw4MCBNNDUwLDc0Yy05LDAtMTYsNy0xNiwxNnM3LDE2LDE2LDE2DQoJCQlzMTYtNywxNi0xNlM0NTksNzQsNDUwLDc0TDQ1MCw3NHoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUwMSw4MGM1LDAsMTAsNCwxMCwxMGMwLDUtNCwxMC0xMCwxMHMtMTAtNC0xMC0xMFM0OTYsODAsNTAxLDgwIE01MDEsNzRjLTksMC0xNiw3LTE2LDE2czcsMTYsMTYsMTYNCgkJCXMxNi03LDE2LTE2UzUxMCw3NCw1MDEsNzRMNTAxLDc0eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 54px 18px; }

.secondary-module .icon-video { background-position: 0 0; }

.icon-video-small { background-position: 0 0; }

.secondary-module .icon-quiz { background-position: -36px 0; }

.secondary-module .icon-code-challenge, .secondary-module .icon-local-code-challenge { background-position: -18px 0; }

.icon-search { width: 15px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMwMCAxNTAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwMCAxNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IlNoYXBlXzI3Ml80XyI%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiNDMEM4Q0UiIGQ9Ik0xNDYuMzgyLDEyNi4yMWwtMzcuODQtMzcuMDYyYzUuOTc1LTkuMDE1LDguOTYyLTIwLjAzMyw4Ljk2Mi0zMS4wNTJDMTE3LjUwNCwyNi4wNDMsOTEuNjEzLDAsNTguNzUyLDANCgkJCUMyNi44ODYsMCwwLDI2LjA0MywwLDU4LjA5N2MwLDMyLjA1MywyNS44OTEsNTguMDk3LDU4Ljc1Miw1OC4wOTdjMTAuOTU0LDAsMjAuOTEyLTMuMDA1LDI4Ljg3OC04LjAxM2wzNy44NCwzOC4wNjMNCgkJCWM0Ljk3OSw1LjAwOCwxMy45NDEsNS4wMDgsMTkuOTE2LDBDMTUxLjM2MSwxNDAuMjM0LDE1MS4zNjEsMTMyLjIyLDE0Ni4zODIsMTI2LjIxeiBNNjAuNzQzLDg4LjE0Nw0KCQkJYy0xNi45MjgsMC0zMC44Ny0xNC4wMjMtMzAuODctMzAuMDVjMC0xNy4wMjgsMTMuOTQxLTMwLjA1LDMwLjg3LTMwLjA1czMwLjg3LDE0LjAyMywzMC44NywzMC4wNQ0KCQkJQzkwLjYxNyw3NS4xMjUsNzcuNjcyLDg4LjE0Nyw2MC43NDMsODguMTQ3eiIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJTaGFwZV8yNzJfMl8iPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjNUZDRjgwIiBkPSJNMjk2LjM4MiwxMjYuMjFsLTM3Ljg0LTM3LjA2MmM1Ljk3NS05LjAxNSw4Ljk2Mi0yMC4wMzMsOC45NjItMzEuMDUyQzI2Ny41MDQsMjYuMDQzLDI0MS42MTMsMCwyMDguNzUyLDANCgkJCUMxNzYuODg2LDAsMTUwLDI2LjA0MywxNTAsNTguMDk3YzAsMzIuMDUzLDI1Ljg5MSw1OC4wOTcsNTguNzUyLDU4LjA5N2MxMC45NTQsMCwyMC45MTItMy4wMDUsMjguODc4LTguMDEzbDM3Ljg0LDM4LjA2Mw0KCQkJYzQuOTc5LDUuMDA4LDEzLjk0MSw1LjAwOCwxOS45MTYsMEMzMDEuMzYxLDE0MC4yMzQsMzAxLjM2MSwxMzIuMjIsMjk2LjM4MiwxMjYuMjF6IE0yMTAuNzQzLDg4LjE0Nw0KCQkJYy0xNi45MjgsMC0zMC44Ny0xNC4wMjMtMzAuODctMzAuMDVjMC0xNy4wMjgsMTMuOTQxLTMwLjA1LDMwLjg3LTMwLjA1czMwLjg3LDE0LjAyMywzMC44NywzMC4wNQ0KCQkJQzI0MC42MTcsNzUuMTI1LDIyNy42NzIsODguMTQ3LDIxMC43NDMsODguMTQ3eiIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJTaGFwZV8yNzJfMV8iPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjNUZDRjgwIiBkPSJNMTY1LjUyNC0yMC41MjdsLTMuNzA2LTMuNzA2YzAuNjAxLTAuOTAyLDAuOTAyLTIuMDAzLDAuOTAyLTMuMTA1YzAtMy4yMDUtMi42MDQtNS44MS01LjkxLTUuODENCgkJCWMtMy4yMDUsMC01LjkxLDIuNjA0LTUuOTEsNS44MWMwLDMuMjA1LDIuNjA0LDUuODEsNS45MSw1LjgxYzEuMTAyLDAsMi4xMDQtMC4zMDEsMi45MDUtMC44MDFsMy44MDYsMy44MDYNCgkJCWMwLjUwMSwwLjUwMSwxLjQwMiwwLjUwMSwyLjAwMywwQzE2Ni4wMjUtMTkuMTI0LDE2Ni4wMjUtMTkuOTI2LDE2NS41MjQtMjAuNTI3eiBNMTU2LjkxLTI0LjMzMw0KCQkJYy0xLjcwMywwLTMuMTA1LTEuNDAyLTMuMTA1LTMuMDA1YzAtMS43MDMsMS40MDItMy4wMDUsMy4xMDUtMy4wMDVzMy4xMDUsMS40MDIsMy4xMDUsMy4wMDUNCgkJCUMxNTkuOTE1LTI1LjYzNSwxNTguNjEzLTI0LjMzMywxNTYuOTEtMjQuMzMzeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 30px 15px; }

.icon-zip, .icon-video-file, .icon-transcript-file { width: 30px; height: 37px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTAwcHgiIGhlaWdodD0iMzcwcHgiIHZpZXdCb3g9IjAgMCA5MDAgMzcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MDAgMzcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEzNSIgeT0iMTUwIiBmaWxsPSIjRDREOUREIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTM1LDExMHYyMGgzMHYtMjBjLTUsMS0xMCwyLTE1LDJDMTQ1LDExMiwxNDAsMTExLDEzNSwxMTB6Ii8%2BDQoJPHJlY3QgeD0iMTM1IiB5PSIyMDEiIGZpbGw9IiNENEQ5REQiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xOTEsMEgyNEMwLDAsMCwyNCwwLDI0djMyMmMwLDI0LDI0LDI0LDI0LDI0aDI1MmMwLDAsMjQsMCwyNC0yNFYxMDBMMTkxLDB6IE0yMjEsNjBsMjAsMjBoLTIwVjYweg0KCQkgTTE2Niw3MGMwLDgtNywxNS0xNSwxNWMtOCwwLTE1LTctMTUtMTVzNy0xNSwxNS0xNUMxNTksNTUsMTY2LDYyLDE2Niw3MHogTTI3MSwzNDFIMzBWMjRoMTAxbDAsMGMtNiwxNy0xMSwzOC0xMSw0Ng0KCQljMCwxNiwxMywyOSwzMCwyOXMzMC0xMywzMC0yOWMwLTktNC0zMC0xMS00N2gyMWMwLDAsMCw0NiwwLDU1YzAsMTUsNywzMSwyNCwzMWMxNCwwLDM2LDAsNTYsMEwyNzEsMzQxTDI3MSwzNDF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwNywyOThIODdsMjMtMjZjMS0xLDEtMiwyLTJjMS0xLDEtMSwyLTJjMS0xLDEtMiwxLTNzMC0yLDAtM3YtMWMwLTEsMC0yLTEtM2MwLTEtMS0yLTItMmMtMS0xLTItMS0zLTINCgkJYy0xLDAtMy0xLTQtMUg3MmMtMywwLTUsMS02LDJjLTEsMS0yLDMtMiw2djFjMCwzLDEsNCwyLDZjMSwxLDMsMiw2LDJoMThsLTIzLDI2Yy0xLDEtMSwyLTIsMmMtMSwxLTEsMS0yLDJjMCwxLTEsMi0xLDMNCgkJYzAsMSwwLDIsMCwzdjFjMCwxLDAsMiwxLDNjMCwxLDEsMiwyLDJjMSwxLDIsMSwzLDJjMSwwLDMsMSw0LDFoMzVjMywwLDUtMSw2LTJjMS0xLDItMywyLTZ2LTFjMC0zLTEtNC0yLTYNCgkJQzExMiwyOTksMTEwLDI5OCwxMDcsMjk4eiIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTIsMjUzaC0zYy01LDAtOCwzLTgsOXY0M2MwLDYsMyw5LDgsOWgzYzUsMCw4LTMsOC05di00M0MxNjAsMjU2LDE1NywyNTMsMTUyLDI1M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTk3LDI1NGMtMywwLTUsMS03LDNjLTIsMi0yLDQtMiw4djQxYzAsMywxLDUsMiw2YzEsMSwzLDIsNiwyaDNjMywwLDUtMSw2LTJjMS0xLDItNCwyLTZ2LTloNw0KCQljOCwwLDE1LTIsMTktNXM3LTksNy0xNnMtMi0xMy03LTE2Yy00LTQtMTEtNS0yMC01TDE5NywyNTRMMTk3LDI1NHogTTIyMSwyNzVjMCwyLTEsNC0yLDZjLTEsMS00LDItNiwyaC03di0xNWg2DQoJCUMyMTgsMjY4LDIyMSwyNzAsMjIxLDI3NXoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik01ODMsMGMtNCwwLTE0LDAtMzMsMGgtMjBIMzY5aC0xMWMtMjQsMC0zNywwLTQxLDBjLTE3LDAtMTcsMTctMTcsMTd2MzM2YzAsMTcsMTcsMTcsMTcsMTdzMTQsMCw0MSwwaDEyDQoJaDE2MWgxMGMyOCwwLDQyLDAsNDIsMHMxNywwLDE3LTE3VjE3QzYwMCwxNyw2MDAsMCw1ODMsMHogTTM0OSwzMzBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMzMweiBNMzQ5LDI0MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYyNDB6IE0zNDksMTYwDQoJYzAsNi00LDEwLTEwLDEwaC0xMGMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjE2MHogTTM0OSw3MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwVjQwDQoJYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjcweiBNNTMwLDMwdjE0MEgzNjlWMzBINTMweiBNMzY5LDM0MFYyMDBoMTYxdjE0MEgzNjl6IE01ODAsMzMwYzAsNi00LDEwLTEwLDEwaC0xMA0KCWMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjMzMHogTTU4MCwyNDBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMjQweiBNNTgwLDE2MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYxNjB6IE01ODAsNzANCgljMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMFY0MGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFY3MHoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04ODQuMTAzLDBjLTQuMDAxLDAtMTQuMDA1LDAtMzMuMDEyLDBoLTIwLjAwN0g2NjkuMDI1aC0xMS4wMDRjLTI0LjAwOSwwLTM3LjAxMywwLTQxLjAxNSwwDQoJCUM2MDAsMCw2MDAsMTcsNjAwLDE3djMzNmMwLDE3LDE3LjAwNiwxNywxNy4wMDYsMTdzMTQuMDA1LDAsNDEuMDE1LDBoMTEuMDA0aDE2MS4wNThoMTAuMDA0YzI4LjAxLDAsNDIuMDE1LDAsNDIuMDE1LDANCgkJczE3LjAwNiwwLDE3LjAwNi0xN1YxN0M5MDEuMTA5LDE3LDkwMS4xMDksMCw4ODQuMTAzLDB6IE02NDguMDE4LDMzMGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTANCgkJdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYzMzB6IE02NDguMDE4LDI0MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMQ0KCQljLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE02NDguMDE4LDE2MA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMEg2MjguMDFjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYxNjB6DQoJCSBNNjQ4LjAxOCw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTBWNDBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDQNCgkJYzYuMDAyLDAsMTAuMDA0LDQsMTAuMDA0LDEwVjcweiBNODMwLjA4MywzMHYxNDBINjY4LjAyNVYzMEg4MzAuMDgzeiBNNjY4LjAyNSwzNDBWMjAwaDE2Mi4wNTl2MTQwSDY2OC4wMjV6IE04ODEuMTAyLDMzMA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMGgtMTAuMDA0Yy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMHYtMzBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMzMweg0KCQkgTTg4MS4xMDIsMjQwYzAsNi00LjAwMSwxMC0xMC4wMDQsMTBoLTEwLjAwNGMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTB2LTMwYzAtNiw0LjAwMS0xMCwxMC4wMDQtMTBoMTAuMDA0DQoJCWM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE04ODEuMTAyLDE2MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDRjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMA0KCQljMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMTYweiBNODgxLjEwMiw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDQNCgkJYy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMFY0MGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFY3MHoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTc0Ny4wNTMsMTA5YzAsNS0yLjAwMSw5LTUuMDAyLDExYy0zLjAwMSwzLTcuMDAzLDQtMTIuMDA0LDRjLTYuMDAyLDAtMTEuMDA0LTItMTQuMDA1LTYNCgkJCWMtNC4wMDEtNC01LjAwMi05LTUuMDAyLTE1YzAtNywxLTEyLDMuMDAxLTE3czUuMDAyLTgsNy4wMDMtMTFjMy4wMDEtMyw2LjAwMi01LDkuMDAzLTdjMy4wMDEtMiw2LjAwMi0zLDguMDAzLTRsOC4wMDMsMTMNCgkJCWMtMy4wMDEsMS02LjAwMiwzLTguMDAzLDZjLTIuMDAxLDMtNC4wMDEsNi00LjAwMSw5YzMuMDAxLDAsNi4wMDIsMSw5LjAwMyw0Qzc0NS4wNTMsMTAxLDc0Ny4wNTMsMTA1LDc0Ny4wNTMsMTA5eiBNNzkwLjA2OSwxMDkNCgkJCWMwLDUtMi4wMDEsOS01LjAwMiwxMWMtMy4wMDEsMi03LjAwMyw0LTEyLjAwNCw0Yy02LjAwMiwwLTExLjAwNC0yLTE1LjAwNS02Yy0zLjAwMS00LTUuMDAyLTktNS4wMDItMTVjMC03LDEtMTIsMy4wMDEtMTcNCgkJCXM1LjAwMi04LDcuMDAzLTExYzMuMDAxLTMsNi4wMDItNSw5LjAwMy03YzMuMDAxLTIsNi4wMDItMyw4LjAwMy00bDguMDAzLDEzYy0zLjAwMSwxLTYuMDAyLDMtOS4wMDMsNmMtMi4wMDEsMy00LjAwMSw2LTQuMDAxLDkNCgkJCWMzLjAwMSwwLDYuMDAyLDEsOS4wMDMsNEM3ODkuMDY5LDEwMSw3OTAuMDY5LDEwNSw3OTAuMDY5LDEwOXoiLz4NCgk8L2c%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik03MDkuMDQsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2DQoJCQljNC4wMDEsNCw1LjAwMiw5LDUuMDAyLDE1cy0xLDEyLTMuMDAxLDE3Yy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNA0KCQkJbC04LjAwMy0xM2MzLjAwMS0xLDYuMDAyLTMsOS4wMDMtNmMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzEwLjA0LDI3MCw3MDkuMDQsMjY2LDcwOS4wNCwyNjF6DQoJCQkgTTc1My4wNTYsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2YzQuMDAxLDQsNS4wMDIsOSw1LjAwMiwxNXMtMSwxMi0zLjAwMSwxNw0KCQkJYy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNGwtOC4wMDMtMTNjMy4wMDEtMSw2LjAwMi0zLDkuMDAzLTYNCgkJCWMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzU1LjA1NiwyNzAsNzUzLjA1NiwyNjYsNzUzLjA1NiwyNjF6Ii8%2BDQoJPC9nPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 90px 37px; }

.icon-video-file { background-position: -30px 0; }

.icon-transcript-file { background-position: -60px 0; }

.icon-play, .icon-play-white, .icon-video-small-white { width: 10px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTkuOTk3cHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCA5OS45OTcgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OS45OTcgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMS45OTksMy41Yy0xMi04LTIyLTItMjIsMTN2OTdjMCwxNSwxMCwyMSwyMiwxM2w2OS00N2MxMi04LDEyLTIxLDAtMjlMMjEuOTk5LDMuNXoiLz4NCjwvc3ZnPg0K); background-size: 10px 13px; }

.icon-play-large { background: url("/assets/icons/icon-play-large-9f958a65a296dab0c53717cbd93cdf15425964fbb1b027de01be4d04d7a46503.svg") no-repeat; width: 21px; height: 28px; }

.icon-close { width: 12px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTE5Ljk5OXB4IiB2aWV3Qm94PSIwIDAgMTIwIDExOS45OTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMTkuOTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTcsOTIuMjMxTDg1LDU5LjUwNGwzMi0zMi43MjdjNC0zLjk2Nyw0LTkuOTE3LDAtMTMuODg0bC0xMS05LjkxN2MtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDYwLDM1LjcwMg0KCUwyOCwyLjk3NWMtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDMsMTIuODkzYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMzIsMzIuNzI3TDMsOTIuMjMxYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMTEsMTAuOTA5DQoJYzQsMy45NjcsMTAsMy45NjcsMTQsMGwzMi0zMi43MjdsMzIsMzIuNzI3YzQsMy45NjcsMTAsMy45NjcsMTQsMGwxMS05LjkxN0MxMjEsMTAyLjE0OSwxMjEsOTYuMTk4LDExNyw5Mi4yMzF6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 12px 12px; }

.icon-close-dark { width: 12px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTE5Ljk5OXB4IiB2aWV3Qm94PSIwIDAgMTIwIDExOS45OTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMTkuOTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xMTcsOTIuMjMxTDg1LDU5LjUwNGwzMi0zMi43MjdjNC0zLjk2Nyw0LTkuOTE3LDAtMTMuODg0bC0xMS05LjkxN2MtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDYwLDM1LjcwMg0KCUwyOCwyLjk3NWMtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDMsMTIuODkzYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMzIsMzIuNzI3TDMsOTIuMjMxYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMTEsMTAuOTA5DQoJYzQsMy45NjcsMTAsMy45NjcsMTQsMGwzMi0zMi43MjdsMzIsMzIuNzI3YzQsMy45NjcsMTAsMy45NjcsMTQsMGwxMS05LjkxN0MxMjEsMTAyLjE0OSwxMjEsOTYuMTk4LDExNyw5Mi4yMzF6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 12px 12px; }

.icon-add-green { width: 14px; height: 14px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDIwcHgiIGhlaWdodD0iMTQwcHgiIHZpZXdCb3g9IjAgMCA0MjAgMTQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MjAgMTQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDMEM4Q0UiIGQ9Ik0xMjAsNTBIOTAuN1YyMGMwLTExLTktMjAtMjAtMjBzLTIwLDktMjAsMjB2MzBIMjBDOSw1MCwwLDU5LDAsNzBzOSwyMCwyMCwyMGgzMC43djMwYzAsMTEsOSwyMCwyMCwyMA0KCXMyMC05LDIwLTIwVjkwSDEyMGMxMSwwLDIwLTksMjAtMjBTMTMxLDUwLDEyMCw1MHoiLz4NCjxwYXRoIGZpbGw9IiM2QkMxN0UiIGQ9Ik0yNjAsNTBoLTI5LjNWMjBjMC0xMS05LTIwLTIwLTIwcy0yMCw5LTIwLDIwdjMwSDE2MGMtMTEsMC0yMCw5LTIwLDIwczksMjAsMjAsMjBoMzAuN3YzMGMwLDExLDksMjAsMjAsMjANCglzMjAtOSwyMC0yMFY5MEgyNjBjMTEsMCwyMC05LDIwLTIwUzI3MSw1MCwyNjAsNTB6Ii8%2BDQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDAwLDUwaC0yOS4zVjIwYzAtMTEtOS0yMC0yMC0yMHMtMjAsOS0yMCwyMHYzMEgzMDBjLTExLDAtMjAsOS0yMCwyMHM5LDIwLDIwLDIwaDMwLjd2MzBjMCwxMSw5LDIwLDIwLDIwDQoJczIwLTksMjAtMjBWOTBINDAwYzExLDAsMjAtOSwyMC0yMFM0MTEsNTAsNDAwLDUweiIvPg0KPC9zdmc%2BDQo%3D); background-size: 42px 14px; background-position: -14px 0; }

.icon-mtf-error { width: 80px; height: 66px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODBweCIgaGVpZ2h0PSI2NnB4IiB2aWV3Qm94PSIwIDAgODAgNjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDY2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik04MCwxOC4zODljMC05LjkyNy04LjA4MS0xNy45NzUtMTguMDUtMTcuOTc1Yy05LjQwNSwwLTE3LjEyMSw3LjE2NC0xNy45NjYsMTYuMzA5DQoJYy0xLjQwMS0wLjEzOC0yLjgyNy0wLjIxNi00LjI3OC0wLjIxNmMtMS4yNDIsMC0yLjQ2NiwwLjA1Ny0zLjY3MiwwLjE1OEMzNS4zNTgsNy4zNTIsMjcuNTc2LDAsMTguMDUsMEM4LjA4MSwwLDAsOC4wNDcsMCwxNy45NzQNCgljMCw2LjQ4NywzLjQ2MiwxMi4xNTMsOC42MzQsMTUuMzE0Yy0xLjEyNywyLjUtMS43NDgsNS4xNzgtMS43NDgsNy45NjZDNi44ODYsNTQuOTIsMjEuNTgsNjYsMzkuNzA2LDY2czMyLjgyLTExLjA4LDMyLjgyLTI0Ljc0Ng0KCWMwLTIuNTYzLTAuNTE3LTUuMDM1LTEuNDc3LTcuMzZDNzYuMzk4LDMwLjc3Myw4MCwyNS4wMDYsODAsMTguMzg5eiBNMTguMDUsMzEuNTMzYy03LjUyMSwwLTEzLjYxNy02LjA2OS0xMy42MTctMTMuNTYNCgljMC03LjQ4OCw2LjA5Ni0xMy41NiwxMy42MTctMTMuNTZjNy41MiwwLDEzLjYxNyw2LjA3MSwxMy42MTcsMTMuNTZDMzEuNjY3LDI1LjQ2NCwyNS41NywzMS41MzMsMTguMDUsMzEuNTMzeiBNNjIuMDA5LDMxLjUzMw0KCWMtNy41MiwwLTEzLjYxNi02LjA2OS0xMy42MTYtMTMuNTZjMC03LjQ4OCw2LjA5Ny0xMy41NiwxMy42MTYtMTMuNTZjNy41MjEsMCwxMy42MTcsNi4wNzEsMTMuNjE3LDEzLjU2DQoJQzc1LjYyNiwyNS40NjQsNjkuNTI5LDMxLjUzMyw2Mi4wMDksMzEuNTMzeiIvPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNl8xXyIgb3BhY2l0eT0iMC44Ij4NCgk8Zz4NCgkJPGVsbGlwc2UgZmlsbD0iIzYwNjg2RSIgY3g9IjM1LjY4NSIgY3k9IjMwLjc1MSIgcng9IjEuNzcxIiByeT0iMS43NjIiLz4NCgk8L2c%2BDQo8L2c%2BDQo8ZyBpZD0iU2hhcGVfNV9jb3B5XzI3XzFfIiBvcGFjaXR5PSIwLjgiPg0KCTxnPg0KCQk8ZWxsaXBzZSBmaWxsPSIjNjA2ODZFIiBjeD0iNDQuMDUxIiBjeT0iMzAuNzUxIiByeD0iMS43NyIgcnk9IjEuNzYxIi8%2BDQoJPC9nPg0KPC9nPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNV8zXyI%2BDQoJPGc%2BDQoJCTxlbGxpcHNlIGZpbGw9IiM2MDY4NkUiIGN4PSIxNy45OTIiIGN5PSIxNy45MzEiIHJ4PSI0LjQ5MSIgcnk9IjQuNDczIi8%2BDQoJPC9nPg0KPC9nPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNV8xXyI%2BDQoJPGc%2BDQoJCTxlbGxpcHNlIGZpbGw9IiM2MDY4NkUiIGN4PSI2MS45NTIiIGN5PSIxNy45MzEiIHJ4PSI0LjQ5MSIgcnk9IjQuNDczIi8%2BDQoJPC9nPg0KPC9nPg0KPHBhdGggZmlsbD0iIzYwNjg2RSIgZD0iTTQ2LjcyOSw0OS42MzVjMCwzLjMyNi0zLjY5Niw2LjAyMy03LjAyMyw2LjAyM3MtNy4wMjMtMi42OTctNy4wMjMtNi4wMjNzMy42OTYtNi4wMjMsNy4wMjMtNi4wMjMNCglTNDYuNzI5LDQ2LjMwOSw0Ni43MjksNDkuNjM1eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 80px 66px; }

.icon-info { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2ODAgMzQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2ODAgMzQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzAsNTBjNjYsMCwxMjAsNTQsMTIwLDEyMHMtNTQsMTIwLTEyMCwxMjBTNTAsMjM2LDUwLDE3MFMxMDQsNTAsMTcwLDUwIE0xNzAsMEM3NiwwLDAsNzYsMCwxNzAKCXM3NiwxNzAsMTcwLDE3MHMxNzAtNzYsMTcwLTE3MFMyNjQsMCwxNzAsMEwxNzAsMHogTTE3MCwyNjBjLTE0LDAtMjUtMTEtMjUtMjR2LTY2YzAtMTQsMTEtMjQsMjUtMjRzMjUsMTEsMjUsMjR2NjYKCUMxOTUsMjQ5LDE4MywyNjAsMTcwLDI2MHogTTE3MCw4MGMxMy4zLDAsMjQsMTAuMywyNCwyM3MtMTAuNywyMy0yNCwyM3MtMjQtMTAuMy0yNC0yM1MxNTYuNyw4MCwxNzAsODB6Ii8%2BCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01MTAsNTBjNjYsMCwxMjAsNTQsMTIwLDEyMHMtNTQsMTIwLTEyMCwxMjBzLTEyMC01NC0xMjAtMTIwUzQ0NCw1MCw1MTAsNTAgTTUxMCwwYy05NCwwLTE3MCw3Ni0xNzAsMTcwCglzNzYsMTcwLDE3MCwxNzBzMTcwLTc2LDE3MC0xNzBTNjA0LDAsNTEwLDBMNTEwLDB6IE01MTAsMjYwYy0xNCwwLTI1LTExLTI1LTI0di02NmMwLTE0LDExLTI0LDI1LTI0czI1LDExLDI1LDI0djY2CglDNTM1LDI0OSw1MjMsMjYwLDUxMCwyNjB6IE01MTAsODBjMTMuMywwLDI0LDEwLjMsMjQsMjNzLTEwLjcsMjMtMjQsMjNzLTI0LTEwLjMtMjQtMjNTNDk2LjcsODAsNTEwLDgweiIvPgo8L3N2Zz4K); background-size: 68px 34px; }

.icon-info-small { width: 25px; height: 25px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjUwcHgiIGhlaWdodD0iMjUwcHgiIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTAgMjUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTI1LDM2Ljc2YzQ4LjY1LDAsODguMjQsMzkuNTgsODguMjQsODguMjRzLTM5LjU4LDg4LjI0LTg4LjI0LDg4LjI0Yy00OC42NSwwLTg4LjI0LTM5LjU4LTg4LjI0LTg4LjI0DQoJCQlTNzYuMzUsMzYuNzYsMTI1LDM2Ljc2IE0xMjUsMEM1NS45NiwwLDAsNTUuOTYsMCwxMjVjMCw2OS4wMyw1NS45NiwxMjUsMTI1LDEyNWM2OS4wNSwwLDEyNS01NS45NywxMjUtMTI1DQoJCQlDMjUwLDU1Ljk2LDE5NC4wNSwwLDEyNSwwTDEyNSwweiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGc%2BDQoJCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTI2LjE5LDE5My43MWMtMTAuMTUsMC0xOC4zOC04LjIzLTE4LjM4LTE4LjM4di01MGMwLTEwLjE1LDguMjMtMTguMzgsMTguMzgtMTguMzgNCgkJCQlzMTguMzgsOC4yMywxOC4zOCwxOC4zOHY1MEMxNDQuNTcsMTg1LjQ5LDEzNi4zNSwxOTMuNzEsMTI2LjE5LDE5My43MXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjEyNi4yIiBjeT0iNzUuMDciIHI9IjE3Ljg2Ii8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 25px 25px; }

.icon-alert { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzQwcHgiIGhlaWdodD0iMzQwcHgiIHZpZXdCb3g9IjAgMCAzNDAgMzQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDAgMzQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRUQ1QTVBIiBkPSJNMTYwLDE5NmMtMi0zLTMtNy01LTEybC0xNC03MGMtMi0xMC0xLTE4LDQtMjRjNS02LDEyLTksMjEtOWg2YzEwLDAsMTgsMywyMiw5YzUsNiw2LDE0LDQsMjRsLTEzLDcwDQoJCQljLTEsNi0zLDEwLTUsMTJjLTIsMy01LDQtOCw0aC01QzE2NCwyMDAsMTYxLDE5OCwxNjAsMTk2eiBNMTQ1LDIzOHYtNGMwLTE1LDctMjIsMjEtMjJoNmMxNCwwLDIyLDcsMjIsMjJ2NGMwLDE1LTcsMjItMjIsMjJoLTYNCgkJCUMxNTMsMjYwLDE0NSwyNTMsMTQ1LDIzOHoiLz4NCgk8L2c%2BDQoJPHBhdGggZmlsbD0iI0VENUE1QSIgZD0iTTE3MCw1MGM2NiwwLDEyMCw1NCwxMjAsMTIwcy01NCwxMjAtMTIwLDEyMFM1MCwyMzYsNTAsMTcwUzEwNCw1MCwxNzAsNTAgTTE3MCwwQzc2LDAsMCw3NiwwLDE3MA0KCQlzNzYsMTcwLDE3MCwxNzBzMTcwLTc2LDE3MC0xNzBTMjY0LDAsMTcwLDBMMTcwLDB6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 34px 34px; }

.icon-alert-gray { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0IDM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cjwvc3R5bGU%2BCjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDE5LjZjLTAuMi0wLjMtMC4zLTAuNy0wLjUtMS4ybC0xLjQtN2MtMC4yLTEtMC4xLTEuOCwwLjQtMi40QzE1LDguMywxNS43LDgsMTYuNiw4aDAuNgoJCWMxLDAsMS44LDAuMywyLjIsMC45YzAuNSwwLjYsMC42LDEuNCwwLjQsMi40bC0xLjMsN2MtMC4xLDAuNi0wLjMsMS0wLjUsMS4yYy0wLjIsMC4zLTAuNSwwLjQtMC44LDAuNGgtMC41CgkJQzE2LjQsMjAsMTYuMSwxOS44LDE2LDE5LjZ6IE0xNC41LDIzLjh2LTAuNGMwLTEuNSwwLjctMi4yLDIuMS0yLjJoMC42YzEuNCwwLDIuMiwwLjcsMi4yLDIuMnYwLjRjMCwxLjUtMC43LDIuMi0yLjIsMi4yaC0wLjYKCQlDMTUuMywyNiwxNC41LDI1LjMsMTQuNSwyMy44eiIvPgo8L2c%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNyw1YzYuNiwwLDEyLDUuNCwxMiwxMnMtNS40LDEyLTEyLDEyUzUsMjMuNiw1LDE3UzEwLjQsNSwxNyw1IE0xNywwQzcuNiwwLDAsNy42LDAsMTdjMCw5LjQsNy42LDE3LDE3LDE3CgljOS40LDAsMTctNy42LDE3LTE3QzM0LDcuNiwyNi40LDAsMTcsMEwxNywweiIvPgo8L3N2Zz4K); background-size: 34px 34px; text-indent: -9999px; }

.icon-alert-dark-gray { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM0IDM0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM4MDhBOTEiIGQ9Ik0xNS45NTgsMTkuNTYyYy0wLjE4My0wLjI2LTAuMzQyLTAuNjctMC40ODEtMS4yMjhsLTEuMzU0LTcuMDQzYy0wLjI0NC0wLjk4OS0wLjEyNi0xLjc4NSwwLjM1Mi0yLjM4OQ0KCQljMC40NzktMC42MDMsMS4xOTMtMC45MDMsMi4xNDgtMC45MDNoMC42NWMxLjAwNiwwLDEuNzU0LDAuMzAxLDIuMjQsMC45MDNjMC40ODIsMC42MDQsMC42MDQsMS4zOTksMC4zNjIsMi4zODlsLTEuMzI4LDcuMDQzDQoJCWMtMC4xNDEsMC41NTgtMC4zMDgsMC45NjgtMC41MDksMS4yMjhjLTAuMTk5LDAuMjYyLTAuNDc1LDAuMzkzLTAuODIsMC4zOTNoLTAuNDkyQzE2LjM5NiwxOS45NTUsMTYuMTQzLDE5LjgyNCwxNS45NTgsMTkuNTYyeg0KCQkgTTE0LjU0LDIzLjgxM3YtMC40MzJjMC0xLjQ1NywwLjcxMi0yLjE4NywyLjEzNi0yLjE4N2gwLjZjMS40MzksMCwyLjE2LDAuNzI5LDIuMTYsMi4xODd2MC40MzJjMCwxLjQ1Ny0wLjcyMSwyLjE4Ny0yLjE2LDIuMTg3DQoJCWgtMC42QzE1LjI1MiwyNiwxNC41NCwyNS4yNzEsMTQuNTQsMjMuODEzeiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzgwOEE5MSIgZD0iTTE3LDVjNi42MTcsMCwxMiw1LjM4MywxMiwxMnMtNS4zODMsMTItMTIsMTJTNSwyMy42MTcsNSwxN1MxMC4zODMsNSwxNyw1IE0xNywwQzcuNjExLDAsMCw3LjYxLDAsMTcNCgljMCw5LjM4OCw3LjYxMSwxNywxNywxN2M5LjM5MSwwLDE3LTcuNjEyLDE3LTE3QzM0LDcuNjEsMjYuMzkxLDAsMTcsMEwxNywweiIvPg0KPC9zdmc%2BDQo%3D); background-size: 34px 34px; text-indent: -9999px; }

.icon-included, .icon-check-green { width: 22px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDM5Ljk5OXB4IiBoZWlnaHQ9IjE4MHB4IiB2aWV3Qm94PSIwIDAgNDM5Ljk5OSAxODAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQzOS45OTkgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1RkNGODAiIGQ9Ik05MC41MDYsMTgwTDcuNSwxMDIuMDMyYy0xMC4wMDEtOS45OTYtMTAuMDAxLTI0Ljk5LDAtMzQuOTg1YzEwLjAwMS05Ljk5NiwyNy4wMDItOS45OTYsMzcuMDAyLDANCgkJbDQzLjAwMywzOS45ODNsODYuMDA2LTk3Ljk1OWM5LjAwMS0xMC45OTUsMjYuMDAyLTExLjk5NSwzNy4wMDItMi45OTljMTEuMDAxLDguOTk2LDEzLjAwMSwyMy45OSwzLDM0Ljk4NUw5MC41MDYsMTgweiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTMxMC41MDYsMTgwTDIyNy41LDEwMi4wMzJjLTEwLjAwMS05Ljk5Ni0xMC4wMDEtMjQuOTksMC0zNC45ODVjMTAuMDAxLTkuOTk2LDI3LjAwMi05Ljk5NiwzNy4wMDIsMA0KCQlsNDMuMDAzLDM5Ljk4M0wzOTMuNTEsOS4wNzFjOS4wMDEtMTAuOTk1LDI2LjAwMi0xMS45OTUsMzcuMDAyLTIuOTk5YzExLjAwMSw4Ljk5NiwxMy4wMDEsMjMuOTksMywzNC45ODVMMzEwLjUwNiwxODB6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 44px 18px; }

.icon-not-included { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTgwcHgiIGhlaWdodD0iMTgwLjAwMnB4IiB2aWV3Qm94PSIwIDAgMTgwIDE4MC4wMDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4MCAxODAuMDAyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNFRDVBNUEiIGQ9Ik0xNzUuNTI1LDEzOS43MjVsLTQ5LjcyNC00OS43MjRsNDkuNzI0LTQ5LjcyNGM1Ljk2Ny01Ljk2Nyw1Ljk2Ny0xNC45MTcsMC0xOS44OUwxNTkuNjEzLDQuNDc1DQoJYy01Ljk2Ny01Ljk2Ny0xNC45MTctNS45NjctMTkuODksMEw5MCw1NC4yTDQwLjI3Niw0LjQ3NmMtNS45NjctNS45NjctMTQuOTE3LTUuOTY3LTE5Ljg5LDBMNC40NzUsMjAuMzg4DQoJYy01Ljk2Nyw1Ljk2Ny01Ljk2NywxNC45MTcsMCwxOS44OWw0OS43MjQsNDkuNzIzTDQuNDc1LDEzOS43MjVjLTUuOTY3LDUuOTY3LTUuOTY3LDE0LjkxNywwLDE5Ljg4OWwxNS45MTIsMTUuOTEyDQoJYzUuOTY3LDUuOTY3LDE0LjkxNyw1Ljk2NywxOS44OSwwTDkwLDEyNS44MDJsNDkuNzI0LDQ5LjcyNGM1Ljk2Nyw1Ljk2NywxNC45MTcsNS45NjcsMTkuODksMGwxNS45MTItMTUuOTEyDQoJQzE3OS41MDMsMTUzLjY0NywxNzkuNTAzLDE0NC42OTcsMTc1LjUyNSwxMzkuNzI1eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 18px 18px; }

.icon-play-button { width: 36px; height: 36px; border: 12px solid #fff; border-radius: 100px; }

.icon-play-button .icon-play { background: url("/assets/icons/icon-play-pause-ee3e40c3da0f1eb938dfb60167c06d5056912672d9ee8a46730402923528b124.png") no-repeat -10px 0; width: 12px; height: 18px; }

.icon-share { width: 23px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjMwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAyMzAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMzAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02NC4wNywxMjUuOTE4YzkuMDEtMTQuMDIxLDMzLjAzNi0zNi4wNTUsOTAuMDk4LTM2LjA1NXYzMC4wNDZjMCw3LjAxMSw0LjAwNCw5LjAxNCwxMC4wMTEsNS4wMDgNCgkJbDYyLjA2Ny01My4wODFjNS4wMDUtNS4wMDgsNS4wMDUtMTIuMDE4LDAtMTYuMDI0TDE2NC4xNzgsMi43M2MtNS4wMDUtNS4wMDgtMTAuMDExLTMuMDA1LTEwLjAxMSw1LjAwOHYyOS4wNDQNCgkJYy0xNC4wMTUsMC04Mi4wODksMi4wMDMtOTQuMTAyLDg5LjEzNkM1OS4wNjQsMTMxLjkyNyw2MS4wNjYsMTMxLjkyNyw2NC4wNywxMjUuOTE4eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMC4wMjIsMTU5Ljk3VjU5LjgxN2g0OS4wNTNDODEuMDg4LDQ2Ljc5Nyw5Mi4xLDQwLjc4OCw5NC4xMDIsMzkuNzg3SDEyLjAxMw0KCQlDNS4wMDUsMzkuNzg3LDAsNDQuNzk0LDAsNTEuODA1djExNi4xNzdDMCwxNzQuOTkyLDUuMDA1LDE4MCwxMi4wMTMsMTgwaDE3NS4xOWM3LjAwOCwwLDEzLjAxNC01LjAwOCwxMy4wMTQtMTIuMDE4di01NC4wODINCgkJbC0yMC4wMjIsMTcuMDI2djI5LjA0NEgyMC4wMjJ6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 23px 18px; }

.icon-doc { width: 13px; height: 16px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzAgMTYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzAgMTYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cjwvc3R5bGU%2BCjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLDBDOSwwLDAsOSwwLDIwdjEyMGMwLDExLDksMjAsMjAsMjBoOTBjMTEsMCwyMC05LDIwLTIwVjQ1LjdMODYuNCwwSDIweiBNNzAsNDBjMCwxMSw5LDIwLDIwLDIwaDIwdjgwSDIwCgkJVjIwaDUwVjQweiIvPgo8L2c%2BCjwvc3ZnPgo%3D); background-size: 13px 16px; }

.icon-reply { width: 17px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTcwcHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCAxNzAgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNzAgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik00LjM3MSwxMjUuNzY5YzkuMTE5LTEzLjk5OSwzMi41NTgtMzUuODY4LDkwLjI0NC0zNS44Njh2MzAuMDI4YzAsNy4wNCw0LjMxLDkuMDU5LDkuNjQ5LDQuNTENCglsNjEuNzQ2LTUyLjc3NmM1LjMyLTQuNTUsNS4zMi0xMS45MDksMC0xNi40NDlMMTA0LjI2NCwyLjQxN2MtNS4zNC00LjUzLTkuNjQ5LTIuNTEtOS42NDksNC41M3YyOC42OTgNCgljLTEzLjUwOS0wLjM2LTgyLjAzNCwyLjIyLTk0LjI5NCw4OC45MTRDLTAuNjQ4LDEzMS41MDgsMC41NDEsMTMxLjY0OCw0LjM3MSwxMjUuNzY5eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 17px 13px; }

.icon-money { width: 60px; height: 40px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjAwcHgiIGhlaWdodD0iNDAwcHgiIHZpZXdCb3g9IjAgMCA2MDAgNDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik01NzAsMEM1NDAsMCwzMCwwLDMwLDBDMCwwLDAsMjkuNjMxLDAsMjkuNjMxczAsMzExLjExOCwwLDM0MC43MzlDMCw0MDAsMzAsNDAwLDMwLDQwMHM1MTAsMCw1NDAsMA0KCXMzMC0yOS42MzEsMzAtMjkuNjMxVjI5LjYzMUM2MDAsMjkuNjMxLDYwMCwwLDU3MCwweiBNNDg4LjQ0LDY3LjA3MnYtN2MwLTUuNjIsNC42My0xMC4xNywxMC4zMi0xMC4xN2M1LjY3LDAsMTAuMyw0LjU2LDEwLjMsMTAuMTcNCgl2Ny4xM2MxMy40NCwyLjUxLDIwLjc4LDkuMTcsMjEuNzIsMTAuMWM0LjAxLDMuOTgsNC4wMSwxMC40MiwwLDE0LjM4Yy0zLjk5LDMuOTQtMTAuNDEsMy45OS0xNC40NSwwLjEzDQoJYy0wLjQ0LTAuMzgtNi4yMS01LjI4LTE3LjU3LTUuMjhjLTE4LjY0LDAtMjIuNywxMS40MS0yMi43LDE0LjIzYzAsNi45NiwwLDE2LjQ4LDI1LjE4LDIyLjY5MQ0KCWM0MC43OCwxMC4wNiw0MC43OCwzMy41OTEsNDAuNzgsNDIuNDUxYzAsMTIuNTctMTAuMzQsMjkuNjYxLTMyLjk2LDMzLjcwMXY3YzAsNS42MS00LjYzLDEwLjE3LTEwLjMsMTAuMTcNCgljLTUuNjksMC0xMC4zMi00LjU2LTEwLjMyLTEwLjE3di02Ljk5Yy0yMi45LTMuOTYtMzEuNDYtMjAuMjYxLTMxLjg4LTIxLjAzYy0yLjU1LTUuMDMtMC40Ny0xMS4xNCw0LjYzLTEzLjY2DQoJYzUuMDctMi41LDExLjI1LTAuNDUsMTMuODEsNC41NmMwLjE1LDAuMjYsNi4xNCwxMC42NCwyMy43NiwxMC42NGMxOC42MiwwLDIyLjYzLTExLjQxLDIyLjYzLTE0LjIzYzAtNi45NiwwLTE2LjQ4LTI1LjEzLTIyLjY5MQ0KCWMtNDAuNzctMTAuMDctNDAuNzctMzMuNTgxLTQwLjc3LTQyLjQ1MUM0NTUuNDksODguMTkyLDQ2NS43OSw3MS4xMDIsNDg4LjQ0LDY3LjA3MnogTTMwMCw0NC40NDFjNDkuNzEsMCw5MCwzOS44MDEsOTAsODguODkyDQoJYzAsMjMuNDIxLTkuMjUsNDQuNjgxLTI0LjI1LDYwLjU2MmMtNC4xNy03LjA3LTExLjI4LTE2LjY1LTIyLjkzLTI0Ljk2MWM4Ljk0LTExLjg5LDEzLjQyLTI4Ljc3MSwxMy40Mi01MC40MjENCgljMC0zMC42MzEtMjUuMjMtNTUuNTUxLTU2LjI0LTU1LjU1MXMtNTYuMjQsMjQuOTIxLTU2LjI0LDU1LjU1MWMwLDE2LjYsMi42NywzMC40NzEsOCw0MS40MjFjLTExLjg4LDYuMjYtMjAuMjYsMTUuMTYtMjYuMTgsMjMuMzYxDQoJYy05LjgyLTE0LjI0LTE1LjU4LTMxLjQ0MS0xNS41OC00OS45NzFDMjEwLDg0LjI0MiwyNTAuMyw0NC40NDEsMzAwLDQ0LjQ0MXogTTI3Ni45NiwxNTcuNzc0Yy03LjExLTcuODUtMTAuNy0yMS4wNS0xMC43LTM5LjI2MQ0KCWMwLTE4LjM4LDE1LjE1LTMzLjMzMSwzMy43NC0zMy4zMzFjMTguNjEsMCwzMy43NiwxNC45NSwzMy43NiwzMy4zMzFjMCwyMS45OTEtNS4yMiwzNi41NzEtMTUuNTIsNDMuMzMxDQoJYy0zLjM1LDIuMjItNS4yNiw2LjA2LTQuOTcsMTAuMDZjMC4yOSwzLjk5LDIuNzQsNy41Miw2LjQxLDkuMjNjMTcuODEsOC4zMSwyNS43OCwyMS42MTEsMjguNDksMjcuMTkxDQoJYy0xMy45Myw4Ljc1LTMwLjQzLDEzLjg5LTQ4LjE2LDEzLjg5Yy0yMi41NywwLTQzLjE0LTguMjctNTguOTYtMjEuODMxYzUuMzktOC43MSwxNS4wOC0yMC4yNDEsMzAuNTktMjQuNTIxDQoJYzMuNzMtMS4wNCw2LjY3LTMuOTEsNy43NS03LjU4QzI4MC40OCwxNjQuNjA0LDI3OS41NSwxNjAuNjI0LDI3Ni45NiwxNTcuNzc0eiBNOTIuOTcsNjcuMDcydi03YzAtNS42Miw0LjYzLTEwLjE3LDEwLjMtMTAuMTcNCgljNS42OCwwLDEwLjMxLDQuNTYsMTAuMzEsMTAuMTd2Ny4xM2MxMy40NSwyLjUxLDIwLjc3LDkuMTcsMjEuNzEsMTAuMWM0LjAxLDMuOTgsNC4wMSwxMC40MiwwLDE0LjM4DQoJYy0zLjk4LDMuOTQtMTAuNCwzLjk5LTE0LjQ0LDAuMTNjLTAuNDMtMC4zOC02LjIyLTUuMjgtMTcuNTgtNS4yOGMtMTguNjIsMC0yMi42OCwxMS40MS0yMi42OCwxNC4yM2MwLDYuOTYsMCwxNi40OCwyNS4xNywyMi42OTENCgljNDAuNzgsMTAuMDYsNDAuNzgsMzMuNTkxLDQwLjc4LDQyLjQ1MWMwLDEyLjU3LTEwLjMzLDI5LjY2MS0zMi45NiwzMy43MDF2N2MwLDUuNjEtNC42MywxMC4xNy0xMC4zMSwxMC4xNw0KCWMtNS42NywwLTEwLjMtNC41Ni0xMC4zLTEwLjE3di02Ljk5Yy0yMi45Mi0zLjk2LTMxLjQ2LTIwLjI2MS0zMS44OC0yMS4wM2MtMi41NS01LjAzLTAuNDctMTEuMTQsNC42My0xMy42Ng0KCWM1LjA2LTIuNSwxMS4yNS0wLjQ1LDEzLjgxLDQuNTZjMC4xNCwwLjI2LDYuMTQsMTAuNjQsMjMuNzUsMTAuNjRjMTguNjMsMCwyMi42NS0xMS40MSwyMi42NS0xNC4yM2MwLTYuOTYsMC0xNi40OC0yNS4xMy0yMi42OTENCglDNjAsMTMzLjE0Myw2MCwxMDkuNjMyLDYwLDEwMC43NzJDNjAsODguMTkyLDcwLjMsNzEuMTAyLDkyLjk3LDY3LjA3MnogTTU3MCwzNTUuNTU5YzAsMCwwLDE0LjgxLTE1LDE0Ljgxcy01MTAsMC01MTAsMA0KCXMtMTUsMC0xNS0xNC44MWMwLTE0LjgxLDAtMTQuODEsMC0xNC44MWg1NDBWMzU1LjU1OXogTTU3MCwyODEuNDg3YzAsMCwwLDE0LjgxLTE1LDE0Ljgxcy01MTAsMC01MTAsMHMtMTUsMC0xNS0xNC44MQ0KCXMwLTE0LjgxLDAtMTQuODFoNTQwVjI4MS40ODd6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 60px 40px; }

.icon-calendar, .icon-calendar-white { width: 16px; height: 16px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzIwcHgiIGhlaWdodD0iMTYwcHgiIHZpZXdCb3g9IjAgMCAzMjAgMTYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMjAgMTYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDNkNCRDEiIGQ9Ik0xMzguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRDOTguMDM5LDAsOTMuNiw0LjQxMyw5My42LDkuODg0djguMTgxDQoJSDY2LjQyNlY5Ljg4NEM2Ni40MjYsNC40MzksNjIuMDEzLDAsNTYuNTQyLDBjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODFIMjEuNzI5QzkuNzI5LDE4LjA2NSwwLDI3Ljc5NCwwLDM5Ljc5NHY4LjgyNg0KCXYyOS42MjZ2NjBDMCwxNTAuMjcxLDkuNzI5LDE2MCwyMS43MjksMTYwaDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMxNjAuMDI2LDI3Ljc5NCwxNTAuMjk3LDE4LjA2NSwxMzguMjk3LDE4LjA2NXogTTE0MC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgyNC4zMQ0KCWMtMi40LDAtNC4zMzUtMS45MzUtNC4zMzUtNC4zMzVWNDIuMzc0YzAtMi40LDEuOTYxLTQuMzM1LDQuMzM1LTQuMzM1aDIyLjM0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0DQoJYzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3aDI3LjE0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0YzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3DQoJaDIyLjM0OGMyLjQsMCw0LjMzNSwxLjk2MSw0LjMzNSw0LjMzNUwxNDAuMDUxLDYxLjM2OEwxNDAuMDUxLDYxLjM2OHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODENCgloLTI3LjE3NFY5Ljg4NGMwLTUuNDQ1LTQuNDEzLTkuODg0LTkuODg0LTkuODg0Yy01LjQ0NSwwLTkuODg0LDQuNDEzLTkuODg0LDkuODg0djguMTgxaC0yNC45MjljLTEyLDAtMjEuNzI5LDkuNzI5LTIxLjcyOSwyMS43MjkNCgl2OC44MjZ2MjkuNjI2djYwYzAsMTIuMDI2LDkuNzI5LDIxLjc1NSwyMS43MjksMjEuNzU1aDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMzMjAuMDI2LDI3Ljc5NCwzMTAuMjk3LDE4LjA2NSwyOTguMjk3LDE4LjA2NXogTTMwMC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgxODQuMzENCgljLTIuNCwwLTQuMzM1LTEuOTM1LTQuMzM1LTQuMzM1VjQyLjM3NGMwLTIuNCwxLjk2MS00LjMzNSw0LjMzNS00LjMzNWgyMi4zNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NA0KCWM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3N2gyNy4xNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NGM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3Nw0KCWgyMi4zNDhjMi40LDAsNC4zMzUsMS45NjEsNC4zMzUsNC4zMzVMMzAwLjA1MSw2MS4zNjhMMzAwLjA1MSw2MS4zNjh6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 32px 16px; }

.icon-calendar-white { background-position: -16px 0; }

.icon-github { width: 25px; height: 25px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjI1MHB4IiBoZWlnaHQ9Ijc1MHB4IiB2aWV3Qm94PSIwIDAgMjI1MCA3NTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyNTAgNzUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCQ0KCQk8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2MjQgMC45NjUgLTAuOTY1IDAuMjYyNCA1MzIuOTY2IC01MDcuMDk2NikiIGZpbGw9IiNCN0MwQzciIGN4PSI1OTguMTgyIiBjeT0iOTUuMDcyIiByeD0iMjIuOTAyIiByeT0iMTYuMzUyIi8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTYyNC45OSwwQzU1NS45NywwLDUwMCw1NS45Nyw1MDAsMTI1czU1Ljk2LDEyNSwxMjQuOTksMTI1QzY5NC4wNCwyNTAsNzUwLDE5NC4wMyw3NTAsMTI1DQoJCVM2OTQuMDMsMCw2MjQuOTksMHogTTYzMS4zOCw5NS4zMWMwLDE5LjQxLTE4LjE2LDIxLjgzLTE4LjE2LDMwLjA4MWMwLDguMjYsMjQuMDksMTQuODcsMjQuMDksMzUuMzUNCgkJYzAsMzQuMTctNDIuMywzMi4yNS00Mi4zLDMyLjI1cy0zNi41NiwxLjMzLTM2LjU2LTI2LjIxczQxLjQ4LTI2LjQxLDQzLjYxLTI2LjQxYy0wLjUyLTYuMzMtNC43My01LjI4LTQuNzMtOC40di03LjcxDQoJCWMwLDAtMzEuMzksMy41MjEtMzEuMzktMjYuODhzMzUuOTItMzEuMjgsMzUuOTItMzEuMjhoMzUuNDRjMCw1LjQyLTE2LjE3LDMuNS0xNi4xNyw2LjM5QzYzMC4zMDEsNzYuNjYsNjMxLjM4LDgzLjY4LDYzMS4zOCw5NS4zMQ0KCQl6IE03MDMuODMxLDk4LjA3MWgtMjQuNjh2MjQuNjdoLTcuMjR2LTI0LjY3aC0yNC42OHYtNy4yNWgyNC42OFY2Ni4xMWg3LjI0djI0LjcxaDI0LjY4Vjk4LjA3MXoiLz4NCgk8cGF0aCBmaWxsPSIjQjdDMEM3IiBkPSJNNjAwLjY5MSwxODQuNDFjLTE0LjY0LDAuOTgtMjcuMDktNi44NS0yNy44Mi0xNy41M2MtMC43Mi0xMC42OCwxMC41Ny0yMC4xMywyNS4yLTIxLjEzDQoJCWMxNC42Mi0wLjk3LDI3LjA4LDYuODUsMjcuODEsMTcuNTNDNjI2LjU5LDE3My45NjEsNjE1LjMzMSwxODMuNDExLDYwMC42OTEsMTg0LjQxeiIvPg0KPC9nPg0KPGc%2BDQoJPHJlY3QgeD0iODM0LjA5IiB5PSIxMTEuNDQyIiBmaWxsPSIjQjdDMEM3IiB3aWR0aD0iMTcuNzciIGhlaWdodD0iNTMuNDM2Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg0My4xLDg1LjY5M2MtNi4xLDAtMTAuMDUsMy45OS0xMC4wNSw5LjIzOWMwLDUuMTI5LDMuODYsOS4yMzksOS44MSw5LjIzOWgwLjEyDQoJCWM2LjIxLDAsMTAuMDQtNC4xMSwxMC4wNC05LjIzOUM4NTIuOSw4OS42OTMsODQ5LjE3LDg1LjY5Myw4NDMuMSw4NS42OTN6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg5NS40NSwxMTAuMTkxYy05LjQzLDAtMTMuNjY5LDUuMjA5LTE2LjAxLDguODV2MC4xNGgtMC4xMWMwLjAzLTAuMDMsMC4wOC0wLjEsMC4xMS0wLjE0di03LjU5OWgtMTcuNzUNCgkJYzAuMjEsNSwwLDUzLjQzNiwwLDUzLjQzNmgxNy43NVYxMzUuMDRjMC0xLjYsMC4xLTMuMTgsMC41OC00LjMxOWMxLjI5LTMuMTksNC4yLTYuNDksOS4xMS02LjQ5YzYuNDIsMCw4Ljk5MSw0LjksOC45OTEsMTIuMDY5DQoJCXYyOC41ODdoMTcuNzhWMTM0LjI3QzkxNS45MiwxMTcuODMsOTA3LjE2LDExMC4xOTEsODk1LjQ1LDExMC4xOTF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg3NS4wMiwwQzgwNS45NSwwLDc1MCw1NS45NTUsNzUwLDEyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCw1NS45MzUsOTQ0LjA3LDAsODc1LjAyLDB6IE05MzMuNzksMTc1LjY3NmMwLDQuNy0zLjg4LDguNDk5LTguNjcsOC40OTlIODI0LjkxYy00LjgzLDAtOC43MS0zLjgtOC43MS04LjQ5OVY3NC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVYxNzUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTM3NS4wMSwwQzMwNS45NjUsMCwyNTAsNTUuOTcsMjUwLDEyNC45OUMyNTAsMTk0LjAyLDMwNS45NjUsMjUwLDM3NS4wMSwyNTBTNTAwLDE5NC4wMyw1MDAsMTI0Ljk5DQoJQzUwMC4wMSw1NS45Nyw0NDQuMDU1LDAsMzc1LjAxLDAgTTQxMS4yNjcsNzQuMDloLTE3LjUxOWMtMy41LDAtNi45OTksMy42My02Ljk5OSw2LjMzdjE4LjA1aDI0LjQ4OA0KCWMtMC45OCwxMy44My0yLjk5LDI2LjQ4LTIuOTksMjYuNDhIMzg2LjY0djc4LjQxaC0zMi4yMTh2LTc4LjQxaC0xNS42NTl2LTI2LjRoMTUuNjU5di0yMS41NmMwLTMuOTUtMC43OS0zMC4zNiwzMi45ODgtMzAuMzYNCgloMjMuODQ5TDQxMS4yNjcsNzQuMDlMNDExLjI2Nyw3NC4wOXoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNCN0MwQzciIGQ9Ik0xMzc0Ljk5NSwwQzEzMDUuOTQyLDAsMTI1MCw1NS45NywxMjUwLDEyNXM1NS45NTIsMTI1LDEyNC45OTUsMTI1QzE0NDQuMDI4LDI1MCwxNTAwLDE5NC4wMywxNTAwLDEyNQ0KCQlTMTQ0NC4wMjcsMCwxMzc0Ljk5NSwweiBNMTQ0Ny4zMzgsMTUwLjc1YzAsMTIuMzktMTAuNjIsMjIuNDgtMjMuNjIxLDIyLjQ4aC05Ny4zNTRjLTEzLjAxLDAtMjMuNzMxLTEwLjEtMjMuNzMxLTIyLjQ4di01MS41DQoJCWMwLTEyLjI4LDEwLjcyLTIyLjQ3LDIzLjczMS0yMi40N2g5Ny4zNTRjMTMsMCwyMy42MjEsMTAuMTksMjMuNjIxLDIyLjQ3VjE1MC43NUwxNDQ3LjMzOCwxNTAuNzV6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTE0MDQuMTA1LDEyMS40OGwtNDguMDczLTI2LjM0Yy0xLjc0LTAuOTYtNC4wNy0xLjEtNi0wLjM1Yy0xLjk0MSwwLjczLTMuMTgsMi4yNi0zLjE4LDMuODh2NTIuNjcNCgkJYzAsMS42MiwxLjI1LDMuMTMsMy4xOCwzLjg4YzAuODMsMC4zMSwxLjcsMC40NywyLjYyLDAuNDdjMS4xOCwwLDIuNC0wLjI3LDMuMzgtMC44M2w0OC4wNjItMjYuMzVjMS41MS0wLjgsMi4zNy0yLjEyLDIuMzctMy41MQ0KCQlDMTQwNi40NjYsMTIzLjYyLDE0MDUuNTY2LDEyMi4zMDEsMTQwNC4xMDUsMTIxLjQ4eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTEyNS4wMSwwQzU1Ljk2OSwwLDAsNTUuOTU5LDAsMTI0Ljk5OWMwLDY5LjAyLDU1Ljk2OSwxMjQuOTk5LDEyNS4wMSwxMjQuOTk5DQoJYzYyLjk1LDAsMTE1LjAxLTQ2LjUzOSwxMjMuNy0xMDcuMDdjMC44My00LjExLDEuMjItOC4zOCwxLjE1LTEyLjc2YzAuMDgtMS43MSwwLjE0LTMuNDMsMC4xNC01LjE2DQoJQzI0OS45OTksNTUuOTU5LDE5NC4wNSwwLDEyNS4wMSwweiBNMTgyLjU1LDEwMi4zMWMwLjA1LDEuMTgsMC4wNiwyLjMzLDAuMDYsMy41YzAsMzUuNjgtMjcuMTUsNzYuODMtNzYuODIsNzYuODMNCgljLTE1LjI2OSwwLTI5LjQ0LTQuNDQtNDEuNC0xMi4xMjljMi4xMSwwLjI0LDQuMjYsMC4zNyw2LjQzLDAuMzdjMTIuNjUsMCwyNC4yOS00LjI5LDMzLjU1LTExLjU0DQoJYy0xMS44Mi0wLjIyLTIxLjgtOC4wNC0yNS4yNi0xOC43NWMxLjY2LDAuMzEsMy4zNiwwLjQ5LDUuMTEsMC40OWMyLjQzLDAsNC44My0wLjM0LDcuMDktMC45NWMtMTIuMzUtMi40OC0yMS42Ny0xMy4zOS0yMS42Ny0yNi40Nw0KCWMwLTAuMTQsMC0wLjIzLDAtMC4zNGMzLjY2LDIuMDEsNy44MiwzLjI0LDEyLjI1LDMuMzhjLTcuMjgtNC44Ni0xMi4wMy0xMy4xMi0xMi4wMy0yMi40OWMwLTQuOTYsMS4zNC05LjU3LDMuNjYtMTMuNTkNCgljMTMuMzMsMTYuMzYsMzMuMjIsMjcuMDksNTUuNjgsMjguMjJjLTAuNDctMS45Ny0wLjcxLTQuMDYtMC43MS02LjE3YzAtMTQuOTIsMTIuMTItMjcuMDA5LDI3LjAxOS0yNy4wMDkNCgljNy43NiwwLDE0Ljc3LDMuMjksMTkuNyw4LjU0YzYuMTgtMS4yMiwxMS45NC0zLjQ1LDE3LjE3LTYuNTZjLTIuMDEsNi4zLTYuMjksMTEuNTktMTEuODksMTQuOTRjNS40OS0wLjYzLDEwLjY5LTIuMSwxNS41MS00LjI1DQoJQzE5Mi4zODksOTMuNzYsMTg3LjgyLDk4LjUsMTgyLjU1LDEwMi4zMXoiLz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0xMzc0Ljk4NCw1MDBDMTMwNS45NjcsNTAwLDEyNTAsNTU3LjM4MSwxMjUwLDYyOC4xNzJjMCw1Ni42MjEsMzUuODA4LDEwNC42NjIsODUuNDg3LDEyMS42MTMNCgljNi4yNSwxLjE4LDguNTMtMi43OCw4LjUzLTYuMThjMC0zLjA0LTAuMTEtMTEuMS0wLjE3LTIxLjhjLTM0Ljc2OSw3Ljc1LTQyLjEwOC0xNy4xOC00Mi4xMDgtMTcuMTgNCgljLTUuNjgtMTQuODEtMTMuODc5LTE4Ljc1LTEzLjg3OS0xOC43NWMtMTEuMzQ5LTcuOTUsMC44Ni03Ljc5LDAuODYtNy43OWMxMi41MzksMC45MSwxOS4xNSwxMy4yMSwxOS4xNSwxMy4yMQ0KCWMxMS4xNSwxOS41OSwyOS4yNTksMTMuOTMsMzYuMzc4LDEwLjY1YzEuMTQxLTguMjgsNC4zNTktMTMuOTMsNy45NC0xNy4xM2MtMjcuNzU5LTMuMjMtNTYuOTM3LTE0LjIzLTU2LjkzNy02My4zNDENCgljMC0xMy45OSw0Ljg3LTI1LjQzLDEyLjg3LTM0LjM5MWMtMS4yOS0zLjI0LTUuNTctMTYuMjcsMS4yMjktMzMuOTIxYzAsMCwxMC41LTMuNDUxLDM0LjM2OCwxMy4xNA0KCWM5Ljk2OS0yLjg0LDIwLjY2LTQuMjYxLDMxLjI4OS00LjMxYzEwLjYwOSwwLjA1LDIxLjMwOSwxLjQ3LDMxLjI4OSw0LjMxYzIzLjg1OS0xNi41ODEsMzQuMzM4LTEzLjE0LDM0LjMzOC0xMy4xNA0KCWM2LjgxOSwxNy42NSwyLjUzLDMwLjY4MSwxLjI0LDMzLjkyMWM4LjAxLDguOTYxLDEyLjg1LDIwLjQsMTIuODUsMzQuMzkxYzAsNDkuMjQxLTI5LjIyOSw2MC4wNzEtNTcuMDY4LDYzLjI0MQ0KCWM0LjQ5LDMuOTYsOC40OSwxMS43OCw4LjQ5LDIzLjczMWMwLDE3LjEzLTAuMTUsMzAuOTYtMC4xNSwzNS4xNjFjMCwzLjQzLDIuMjUsNy40MTEsOC42LDYuMTYNCgljNDkuNjI4LTE2Ljk4LDg1LjQwNy02NC45OTEsODUuNDA3LTEyMS41OTNDMTQ5OS45OSw1NTcuMzgxLDE0NDQuMDIyLDUwMCwxMzc0Ljk4NCw1MDB6Ii8%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyOS40NzksNjI1LjY2MWMwLjgzLTAuMjcsMS42OC0wLjUyLDIuNTItMC43NmMtMS42MS0zLjY0LTMuMzYtNy4yOC01LjE4OS0xMC44Nw0KCQljLTMxLjk4Nyw5LjU3LTYzLjAzNSw5LjE3LTY1LjgzNSw5LjEyYy0wLjAyLDAuNjUtMC4wMywxLjMtMC4wMywxLjk1OWMwLDE2LjQ1LDYuMjQsMzEuNDgsMTYuNDY5LDQyLjgzDQoJCUMxNTc4Ljg2NCw2NjUuNDUxLDE1OTYuNDQyLDYzNi4zNDEsMTYyOS40NzksNjI1LjY2MXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyMS41Miw2MDQuMTdjLTEwLjYxLTE4Ljg3LTIyLjA1OC0zNC43My0yMy43NDktMzcuMDVjLTE3LjkxOCw4LjQ1LTMxLjMxOCwyNC45OC0zNS40NjgsNDQuODUNCgkJQzE1NjUuMTY0LDYxMi4wMSwxNTkxLjU1Myw2MTIuMTMsMTYyMS41Miw2MDQuMTd6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE2NjcuNDY2LDU3Ny4xODFjLTExLjMxLTEwLjA0LTI2LjE4OC0xNi4xNC00Mi40NjctMTYuMTRjLTUuMTY5LDAtMTAuMTg5LDAuNjItMTUuMDA5LDEuNzgNCgkJYzEuNzcsMi4zNywxMy40MDksMTguMjIsMjMuODk4LDM3LjVDMTY1Ni42NjcsNTkxLjc4LDE2NjYuMzA3LDU3OC44MjEsMTY2Ny40NjYsNTc3LjE4MXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYzNS45MjksNjM1LjYzMWMtMzYuMTI3LDEyLjU5LTQ5LjA5NiwzNy42NS01MC4yNTYsNDAuMDFjMTAuODU5LDguNDcsMjQuNTA4LDEzLjUyLDM5LjMxNywxMy41Mg0KCQljOC44NywwLDE3LjMyOS0xLjgyLDI1LjAxOC01LjA5Yy0wLjk1LTUuNjItNC42Ny0yNS4yMS0xMy42NjgtNDguNThDMTYzNi4yMTgsNjM1LjU0LDE2MzYuMDc4LDYzNS41ODEsMTYzNS45MjksNjM1LjYzMXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyNS4wMSw1MDBjLTY5LjA0NSwwLTEyNS4wMSw1NS45Ny0xMjUuMDEsMTI0Ljk5YzAsNjkuMDMsNTUuOTY1LDEyNS4wMSwxMjUuMDEsMTI1LjAxDQoJCVMxNzUwLDY5NC4wMywxNzUwLDYyNC45OUMxNzUwLjAxLDU1NS45NzEsMTY5NC4wNTQsNTAwLDE2MjUuMDEsNTAweiBNMTYyNSw3MDAuMDAxYy00MS4zNDcsMC03NC45OTQtMzMuNjUtNzQuOTk0LTc1DQoJCXMzMy42NDctNzUsNzQuOTk0LTc1czc0Ljk5NCwzMy42NSw3NC45OTQsNzVTMTY2Ni4zNDcsNzAwLjAwMSwxNjI1LDcwMC4wMDF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE2NDguMzQ4LDYzMi41MzFjOC4zNzksMjMuMDIxLDExLjc4OSw0MS43ODEsMTIuNDQ5LDQ1LjY4YzE0LjM2OS05LjcyLDI0LjU5OS0yNS4xMSwyNy40NTgtNDIuOTQNCgkJQzE2ODYuMDU1LDYzNC41NywxNjY4LjQxNiw2MjkuMzEsMTY0OC4zNDgsNjMyLjUzMXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYzOC44MTksNjA5Ljg1MWMxLjQ5LDMuMDUsMi45Miw2LjE1LDQuMjUsOS4yOGMwLjQ2OSwxLjExLDAuOTMsMi4yMSwxLjM4LDMuMzENCgkJYzIxLjMxOS0yLjY4LDQyLjQ5NywxLjYyLDQ0LjYwNywyLjA2Yy0wLjE0LTE1LjEyLTUuNTQtMjktMTQuNDY5LTM5LjkxQzE2NzMuMjM2LDU4Ni40MTEsMTY2Mi40OTcsNjAwLjE4LDE2MzguODE5LDYwOS44NTF6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTgyMy45MjQsNjAzLjE5Yy0xLjk1LTEuMzYtNC4yMzktMi4xLTYuNjQ5LTIuMWMtNi41MywwLTExLjg0OSw1LjQ2LTExLjg0OSwxMi4xNw0KCQljMCwzLjUzLDEuNTEsNi44Myw0LjAzLDkuMTFDMTgxMi4wNTUsNjE1LjE4LDE4MTcuMDk0LDYwOC42NCwxODIzLjkyNCw2MDMuMTl6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0QzRDlERCIgY3g9IjE5MjcuMTg2IiBjeT0iNTY0LjQ5IiByeD0iOC42NzkiIHJ5PSI4LjkyIi8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE4NzQuODcsNTkyLjY3MWMtMzQuMTY3LDAtNjEuOTY1LDE4LjM0LTYxLjk2NSw0MC44OGMwLDIyLjU0LDI3Ljc5Nyw0MC44OCw2MS45NjUsNDAuODgNCgkJYzM0LjE2NywwLDYxLjk2NS0xOC4zNCw2MS45NjUtNDAuODhDMTkzNi44MzUsNjExLjAxMSwxOTA5LjAzNyw1OTIuNjcxLDE4NzQuODcsNTkyLjY3MXogTTE4NDIuODQyLDYyNS4zNA0KCQljMC02LjAyLDQuNzUtMTAuOSwxMC42MTktMTAuOWM1Ljg2LDAsMTAuNjE5LDQuODgsMTAuNjE5LDEwLjlzLTQuNzUsMTAuOS0xMC42MTksMTAuOQ0KCQlDMTg0Ny41OTIsNjM2LjI1LDE4NDIuODQyLDYzMS4zNywxODQyLjg0Miw2MjUuMzR6IE0xODk5Ljg5OCw2NTQuODRjLTAuMzIsMC4zNC03Ljk0LDguMy0yNS4xNDgsOC4zDQoJCWMtMTcuMzA5LDAtMjQuMjI4LTguMDctMjQuNTE5LTguNDFjLTAuOTgtMS4xNzEtMC44NC0yLjkzLDAuMy0zLjkzYzEuMTMtMC45OSwyLjgzLTAuODYsMy44MSwwLjI5DQoJCWMwLjE2LDAuMTcsNS45MjksNi40OCwyMC40MDksNi40OGMxNC43MjksMCwyMS4xNzgtNi41MywyMS4yNDgtNi42YzEuMDQtMS4wOSwyLjc1OS0xLjEyLDMuODMtMC4wNQ0KCQlDMTkwMC44ODgsNjUxLjk5MSwxOTAwLjkyOCw2NTMuNzMxLDE4OTkuODk4LDY1NC44NHogTTE4OTcuNzg4LDYzNi4yNWMtNS44NywwLTEwLjYxOS00Ljg4LTEwLjYxOS0xMC45czQuNzUtMTAuOSwxMC42MTktMTAuOQ0KCQljNS44NiwwLDEwLjYxLDQuODgsMTAuNjEsMTAuOUMxOTA4LjM5Nyw2MzEuMzcsMTkwMy42NDcsNjM2LjI1LDE4OTcuNzg4LDYzNi4yNXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTkzMi43MTUsNjAxLjFjLTIuNDYsMC00LjgsMC43Ny02Ljc3OSwyLjJjNi44MjksNS40NywxMS44MzksMTIuMDMsMTQuMzk5LDE5LjI2DQoJCWMyLjY0LTIuMjksNC4yMy01LjY2LDQuMjMtOS4yOUMxOTQ0LjU2NCw2MDYuNTUsMTkzOS4yNTUsNjAxLjEsMTkzMi43MTUsNjAxLjF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE4NzUuMDEsNTAwYy02OS4wNDUsMC0xMjUuMDEsNTUuOTctMTI1LjAxLDEyNC45OWMwLDY5LjAzLDU1Ljk2NSwxMjUuMDEsMTI1LjAxLDEyNS4wMQ0KCQlTMjAwMCw2OTQuMDMsMjAwMCw2MjQuOTlDMjAwMC4wMSw1NTUuOTcxLDE5NDQuMDU1LDUwMCwxODc1LjAxLDUwMHogTTE5NDEuODI1LDYyOC4zMWMwLjI4LDEuNzIsMC40NCwzLjQ3LDAuNDQsNS4yNA0KCQljMCwyNS42MS0zMC4yMjcsNDYuNDUtNjcuMzg1LDQ2LjQ1Yy0zNy4xNTgsMC02Ny4zODUtMjAuODQtNjcuMzg1LTQ2LjQ1YzAtMS44MywwLjE3LTMuNjIsMC40Ny01LjM5DQoJCWMtNC45MS0zLjI2LTcuOTQ5LTguODQtNy45NDktMTQuODljMC05Ljc4MSw3Ljc0OS0xNy43NCwxNy4yNzktMTcuNzRjNC4xOSwwLDguMTQsMS41NCwxMS4yOCw0LjMzDQoJCWMxMS42NDktNy42MSwyNy4yMjgtMTIuMzksNDQuMzk2LTEyLjcybDEyLjA3LTM1LjIybDI5LjA3OCw3LjE0YzIuMDk5LTUuMyw3LjE2LTkuMDUsMTMuMDY5LTkuMDVjNy43NzksMCwxNC4xMDksNi41LDE0LjEwOSwxNC40OQ0KCQljMCw3Ljk5LTYuMzMsMTQuNDktMTQuMTA5LDE0LjQ5Yy03Ljc2OSwwLTE0LjA4OS02LjQ4LTE0LjEwOS0xNC40NmwtMjQuNTQ4LTYuMDNsLTkuODMsMjguNjgNCgkJYzE2LjQ3OSwwLjY0LDMxLjM4OCw1LjM5LDQyLjYyNywxMi43N2MzLjE2LTIuODUsNy4xNS00LjQzLDExLjM4OS00LjQzYzkuNTI5LDAsMTcuMjc5LDcuOTYsMTcuMjc5LDE3Ljc0DQoJCUMxOTQ5Ljk5NCw2MTkuNDExLDE5NDYuODY0LDYyNS4wOCwxOTQxLjgyNSw2MjguMzF6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMjE4NS4xODUsNjA5Ljg4MWMwLjM4OSwwLjYyLDEuMDUxLDEuMjcsMS42MSwxLjc1YzAuNTUsMC40OCwxLjEwOSwwLjk4LDEuODY5LDAuOTUNCgkJYzAuMjItMC4wMSwxLjI3MS0wLjE2LDEuNDMtMC4yOWMwLjAyLTAuMDIsMC4wNC0wLjA2LDAuMDUtMC4wOGMtMC42NC0zLjI4LTEuNTItNi40Ny0yLjYyOS05LjU2Yy0wLjA3LDAuMTMtMC4xNSwwLjI1LTAuMzAxLDAuMzgNCgkJYy0wLjM2OSwwLjMzLTAuODEsMC40NC0xLjEzOSwwLjg2Yy0wLjMxMSwwLjM5LTAuMjUsMC43LTAuNTAxLDEuMTYxYy0wLjEyLDAuMjItMC40MDksMC4zMS0wLjUzLDAuNTcNCgkJYy0wLjI3MSwwLjU4LDAuMDQsMS40OSwwLjAxLDIuMTNDMjE4NS4wMjUsNjA4LjUzMSwyMTg0Ljc2NSw2MDkuMjExLDIxODUuMTg1LDYwOS44ODF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxMzMuNjU4LDU2MS45NGMwLjY5LDAuMTEsMS4zOSwwLjIxLDIuMDgsMC4zMmMtMSwzLjAyLTYuMjA5LDEtOC4zNjksMWMxLjY5LTAuNjYsNC4yMi0xLjU0LDUuNjQtMi41OA0KCQljMC43NS0wLjU1LTAuMDEtMC45MSwxLjAxLTEuNDVjLTIuOTU5LTAuNDAxLTUuOTY5LTAuNjMtOS4wMy0wLjYzYy00Ljc0LDAtOS4zNjksMC41MS0xMy44MjksMS40NmgwLjI0DQoJCWMtMC45OSwwLjU3LTIuOTA5LDIuNDQtMS43OSwzLjYxYzEuMTAxLDEuMTQxLDIuNC0wLjYxLDMuNS0xLjE2YzIuNTUtMS4yOCw1Ljk0OS0xLjQxLDguNzgtMS45NmMtMC41LDEuMzMtNC41MjksMC44NS01LjkzOSwxLjM2DQoJCWMtMS43NywwLjY1LTAuOTgsMS4xLTIuMjIsMy4wOGMwLjUzLTAuMDYsMS4xMDEsMC4yNSwxLjY0LDAuMjR2MC4zNmMtMS4yMTktMC4xMS0yLjM4LTAuNjgtMi42NCwwLjc2DQoJCWMtMS41Ni0yLjM0LTIuNTgtMi4xNS00LjI0LTAuMDhjMS42NCwwLjkxLDMuMjYsMi4wNSwxLjk2LDMuNjJjLTEuNTgsMS45MS0yLjUzLTAuNDQtMC45Mi0xLjQyYy0xLjQ3LTAuNjgtMi42MS0xLjgzLTMuNzYtMC4zNg0KCQljMC40OTEtMC4wNSwxLjAyLDAuMiwxLjUyLDAuMmMtMC4yODEsMC40MDEtMC41NiwxLjcxLTAuODMsMS44NmMtMC42MywwLjM2LTIuOTctMC40My0zLjY1OS0wLjUxYy0xLjc0LTAuMjEtMy40Ni0wLjE2LTUuMjI5LTAuMDcNCgkJYzAuMzIxLDIuMTctMi4xMDksMC4wOS0zLTAuNDRjMS42MS0xLjYzLDMuNTU5LTEuMDEsNS40Mi0wLjc2YzEuNTUsMC4yMSwzLjg1LDAuMiw0LjAzLTEuNzdjLTEuNjktMC4zNi0yLjUyLTAuMjUtMy4zOS0xLjU0DQoJCWMtMC4zNC0wLjUxLTAuNTctMS4wNC0wLjY1LTEuNTdjLTEwLjU0OSw0LjMxLTE5LjczOSwxMS4yNi0yNi43NjgsMjAuMDJjMS41NiwxLjA4LDMuMjMsMi4zOCwzLjg3LDIuOTMNCgkJYzEuMTIsMC45NiwxLjY3LDIuMTEsMi4zNywzLjI4YzAuMDQsMC4wNiwwLjY1LDEuMDMsMC45LDEuNDJjMC43NiwwLjc2LDEuMzcsMS42MiwxLjU0LDIuNjVjMC4yMSwxLjI1LTAuMjYsMi4yOC0wLjM3OSwzLjU4DQoJCWMtMC4zNTEsMy45OCwwLjIxLDcuNywzLjMxLDEwLjQ5YzAuODYsMC43OCwxLjk4LDEuMTgsMi44MzksMS45OWMwLjg5LDAuODUsMC43OCwxLjQyLDEuMzIsMi4zMWMxLjQyLDIuMzYsMy4zMiw0LjU3LDQuOTYsNi44DQoJCWMxLjQzLDEuOTQ5LDIuMDMsMS41NywwLjYyLTAuNDRjLTAuOTYtMS4zNy0yLjE0OS0yLjcxLTIuOTM5LTQuMTdjLTAuMDgtMC4xNS0wLjg5LTIuMDctMC42My0yLjAyYzIuMjIsMC40NywyLjY3LDEuOTgsNC4xMSwzLjc2DQoJCWMxLjQyLDEuNzUsMi42MywyLjczLDMuNDUsNC44NGMwLjk3LDIuNDUsMi40NCwzLjY1LDQuODUsNC43M2MxLjE4OSwwLjUzLDMuMTMsMS45NCw0LjM5OSwyLjExYzEuNSwwLjIsMi4yOS0wLjc4LDMuNzA5LTAuMQ0KCQljMC45NCwwLjQ1LDEuNjcsMS45LDIuODM5LDIuMjRjMS4xMTksMC4zMywxLjg2OS0wLjA5LDIuOTIsMC42MmMxLjI1LDAuODUsMS42OSwyLjMxLDIuODY5LDMuMmMwLjg0LDAuNjQsMi4wNTksMS40NCwzLjEzLDEuNjINCgkJYzAuNzcsMC4xMywxLjYyLTAuNDUsMi4zOC0wLjJjMS4zOCwwLjQ1LDEuNjksMi4xMywxLjI4MSwzLjQ3Yy0wLjQ1OSwxLjUtMS44NywyLjQzLTIuNDQsMy45M2MtMC41MSwxLjM1LTAuMTksMi41LTAuMzYxLDMuNzgNCgkJYy0wLjE4LDEuMzMtMS4yNS0wLjAxLTAuMTgsMi4yNGMwLjUsMS4wNSwxLjIzLDIuMDEsMS44NjksMi45N2MxLjI2LDEuOTEsMi4xNTksMy41OCwzLjg1LDUuMTJjMS4xOTksMS4wOSwzLjgwOSwyLjM2LDQuNDA5LDMuOTgNCgkJYzAuNTMsMS40NCwwLjA5LDQuNi0wLjE4LDYuMTFjLTAuNTYsMy4xNy0wLjQ3OSw2Ljk5LTEuMzU5LDkuOTRjLTAuODUsMi44Ny0xLjg1LDMuNzItMS4xMSw2Ljg1YzAuMzExLDEuMzQsMC41NSwwLjY5LDAsMi40MQ0KCQljLTAuMTYsMC41LDAsMC43LTAuMTksMS4yYy0wLjM5OSwxLjA3LTEuMzQ5LDEuNjktMS43NiwyLjc5YzEuNTEsMC4wNywxLjQsMC42LDAuOTIsMS4yYzIuNTQtMC4yMSw1LjAzOS0wLjU0LDcuNDg5LTEuMDMNCgkJYy0wLjQyOS0wLjQ1LTAuODktMC45MS0wLjg5LTEuMjNjMC0wLjM1LDEuMzU5LTIuMDksMS41NC0yLjUyYzAuMjkxLTAuNjksMC41MDEtMi4xOSwwLjkyLTIuNzNjMC43Mi0wLjkxLDIuMjgtMC41NywxLjk3OS0yLjI4DQoJCWMzLjQ4LTAuMDQsNC45Ny0wLjU2LDUuNTUtNC4xYy0wLjYyLTAuMzEtMC40OS0wLjEzLTAuNTktMC42N2MwLjEyLDAuNjQsMi42LTAuMjYsMi44MzksMC4xOWMwLjE4LDAuMzUsMy4zMy0zLjk2LDMuNjc5LTQuMzINCgkJYzAuODktMC45NSwxLjY3LTEuNjYsMi4yNC0yLjhjMC4yMi0wLjQ0LDAuNDU5LTEuOCwwLjkzLTIuNDdjLTAuMDMsMC4xMi0wLjA3LDAuMjMtMC4xMSwwLjM0YzEuMTItMS43OCwyLjU1LTEuNTYsNC4xNy0yLjI4DQoJCWMxLjYxLTAuNzIsMC40NS0wLjUyLDEuNjMtMS42NGMxLjQxLTEuMzMsMS43My0wLjU3LDIuMTMtMi43NmMwLjMtMS42Mi0wLjA5LTMuMDksMC40MjktNC41NWMwLjY2LTEuODQsMi4yNC0yLjQ0LDMuMjktNA0KCQljMC44LTEuMTksMS41Ni0zLjE0LDAuNDctNC4zNGMtMC45LTEtMy41ODktMS44Mi00LjgxLTIuMTFjLTEuNDQtMC4zNC0zLjA5LTAuMzctNC40MzktMC45MmMtMS41OC0wLjY0LTIuODk5LTIuMzItMy42OTksMC4yOA0KCQljLTAuMjYtMC4xOS0xLjM1LTAuNzktMS4zNS0xLjA4YzAsMC41NywxLjU0LTAuNTEsMS43NS0wLjc2Yy0wLjY2LDAuMDUtMi45MDksMC41NS0zLjI0LDAuMzNsMCwwYzAuMTYsMC4xMiwwLjU2LDAuMDYsMC43NCwwLjA5DQoJCWMtMC42OSwwLjM3LTAuODMsMC4yNS0wLjc0LTAuMDljMCwwLTAuMDEsMC0wLjAyLTAuMDFjMCwwLDAuMDIsMCwwLjAyLDAuMDFjMC4xOS0wLjY1LDEuMy0yLjEsMS4zMi0yLjM5DQoJCWMwLjEyLTEuNjEtMi4yMTktMy40NC0zLjQ4LTMuOGMtMS43My0wLjUtMi43Mi0wLjI4LTQuMi0xLjM2Yy0xLjgtMS4zMi0zLjU0OS0yLjc4LTUuODQtMy4wNGMtMC40NzktMC4wNS0xLjAxLDAuMjEtMS41MSwwLjE0DQoJCWMtMS4yNDEtMC4xOC0xLjY1LTAuOTgtMi42OC0xLjI0Yy0xLjI3LTAuMzItMS43NSwwLjc4LTIuNTEsMC43N2MtMS4xMiwwLTEuMzgtMS4xNy0zLjAyLTAuMTljLTIuNDIsMS40Ni0xLjEsMi4zNy0zLjg2LDEuNjcNCgkJYy0xLjQ2LTAuMzctMy4xLDAuNTItNC40ODktMC40NGMtMS4yNi0wLjg3LTEuNTQtMy4yOC0wLjMyLTQuMjk5Yy0wLjYyLDAuNTItMC42LTEuMTItMS4wNTEtMS40MmMtMC43Mi0wLjQ3LTEuODksMC4wOC0yLjcyLTAuMTINCgkJYy0xLjEyLTAuMjctMS43Ny0wLjM3LTEuNTItMS40NmMwLjI4LTEuMTgsMy4zOS00LjM5LDAuMjEtNC4zMDFjLTEuNzMsMC4wNS0yLjI5LDIuNjItNC4xMywzYy0yLjA2OSwwLjQyLTMuODctMC4yOC00Ljk1LTIuMTENCgkJYy0yLjIzLTMuODIsMS4zMS04LjUyLDQuOTQtOC44NWMyLjgyOS0wLjI2LDYuOTc5LTIuMzUsOS4wNDksMC43N2MwLjYsMC45MSwyLjA4OSw0LjQzLDIuODU5LDIuMTVjMC4yMy0wLjY5LTAuNi0zLjcxLTAuODYtNC45Nw0KCQljLTAuMDEsMC4wMS0wLjAyLDAuMDItMC4wMywwLjA0Yy0wLjAxLTAuMTQtMC4wMy0wLjI3LTAuMDQtMC40MWMwLjAxLDAuMDksMC4wNCwwLjIyLDAuMDcsMC4zN2MwLjUtMC43OCwxLjI4MS0xLjMxLDEuOTYtMS45NTENCgkJbDAsMGMwLjEtMC4wOSwwLjItMC4xOSwwLjI5MS0wLjI5Yy0wLjA5LDAuMS0wLjE5LDAuMTktMC4yOTEsMC4yOWMwLjc0LTAuNzIsMi42NS0xLjU4LDIuOTgtMi41OGMwLjE4LTAuNTUtMC42NS0xLjI3LTAuMjItMi4wMw0KCQljMC4zMzktMC41OSwxLjE1OS0wLjM1LDEuNDgtMC43NGMwLjQ1OS0wLjU2LDAuNTItMS40OCwxLTIuMDdjMC41LTAuNiwxLjQ2LTAuNjgsMS45Ni0xLjE0YzEuMTU5LTEuMDUsMS40OC0yLjI2LDIuODM5LTIuOQ0KCQljMS4yODEtMC44NywyLjY1LTIuMzYsNC4yOC0xLjY4Yy0wLjU5LDAuNjgtMi4wOSwxLjA5LTIuNTIsMS43MmMtMC4zLDAuNDMsMi4yMiwwLjE5LDIuNTYsMC4wN2MxLjQyLTAuNTIsMi41NC0xLjU4LDMuNzI5LTIuMzYNCgkJYzIuMDU5LTEuMzYsNC40NDktMS40Myw2LjkyOS0wLjkzYzAuNzYsMC4xNS0xLjM4LTIuOTItMS42LTMuMThjLTAuODYtMC45OS0xLjA4LTEuODctMi40Ny0wLjU5Yy0wLjQwOSwwLjM3LTAuODMsMS42NC0xLjEyLDIuMTYNCgkJYy0wLjg4LDEuNi0wLjY4LDEuMzktMi41OTksMi4zOGMwLjEtMC4wNSwwLjItMC4xLDAuMy0wLjE2Yy0xLjQsMC4yOC0yLjc0LDAuODktMy4zMS0wLjg1Yy0wLjE5LTAuNTgsMC42Mi0xLjQzLDAuMTctMi4wMQ0KCQljLTEtMS4yOS00LjMxOSwxLjQzLTUuNDc5LDEuODZjMC42MS00Ljc3LDYuMjUtMi4yNiw5LjI1OS0zLjIxYzAuODItMC4yNiwzLjktMS40NCw0LjA3LTIuMjJjMC4yNS0xLjE1MS0yLjQ0LTMuMDItMy4wNS0zLjU1DQoJCWMtMS4zMi0xLjEzLTIuMDMxLTEuNzgtMi43NzEtMy41M2MtMC43OS0xLjg3LTEuMzEtMy43NC0zLjMtMi4zNmMtMC43NCwwLjUxLTAuMjEsMS42My0xLjQ4LDEuOGMtMC44LDAuMTEtMS42My0wLjktMi4wODktMS4zOA0KCQljLTAuNjktMC43Mi0xLjQxLTIuNDgtMi42OC0yLjY0Yy0xLjA5LTAuMTMtNC4xMy0xLjc0LTUuNTUtMC43Yy0xLjA4OSwwLjgsMC4xNSwzLjgsMC40NzksNC44OGMwLjcxLDIuMzIsMS4xNSwyLjQxLTAuODIsMy44Ng0KCQljLTAuOTcsMC43MS0xLjU1LTAuMDUtMS4xOTksMS44N2MwLjE4LDEsMS4yNiwxLjE5LDAuNDksMi4wNmMtMC40NywwLjUzLTEuNiwwLjQ4LTIuMTUsMC4yMmMtMS43Mi0wLjgtMC4xOS0xLjg4LTEuMDEtMy4wMg0KCQljLTAuNjEtMC44NS0zLjktMS41NS01LjAyOS0yLjA2Yy0yLjQ5LTEuMTMtOS4wNi0yLjMyLTcuMDM5LTYuMThjMC41NS0xLjA1LDIuNi0yLjU5LDMuNTM5LTMuMTljMC45Ni0wLjYyLDIuMTUtMC43OSwyLjk1LTEuNjQNCgkJYzAuNDQ5LTAuNDgsMC40NzktMS44LDAuODktMi4xM2MwLjU3LTAuNDcsMi4yMy0wLjI1LDMuMTEtMC4yMmMzLjgzLTAuNzcsMC4zNDEtNi4zMiw1LjM4LTUuMzJjMS4zOSwwLjI4LDIuNzc5LDEuNjksMy45MywyLjQ3DQoJCWMxLjI5LDAuODgsMS43MiwwLjc4LDEuMzEsMi4xM2MtMC4xLDAuMzEtMS41NCwxLjcxLTEuODk5LDJjLTAuNjcsMC41Mi0xLjc2LDAuNzYtMi41NCwxLjA4YzIuNjMsMCwzLjcyOS0wLjEzLDUuODgsMS4zDQoJCWMxLjg0LDEuMjIsMi45OSwyLjA0LDUuMjQ5LDEuOTUxYy0wLjE0LTEuMS0yLjA3OS0wLjY3LTItMS43NmMwLjA2LTAuOTIsMS4yMywwLjI5LDEuMzgsMC4zYzAuNjMsMC4wMywyLjI2LDAuNzgsMS45LTAuOTgNCgkJYy0wLjMxMS0xLjU0LTMuNjc5LTAuODEtMi42LTMuMzJjMS41Mi0wLjE3LDEuMTA5LDEuNSwyLjEwOSwxLjg2YzEuMDcsMC4zNzksMi40Ni0wLjkyLDIuNjktMS44MmMtMS41LTAuNzYtNi4wNzktMi01LjU2LTQuMTYNCgkJYzMuMDYsMS45NDksNi4xMDksMy45LDkuMTY5LDUuODRjLTIuNDgsMi4yMSwxLjgsMC45NywyLjA1OSwxLjAzYzAuNzMsMC4xOCwyLjU4LDEuNzgsMS4zNywyLjA4Yy0xLjI2LDAuMzEtMS45MDktMS41MS0zLjE5LTAuMTUNCgkJYzEuMDYxLDAuMjgsNC44MSwwLjQ5LDMuODEsMi41MmMtMC4zOTksMC44MS0yLjgwOSwwLjY3LTMuNTI5LDIuMjVjMC41Mi0wLjEsMS4wOCwwLjA1LDEuNi0wLjA4Yy0xLjE0OSwxLjc5LDAuNTUsMi45OCwxLjQ5LDQuNDENCgkJYzEuMDYsMS42MywyLjU1LDQuMTIsNC42Niw0LjY0YzQuNDg5LDEuMSwzLjk1LTYuMiw3LjM1OS03LjM1YzAuOTQtMC4zMiwxLjk3LTAuMDksMi45Mi0wLjM1YzEuMDYxLTAuMywxLjYzLTEuMDYsMi40Ny0xLjY0DQoJCWMyLjA4LTEuNDMsMy44OC0xLjQ0LDYuNDYtMS41MmMwLjA2LDAsMC4xMywwLDAuMiwwYy05LjI2OS05Ljc2LTIxLjQ2OS0xNi43MS0zNS4xNzctMTkuNDMNCgkJQzIxMzYuNDA5LDU2MC4zOCwyMTM0Ljk1OSw1NjEuMDgsMjEzMy42NTgsNTYxLjk0eiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0yMTIxLjIyOSw1NzEuOTExYy0wLjA2LDAtMC4xMywwLTAuMTktMC4wMWMtMC4wMSwwLTAuMDIsMC4wMS0wLjAzLDAuMDFIMjEyMS4yMjl6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxMjUuMDEsNTAwYy02OS4wNDUsMC0xMjUuMDEsNTUuOTctMTI1LjAxLDEyNC45OWMwLDY5LjAzLDU1Ljk2NSwxMjUuMDEsMTI1LjAxLDEyNS4wMQ0KCQlTMjI1MCw2OTQuMDMsMjI1MCw2MjQuOTlDMjI1MC4wMSw1NTUuOTcxLDIxOTQuMDU0LDUwMCwyMTI1LjAxLDUwMHogTTIxMjQuOTk5LDcwMC4wMDFjLTQxLjQxNywwLTc0Ljk5NC0zMy41OC03NC45OTQtNzUNCgkJczMzLjU3Ny03NSw3NC45OTQtNzVjNDEuNDE3LDAsNzQuOTk0LDMzLjU4LDc0Ljk5NCw3NVMyMTY2LjQxNiw3MDAuMDAxLDIxMjQuOTk5LDcwMC4wMDF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxODIuMTc1LDYzNS45NTFjMC45MiwxLjQ1LDIuNDQsMi45NSwzLjcxOSw0LjA3YzAuOTksMC44NiwyLjAxLDEuNzYsMy4yNSwyLjA4DQoJCWMxLjQ2LTUuNDYsMi4yNC0xMS4xOSwyLjI0LTE3LjFjMC0zLjQyLTAuMjYtNi43Ny0wLjc2LTEwLjA1Yy0wLjkyLDAuNjYtMS44OTksMS45Mi0yLjMxLDIuNjdjLTAuNTcsMS4wMy0wLjU0LDEuNjctMS40NCwyLjQ4DQoJCWMtMC44NSwwLjc3LTEuODg5LDEuMDEtMi42NSwxLjk5Yy0wLjcyLDAuOTEtMC41OSwxLjYzLTEuMTY5LDIuNjljLTAuMjcsMC41LTAuOTQsMC43LTEuMjMsMS4zMmMtMC42MywxLjM0LDAuMDksMy40NiwwLjAzLDQuOTUNCgkJQzIxODEuNzk1LDYzMi44MTEsMjE4MS4xOTUsNjM0LjQwMSwyMTgyLjE3NSw2MzUuOTUxeiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTExNjcuMzcsMTI2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43NiwxMTguMjIsMTE2Ny4zNywxMjIuMTMsMTE2Ny4zNywxMjYuMTh6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0I3QzBDNyIgY3g9IjExMjUuMTMiIGN5PSIxMjQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiNCN0MwQzciIGQ9Ik0xMTU2LjA0MSw5OS4wM2gxNS4zNmMzLjM2LDAsNi4xMi0yLjc1LDYuMTItNi4xMlY3OC4yN2MwLTMuMzctMi43NS02LjEyLTYuMTItNi4xMmgtMTUuMzYNCgkJYy0zLjM2LDAtNi4xMiwyLjc1LTYuMTIsNi4xMnYxNC42NEMxMTQ5LjkzLDk2LjI4LDExNTIuNjgsOTkuMDMsMTE1Ni4wNDEsOTkuMDN6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTExMjUuMDIsMEMxMDU1Ljk1LDAsMTAwMCw1NS45NSwxMDAwLDEyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNSwwLDEyNC45OC01NS45NiwxMjQuOTgtMTI1DQoJCUMxMjUwLjAwMSw1NS45MywxMTk0LjA3LDAsMTEyNS4wMiwweiBNMTE5Mi45NCwxNzUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0di0xMDENCgkJYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFYxNzUuNTAxeiIvPg0KPC9nPg0KPGc%2BDQoJDQoJCTxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuMjYyNCAwLjk2NSAtMC45NjUgMC4yNjI0IDc3NC4yMDY0IC0zMjIuNjk0KSIgZmlsbD0iIzk5OTk5OSIgY3g9IjU5OC4xODIiIGN5PSIzNDUuMDcyIiByeD0iMjIuOTAyIiByeT0iMTYuMzUyIi8%2BDQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTYyNC45OSwyNTBDNTU1Ljk3LDI1MCw1MDAsMzA1Ljk3LDUwMCwzNzVzNTUuOTYsMTI1LDEyNC45OSwxMjVDNjk0LjA0LDUwMCw3NTAsNDQ0LjAzLDc1MCwzNzUNCgkJUzY5NC4wMywyNTAsNjI0Ljk5LDI1MHogTTYzMS4zOCwzNDUuMzFjMCwxOS40MS0xOC4xNiwyMS44My0xOC4xNiwzMC4wODFjMCw4LjI2LDI0LjA5LDE0Ljg3LDI0LjA5LDM1LjM1DQoJCWMwLDM0LjE3LTQyLjMsMzIuMjUtNDIuMywzMi4yNXMtMzYuNTYsMS4zMy0zNi41Ni0yNi4yMXM0MS40OC0yNi40MSw0My42MS0yNi40MWMtMC41Mi02LjMzLTQuNzMtNS4yOC00LjczLTguNHYtNy43MQ0KCQljMCwwLTMxLjM5LDMuNTIxLTMxLjM5LTI2Ljg4YzAtMzAuNDAxLDM1LjkyLTMxLjI4LDM1LjkyLTMxLjI4aDM1LjQ0YzAsNS40Mi0xNi4xNywzLjUtMTYuMTcsNi4zOQ0KCQlDNjMwLjMwMSwzMjYuNjYsNjMxLjM4LDMzMy42OCw2MzEuMzgsMzQ1LjMxeiBNNzAzLjgzMSwzNDguMDdoLTI0LjY4djI0LjY3aC03LjI0di0yNC42N2gtMjQuNjh2LTcuMjVoMjQuNjhWMzE2LjExaDcuMjR2MjQuNzENCgkJaDI0LjY4VjM0OC4wN3oiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNNjAwLjY5MSw0MzQuNDFjLTE0LjY0LDAuOTgtMjcuMDktNi44NS0yNy44Mi0xNy41M2MtMC43Mi0xMC42OCwxMC41Ny0yMC4xMywyNS4yLTIxLjEzDQoJCWMxNC42Mi0wLjk3LDI3LjA4LDYuODUsMjcuODEsMTcuNTNDNjI2LjU5LDQyMy45NjEsNjE1LjMzMSw0MzMuNDExLDYwMC42OTEsNDM0LjQxeiIvPg0KPC9nPg0KPGc%2BDQoJPHJlY3QgeD0iODM0LjA5IiB5PSIzNjEuNDQyIiBmaWxsPSIjOTk5OTk5IiB3aWR0aD0iMTcuNzciIGhlaWdodD0iNTMuNDM2Ii8%2BDQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTg0My4xLDMzNS42OTNjLTYuMSwwLTEwLjA1LDMuOTktMTAuMDUsOS4yMzljMCw1LjEyOSwzLjg2LDkuMjM5LDkuODEsOS4yMzloMC4xMg0KCQljNi4yMSwwLDEwLjA0LTQuMTEsMTAuMDQtOS4yMzlDODUyLjksMzM5LjY5Myw4NDkuMTcsMzM1LjY5Myw4NDMuMSwzMzUuNjkzeiIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik04OTUuNDUsMzYwLjE5MWMtOS40MywwLTEzLjY2OSw1LjIwOS0xNi4wMSw4Ljg1djAuMTRoLTAuMTFjMC4wMy0wLjAzLDAuMDgtMC4xLDAuMTEtMC4xNHYtNy41OTloLTE3Ljc1DQoJCWMwLjIxLDUsMCw1My40MzYsMCw1My40MzZoMTcuNzVWMzg1LjA0YzAtMS42LDAuMS0zLjE4LDAuNTgtNC4zMTljMS4yOS0zLjE5LDQuMi02LjQ5LDkuMTEtNi40OWM2LjQyLDAsOC45OTEsNC45LDguOTkxLDEyLjA2OQ0KCQl2MjguNTg3aDE3Ljc4VjM4NC4yN0M5MTUuOTIsMzY3LjgzLDkwNy4xNiwzNjAuMTkxLDg5NS40NSwzNjAuMTkxeiIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik04NzUuMDIsMjUwQzgwNS45NSwyNTAsNzUwLDMwNS45NTUsNzUwLDM3NXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCwzMDUuOTM1LDk0NC4wNywyNTAsODc1LjAyLDI1MHogTTkzMy43OSw0MjUuNjc2YzAsNC43LTMuODgsOC40OTktOC42Nyw4LjQ5OUg4MjQuOTFjLTQuODMsMC04LjcxLTMuOC04LjcxLTguNDk5VjMyNC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVY0MjUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTM3NS4wMSwyNTBDMzA1Ljk2NSwyNTAsMjUwLDMwNS45NywyNTAsMzc0Ljk5QzI1MCw0NDQuMDIsMzA1Ljk2NSw1MDAsMzc1LjAxLDUwMFM1MDAsNDQ0LjAzLDUwMCwzNzQuOTkNCglDNTAwLjAxLDMwNS45Nyw0NDQuMDU1LDI1MCwzNzUuMDEsMjUwIE00MTEuMjY3LDMyNC4wOWgtMTcuNTE5Yy0zLjUsMC02Ljk5OSwzLjYzLTYuOTk5LDYuMzN2MTguMDVoMjQuNDg4DQoJYy0wLjk4LDEzLjgzLTIuOTksMjYuNDgtMi45OSwyNi40OEgzODYuNjR2NzguNDFoLTMyLjIxOHYtNzguNDFoLTE1LjY1OXYtMjYuNGgxNS42NTl2LTIxLjU2YzAtMy45NS0wLjc5LTMwLjM2LDMyLjk4OC0zMC4zNg0KCWgyMy44NDlMNDExLjI2NywzMjQuMDlMNDExLjI2NywzMjQuMDl6Ii8%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTM3NC45OTUsMjUwQzEzMDUuOTQyLDI1MCwxMjUwLDMwNS45NywxMjUwLDM3NXM1NS45NTIsMTI1LDEyNC45OTUsMTI1DQoJCUMxNDQ0LjAyOCw1MDAsMTUwMCw0NDQuMDMsMTUwMCwzNzVTMTQ0NC4wMjcsMjUwLDEzNzQuOTk1LDI1MHogTTE0NDcuMzM4LDQwMC43NWMwLDEyLjM5LTEwLjYyLDIyLjQ4LTIzLjYyMSwyMi40OGgtOTcuMzU0DQoJCWMtMTMuMDEsMC0yMy43MzEtMTAuMS0yMy43MzEtMjIuNDh2LTUxLjVjMC0xMi4yOCwxMC43Mi0yMi40NywyMy43MzEtMjIuNDdoOTcuMzU0YzEzLDAsMjMuNjIxLDEwLjE5LDIzLjYyMSwyMi40N1Y0MDAuNzUNCgkJTDE0NDcuMzM4LDQwMC43NXoiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTQwNC4xMDUsMzcxLjQ4bC00OC4wNzMtMjYuMzRjLTEuNzQtMC45Ni00LjA3LTEuMS02LTAuMzVjLTEuOTQxLDAuNzMtMy4xOCwyLjI2LTMuMTgsMy44OHY1Mi42Nw0KCQljMCwxLjYyLDEuMjUsMy4xMywzLjE4LDMuODhjMC44MywwLjMxLDEuNywwLjQ3LDIuNjIsMC40N2MxLjE4LDAsMi40LTAuMjcsMy4zOC0wLjgzbDQ4LjA2Mi0yNi4zNWMxLjUxLTAuOCwyLjM3LTIuMTIsMi4zNy0zLjUxDQoJCUMxNDA2LjQ2NiwzNzMuNjIsMTQwNS41NjYsMzcyLjMwMSwxNDA0LjEwNSwzNzEuNDh6Ii8%2BDQo8L2c%2BDQo8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTI1LjAxLDI1MEM1NS45NjksMjUwLDAsMzA1Ljk2LDAsMzc1YzAsNjkuMDIsNTUuOTY5LDEyNC45OTksMTI1LjAxLDEyNC45OTkNCgljNjIuOTUsMCwxMTUuMDEtNDYuNTM5LDEyMy43LTEwNy4wN2MwLjgzLTQuMTEsMS4yMi04LjM4LDEuMTUtMTIuNzZjMC4wOC0xLjcxLDAuMTQtMy40MywwLjE0LTUuMTYNCglDMjQ5Ljk5OSwzMDUuOTYsMTk0LjA1LDI1MCwxMjUuMDEsMjUweiBNMTgyLjU1LDM1Mi4zMWMwLjA1LDEuMTgsMC4wNiwyLjMzLDAuMDYsMy41YzAsMzUuNjgtMjcuMTUsNzYuODMtNzYuODIsNzYuODMNCgljLTE1LjI2OSwwLTI5LjQ0LTQuNDQtNDEuNC0xMi4xMjljMi4xMSwwLjI0LDQuMjYsMC4zNyw2LjQzLDAuMzdjMTIuNjUsMCwyNC4yOS00LjI5LDMzLjU1LTExLjU0DQoJYy0xMS44Mi0wLjIyLTIxLjgtOC4wNC0yNS4yNi0xOC43NWMxLjY2LDAuMzEsMy4zNiwwLjQ5LDUuMTEsMC40OWMyLjQzLDAsNC44My0wLjM0LDcuMDktMC45NWMtMTIuMzUtMi40OC0yMS42Ny0xMy4zOS0yMS42Ny0yNi40Nw0KCWMwLTAuMTQsMC0wLjIzLDAtMC4zNGMzLjY2LDIuMDEsNy44MiwzLjI0LDEyLjI1LDMuMzhjLTcuMjgtNC44Ni0xMi4wMy0xMy4xMi0xMi4wMy0yMi40OWMwLTQuOTYsMS4zNC05LjU3LDMuNjYtMTMuNTkNCgljMTMuMzMsMTYuMzYsMzMuMjIsMjcuMDksNTUuNjgsMjguMjJjLTAuNDctMS45Ny0wLjcxLTQuMDYtMC43MS02LjE3YzAtMTQuOTIsMTIuMTItMjcuMDA5LDI3LjAxOS0yNy4wMDkNCgljNy43NiwwLDE0Ljc3LDMuMjksMTkuNyw4LjU0YzYuMTgtMS4yMiwxMS45NC0zLjQ1LDE3LjE3LTYuNTZjLTIuMDEsNi4zLTYuMjksMTEuNTktMTEuODksMTQuOTRjNS40OS0wLjYzLDEwLjY5LTIuMSwxNS41MS00LjI1DQoJQzE5Mi4zODksMzQzLjc2LDE4Ny44MiwzNDguNSwxODIuNTUsMzUyLjMxeiIvPg0KPGc%2BDQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTExNjcuMzcsMzc2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43NiwzNjguMjIsMTE2Ny4zNywzNzIuMTMsMTE2Ny4zNywzNzYuMTh6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iIzk5OTk5OSIgY3g9IjExMjUuMTMiIGN5PSIzNzQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0xMTU2LjA0MSwzNDkuMDNoMTUuMzZjMy4zNiwwLDYuMTItMi43NSw2LjEyLTYuMTJ2LTE0LjY0YzAtMy4zNy0yLjc1LTYuMTItNi4xMi02LjEyaC0xNS4zNg0KCQljLTMuMzYsMC02LjEyLDIuNzUtNi4xMiw2LjEydjE0LjY0QzExNDkuOTMsMzQ2LjI4LDExNTIuNjgsMzQ5LjAzLDExNTYuMDQxLDM0OS4wM3oiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTEyNS4wMiwyNTBjLTY5LjA3LDAtMTI1LjAyLDU1Ljk1LTEyNS4wMiwxMjVzNTUuOTUsMTI1LDEyNS4wMiwxMjVjNjkuMDUsMCwxMjQuOTgtNTUuOTYsMTI0Ljk4LTEyNQ0KCQlDMTI1MC4wMDEsMzA1LjkzLDExOTQuMDcsMjUwLDExMjUuMDIsMjUweiBNMTE5Mi45NCw0MjUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0DQoJCXYtMTAxYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFY0MjUuNTAxeiIvPg0KPC9nPg0KPGc%2BDQoJDQoJCTxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuMjYyNCAwLjk2NSAtMC45NjUgMC4yNjI0IDEwMTUuNDQ3IC0xMzguMjkxNCkiIGZpbGw9IiNEM0Q5REQiIGN4PSI1OTguMTgyIiBjeT0iNTk1LjA3MiIgcng9IjIyLjkwMiIgcnk9IjE2LjM1MiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik02MjQuOTksNTAwQzU1NS45Nyw1MDAsNTAwLDU1NS45Nyw1MDAsNjI1czU1Ljk2LDEyNSwxMjQuOTksMTI1QzY5NC4wNCw3NTAsNzUwLDY5NC4wMyw3NTAsNjI1DQoJCVM2OTQuMDMsNTAwLDYyNC45OSw1MDB6IE02MzEuMzgsNTk1LjMxYzAsMTkuNDEtMTguMTYsMjEuODMtMTguMTYsMzAuMDgxYzAsOC4yNiwyNC4wOSwxNC44NywyNC4wOSwzNS4zNQ0KCQljMCwzNC4xNy00Mi4zLDMyLjI1LTQyLjMsMzIuMjVzLTM2LjU2LDEuMzMtMzYuNTYtMjYuMjFjMC0yNy41MzksNDEuNDgtMjYuNDEsNDMuNjEtMjYuNDFjLTAuNTItNi4zMy00LjczLTUuMjgtNC43My04LjR2LTcuNzENCgkJYzAsMC0zMS4zOSwzLjUyMS0zMS4zOS0yNi44OGMwLTMwLjQwMSwzNS45Mi0zMS4yOCwzNS45Mi0zMS4yOGgzNS40NGMwLDUuNDItMTYuMTcsMy41LTE2LjE3LDYuMzkNCgkJQzYzMC4zMDEsNTc2LjY2LDYzMS4zOCw1ODMuNjgsNjMxLjM4LDU5NS4zMXogTTcwMy44MzEsNTk4LjA3aC0yNC42OHYyNC42N2gtNy4yNHYtMjQuNjdoLTI0LjY4di03LjI1aDI0LjY4VjU2Ni4xMWg3LjI0djI0LjcxDQoJCWgyNC42OFY1OTguMDd6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTYwMC42OTEsNjg0LjQxYy0xNC42NCwwLjk4LTI3LjA5LTYuODUtMjcuODItMTcuNTNjLTAuNzItMTAuNjgsMTAuNTctMjAuMTMsMjUuMi0yMS4xMw0KCQljMTQuNjItMC45NywyNy4wOCw2Ljg1LDI3LjgxLDE3LjUzQzYyNi41OSw2NzMuOTYxLDYxNS4zMzEsNjgzLjQxMSw2MDAuNjkxLDY4NC40MXoiLz4NCjwvZz4NCjxnPg0KCTxyZWN0IHg9IjgzNC4wOSIgeT0iNjExLjQ0MiIgZmlsbD0iI0QzRDlERCIgd2lkdGg9IjE3Ljc3IiBoZWlnaHQ9IjUzLjQzNiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04NDMuMSw1ODUuNjkzYy02LjEsMC0xMC4wNSwzLjk5LTEwLjA1LDkuMjM5YzAsNS4xMjksMy44Niw5LjIzOSw5LjgxLDkuMjM5aDAuMTINCgkJYzYuMjEsMCwxMC4wNC00LjExLDEwLjA0LTkuMjM5Qzg1Mi45LDU4OS42OTMsODQ5LjE3LDU4NS42OTMsODQzLjEsNTg1LjY5M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNODk1LjQ1LDYxMC4xOTFjLTkuNDMsMC0xMy42NjksNS4yMDktMTYuMDEsOC44NXYwLjE0aC0wLjExYzAuMDMtMC4wMywwLjA4LTAuMSwwLjExLTAuMTR2LTcuNTk5aC0xNy43NQ0KCQljMC4yMSw1LDAsNTMuNDM2LDAsNTMuNDM2aDE3Ljc1VjYzNS4wNGMwLTEuNiwwLjEtMy4xOCwwLjU4LTQuMzE5YzEuMjktMy4xOSw0LjItNi40OSw5LjExLTYuNDljNi40MiwwLDguOTkxLDQuOSw4Ljk5MSwxMi4wNw0KCQl2MjguNTg3aDE3Ljc4VjYzNC4yN0M5MTUuOTIsNjE3LjgzLDkwNy4xNiw2MTAuMTkxLDg5NS40NSw2MTAuMTkxeiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04NzUuMDIsNTAwQzgwNS45NSw1MDAsNzUwLDU1NS45NTUsNzUwLDYyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCw1NTUuOTM1LDk0NC4wNyw1MDAsODc1LjAyLDUwMHogTTkzMy43OSw2NzUuNjc2YzAsNC43LTMuODgsOC40OTktOC42Nyw4LjQ5OUg4MjQuOTFjLTQuODMsMC04LjcxLTMuOC04LjcxLTguNDk5VjU3NC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVY2NzUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTM3NS4wMSw1MDBDMzA1Ljk2NSw1MDAsMjUwLDU1NS45NywyNTAsNjI0Ljk5QzI1MCw2OTQuMDIsMzA1Ljk2NSw3NTAsMzc1LjAxLDc1MFM1MDAsNjk0LjAzLDUwMCw2MjQuOTkNCglDNTAwLjAxLDU1NS45Nyw0NDQuMDU1LDUwMCwzNzUuMDEsNTAwIE00MTEuMjY3LDU3NC4wOWgtMTcuNTE5Yy0zLjUsMC02Ljk5OSwzLjYzLTYuOTk5LDYuMzN2MTguMDVoMjQuNDg4DQoJYy0wLjk4LDEzLjgzLTIuOTksMjYuNDgtMi45OSwyNi40OEgzODYuNjR2NzguNDFoLTMyLjIxOHYtNzguNDFoLTE1LjY1OXYtMjYuNGgxNS42NTl2LTIxLjU2YzAtMy45NS0wLjc5LTMwLjM2LDMyLjk4OC0zMC4zNg0KCWgyMy44NDlMNDExLjI2Nyw1NzQuMDlMNDExLjI2Nyw1NzQuMDl6Ii8%2BDQo8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTI1LjAxLDUwMC4wMDFDNTUuOTY5LDUwMC4wMDEsMCw1NTUuOTYsMCw2MjVDMCw2OTQuMDIxLDU1Ljk2OSw3NTAsMTI1LjAxLDc1MA0KCWM2Mi45NSwwLDExNS4wMS00Ni41MzksMTIzLjctMTA3LjA3YzAuODMtNC4xMSwxLjIyLTguMzgsMS4xNS0xMi43NmMwLjA4LTEuNzEsMC4xNC0zLjQzLDAuMTQtNS4xNg0KCUMyNDkuOTk5LDU1NS45NiwxOTQuMDUsNTAwLjAwMSwxMjUuMDEsNTAwLjAwMXogTTE4Mi41NSw2MDIuMzExYzAuMDUsMS4xOCwwLjA2LDIuMzMsMC4wNiwzLjVjMCwzNS42OC0yNy4xNSw3Ni44My03Ni44Miw3Ni44Mw0KCWMtMTUuMjY5LDAtMjkuNDQtNC40NC00MS40LTEyLjEzYzIuMTEsMC4yNCw0LjI2LDAuMzcsNi40MywwLjM3YzEyLjY1LDAsMjQuMjktNC4yOSwzMy41NS0xMS41NGMtMTEuODItMC4yMi0yMS44LTguMDQtMjUuMjYtMTguNzUNCgljMS42NiwwLjMxLDMuMzYsMC40OSw1LjExLDAuNDljMi40MywwLDQuODMtMC4zNCw3LjA5LTAuOTVjLTEyLjM1LTIuNDgtMjEuNjctMTMuMzktMjEuNjctMjYuNDdjMC0wLjE0LDAtMC4yMywwLTAuMzQNCgljMy42NiwyLjAxLDcuODIsMy4yNCwxMi4yNSwzLjM4Yy03LjI4LTQuODYtMTIuMDMtMTMuMTItMTIuMDMtMjIuNDljMC00Ljk2LDEuMzQtOS41NywzLjY2LTEzLjU5DQoJYzEzLjMzLDE2LjM2LDMzLjIyLDI3LjA5LDU1LjY4LDI4LjIyYy0wLjQ3LTEuOTY5LTAuNzEtNC4wNi0wLjcxLTYuMTdjMC0xNC45MiwxMi4xMi0yNy4wMDksMjcuMDE5LTI3LjAwOQ0KCWM3Ljc2LDAsMTQuNzcsMy4yOSwxOS43LDguNTRjNi4xOC0xLjIyLDExLjk0LTMuNDUsMTcuMTctNi41NmMtMi4wMSw2LjMtNi4yOSwxMS41OS0xMS44OSwxNC45NGM1LjQ5LTAuNjMsMTAuNjktMi4xLDE1LjUxLTQuMjUNCglDMTkyLjM4OSw1OTMuNzYxLDE4Ny44Miw1OTguNTAxLDE4Mi41NSw2MDIuMzExeiIvPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTExNjcuMzcsNjI2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43Niw2MTguMjIsMTE2Ny4zNyw2MjIuMTMsMTE2Ny4zNyw2MjYuMTh6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0QzRDlERCIgY3g9IjExMjUuMTMiIGN5PSI2MjQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0xMTU2LjA0MSw1OTkuMDNoMTUuMzZjMy4zNiwwLDYuMTItMi43NSw2LjEyLTYuMTJ2LTE0LjY0YzAtMy4zNy0yLjc1LTYuMTItNi4xMi02LjEyaC0xNS4zNg0KCQljLTMuMzYsMC02LjEyLDIuNzUtNi4xMiw2LjEydjE0LjY0QzExNDkuOTMsNTk2LjI4LDExNTIuNjgsNTk5LjAzLDExNTYuMDQxLDU5OS4wM3oiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTEyNS4wMiw1MDBjLTY5LjA3LDAtMTI1LjAyLDU1Ljk1LTEyNS4wMiwxMjVzNTUuOTUsMTI1LDEyNS4wMiwxMjVjNjkuMDUsMCwxMjQuOTgtNTUuOTYsMTI0Ljk4LTEyNQ0KCQlDMTI1MC4wMDEsNTU1LjkzLDExOTQuMDcsNTAwLDExMjUuMDIsNTAweiBNMTE5Mi45NCw2NzUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0DQoJCXYtMTAxYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFY2NzUuNTAxeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 225px 75px; background-position: -125px -50px; }

.icon-link, .icon-networks, .icon-image { width: 28px; height: 28px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjgwcHgiIGhlaWdodD0iNzYwLjAxM3B4IiB2aWV3Qm94PSIwIDAgMjgwIDc2MC4wMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4MCA3NjAuMDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0yNTkuODQ5LDU0MC4wMTNIMjAuMTUxQzkuMDIsNTQwLjAxMywwLDU0OS4zNjMsMCw1NjAuOTAydjE3OC4yMjJjMCwxMS41MzksOS4wMiwyMC44ODksMjAuMTUxLDIwLjg4OQ0KCQloMjM5LjY5OGMxMS4xMywwLDIwLjE1MS05LjM1LDIwLjE1MS0yMC44ODlWNTYwLjkwMkMyODAsNTQ5LjM2MywyNzAuOTgsNTQwLjAxMywyNTkuODQ5LDU0MC4wMTN6IE0yMzkuNjg5LDU4MS43ODF2MTEyLjU0NQ0KCQlsLTU1LjU4Mi01Ny41OTdjLTMuMzctMy41LTguODQtMy41LTEyLjIxMSwwbC01OS4xMDIsNjEuMjQ3bC0xOC43MzEtMTkuNDA5Yy0zLjIyLTMuMzMtOC4zOS0zLjUxLTExLjgxLTAuMzlsLTQxLjk2MiwzOC4yMjgNCgkJVjU4MS43ODFIMjM5LjY4OUwyMzkuNjg5LDU4MS43ODF6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0Q0RDlERCIgY3g9Ijg2LjQxMyIgY3k9IjYxNy4yMzkiIHJ4PSIxOC43NjEiIHJ5PSIxOS40MzkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik02NS44ODgsMjE0LjFjLTYuODItNi44Mi02LjgyLTE3Ljg3OSwwLTI0LjY5OUwxODkuMzk3LDY1Ljg5OGM2LjgyLTYuODIsMTcuODgtNi44MiwyNC43LDANCgljNi44Miw2LjgyLDYuODIsMTcuODc5LDAsMjQuNjk5TDkwLjU4OCwyMTQuMUM4My43NjgsMjIwLjkzLDcyLjcwOCwyMjAuOTMsNjUuODg4LDIxNC4xeiBNMTc5LjA5Nyw1NS42MDlsMTEuMzItMTEuMzE5DQoJYzEyLjQ4LTEyLjQ3OSwzMi44LTEyLjQ3OSw0NS4yOSwwYzEyLjQ4LDEyLjQ3OSwxMi40OCwzMi43OTgsMCw0NS4yNzhsLTExLjMyLDExLjMxOWwtMTEuMzIsMTEuMzE5bC00MS41Niw0MS41NTgNCgljMjIuNzUsNi42Niw0OC4zNiwxLjA1LDY2LjI3LTE2Ljg1OWwyMi42NC0yMi42MzljMjYuMTEtMjYuMTA5LDI2LjExLTY4LjU3NywwLTk0LjY4NWMtMjYuMTEtMjYuMTA5LTY4LjU4LTI2LjEwOS05NC42OSwwDQoJbC0yMi42NCwyMi42MzljLTE3LjkxLDE3LjkwOS0yMy41Miw0My41MTgtMTYuODYsNjYuMjU3bDQxLjU2LTQxLjU1OEwxNzkuMDk3LDU1LjYwOXogTTk4LjE3OCwyMjcuMWwtOC42Miw4LjYyDQoJYy0xMi40OCwxMi40NzktMzIuOCwxMi40NzktNDUuMjgsMGMtMTIuNDktMTIuNDg5LTEyLjQ5LTMyLjc5OCwwLTQ1LjI4OGw4LjYyLTguNjJsMTQuMDItMTQuMDE5bDQxLjU2LTQxLjU1OA0KCWMtMjIuNzUtNi42Ni00OC4zNi0xLjA1LTY2LjI2LDE2Ljg1OWwtMjIuNjQsMjIuNjM5Yy0yNi4xMSwyNi4xMDktMjYuMSw2OC41NzcsMCw5NC42ODVzNjguNTgsMjYuMTA5LDk0LjY5LDBsMjIuNjQtMjIuNjM5DQoJYzE3LjkxLTE3LjkwOSwyMy41My00My41MTgsMTYuODYtNjYuMjY3bC00MS41Niw0MS41NThMOTguMTc4LDIyNy4xeiIvPg0KPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTI0Ny4yNyw0ODQuMzczYy0xMS4xMy0xMS4wNy01MS45Ny0yMy41NS03MC41Ni0yOC44M2MtMi45My00LjY5LTUuNjItMTEtNi44OC0xOC44Mw0KCWM1LjUxLTUuNzQsOS40OC0xMy4wNywxNC40MS0yMS4yMmMxMC45Mi0xOC4xNSwxNS43Ni0zOC43LDE1Ljc2LTUzLjI0YzAtMjkuMDQtMy42Mi04Mi4yNC02MS44Mi04Mi4yNA0KCWMtNTguMTcsMC02MC45LDUzLjIxLTYwLjksODIuMjRjMCwxNC41MSw2LjM0LDM2Ljg4LDE3LjI2LDU1LjAzYzQuNDQsNy4zNSw3LjY2LDEzLjcxLDExLjg4LDE4LjgxYy0xLjYzLDguOC01LjMzLDE1LjgtOS4yNywyMC44OQ0KCWMtMjAuMzksNy4xLTYwLjg1LDIxLjk5LTcxLjU4LDMyLjc0QzExLjAyLDUwNC4yNTMsMCw1MjUuNTEzLDAsNTQwLjAxM2gyODBDMjgwLjAyLDUyNS41MjMsMjYxLjgzLDQ5OC44OTMsMjQ3LjI3LDQ4NC4zNzN6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 28px 76px; }

.icon-link { background-position: 0 0; margin: 6px 0 0 10px; }

.icon-networks { background-position: 0 -28px; margin: 6px 0 0 10px; }

.icon-image { background-position: 0 -54px; margin: 0 0 0 10px; }

.icon-show-hide { width: 20px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxlbGxpcHNlIGZpbGw9IiNENEQ5REQiIGN4PSI5OS45OSIgY3k9IjY0LjMiIHJ4PSIyMi42MiIgcnk9IjIyLjU0Ii8%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwMCwwQzQxLjc3LDAsMCw2NSwwLDY1czQxLjc2LDY1LDEwMCw2NXMxMDAtNjUsMTAwLTY1UzE1OC4yNCwwLDEwMCwweiBNOTkuOTksMTEwLjMxDQoJCWMtMjUuNDksMC00Ni4xNS0yMC41OC00Ni4xNS00Ni4wMWMwLTI1LjQsMjAuNjYtNDUuOTksNDYuMTUtNDUuOTljMjUuNSwwLDQ2LjE3LDIwLjU5LDQ2LjE3LDQ1Ljk5DQoJCUMxNDYuMTYsODkuNzMsMTI1LjUsMTEwLjMxLDk5Ljk5LDExMC4zMXoiLz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 20px 13px; }

.selected .icon-show-hide { width: 20px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNzYuODksMGMzLjM1LDAsNi43MSwxLjI4LDkuMjcsMy44NGM1LjEyLDUuMTIsNS4xMiwxMy40MiwwLDE4LjU0TDMyLjM4LDE3Ni4xNg0KCQljLTIuNTYsMi41Ni01LjkxLDMuODQtOS4yNywzLjg0cy02LjcxLTEuMjgtOS4yNy0zLjg0Yy01LjEyLTUuMTItNS4xMi0xMy40MiwwLTE4LjU0TDE2Ny42MiwzLjg0QzE3MC4xOCwxLjI4LDE3My41NCwwLDE3Ni44OSwwIg0KCQkvPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTY4LjI3LDU0LjRsLTIzLjY2LDIzLjY2YzAuOTEsMy42MSwxLjU1LDcuMzMsMS41NSwxMS4yM2MwLDI1LjQ0LTIwLjY2LDQ2LjAxLTQ2LjE3LDQ2LjAxDQoJCQljLTMuODYsMC03LjU0LTAuNjEtMTEuMTItMS41bC0xNi4zMSwxNi4zMUM4MS4yLDE1My4xLDkwLjM0LDE1NSwxMDAsMTU1YzU4LjI0LDAsMTAwLTY1LDEwMC02NVMxODguMSw3MS42MiwxNjguMjcsNTQuNHoiLz4NCgkJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTMxLjczLDEyNS42bDI0LTI0Yy0xLjEtMy45NC0xLjg4LTguMDEtMS44OC0xMi4zMWMwLTI1LjQsMjAuNjYtNDUuOTksNDYuMTUtNDUuOTkNCgkJCWM0LjI1LDAsOC4yOSwwLjc2LDEyLjIsMS44M2wxNS4yNS0xNS4yNUMxMTguOCwyNi45LDEwOS42NSwyNSwxMDAsMjVDNDEuNzcsMjUsMCw5MCwwLDkwUzExLjksMTA4LjM4LDMxLjczLDEyNS42eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 20px 18px; }

.workspace-settings .icon-settings { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTgwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxODAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNBQ0FFQjAiIGQ9Ik0yOC44NjIsMTA5Ljg4YzEuMDQ0LDMuMjE0LDIuMzM5LDYuMzE2LDMuODU3LDkuMjg3bC0xMi40MTgsMjIuMzQ5YzAsMCwwLDYuMDY0LDYuMDU4LDEyLjEyNQ0KCWM2LjA2Miw2LjA2LDEyLjEyNSw2LjA2LDEyLjEyNSw2LjA2bDIyLjM1MS0xMi40MThjMi45NzIsMS41MTUsNi4wNjksMi44MDgsOS4yODUsMy44NTVsNy4wMjMsMjQuNTc2YzAsMCw0LjI4Niw0LjI4NiwxMi44NTcsNC4yODYNCglzMTIuODU3LTQuMjg2LDEyLjg1Ny00LjI4Nmw3LjAyMS0yNC41NzZjMy4yMTQtMS4wNDYsNi4zMTUtMi4zNCw5LjI4Ny0zLjg1NWwyMi4zNTYsMTIuNDE4YzAsMCw2LjA1NiwwLDEyLjExOC02LjA2DQoJYzYuMDYtNi4wNiw2LjA2LTEyLjEyNSw2LjA2LTEyLjEyNWwtMTIuNDItMjIuMzQ5YzEuNTE3LTIuOTcxLDIuODEyLTYuMDczLDMuODU3LTkuMjg3bDI0LjU3OC03LjAyM2MwLDAsNC4yODYtNC4yODYsNC4yODYtMTIuODU3DQoJcy00LjI4Ni0xMi44NTctNC4yODYtMTIuODU3bC0yNC41NzgtNy4wMjNjLTEuMDQ0LTMuMjE0LTIuMzQtNi4zMTItMy44NTctOS4yODNsMTIuNDItMjIuMzUzYzAsMCwwLTYuMDYtNi4wNi0xMi4xMjENCgljLTYuMDYyLTYuMDYtMTIuMTE4LTYuMDY0LTEyLjExOC02LjA2NEwxMTkuMTY3LDMyLjcyYy0yLjk3MS0xLjUxOS02LjA3My0yLjgxMi05LjI4OS0zLjg1OWwtNy4wMjEtMjQuNTc2DQoJQzEwMi44NTcsNC4yODYsOTguNTcxLDAsOTAsMFM3Ny4xNDMsNC4yODYsNzcuMTQzLDQuMjg2TDcwLjEyLDI4Ljg2MmMtMy4yMTYsMS4wNDYtNi4zMTgsMi4zMzktOS4yODksMy44NTlMMzguNDg0LDIwLjI5OQ0KCWMwLDAtNi4wNjIsMC4wMDQtMTIuMTI1LDYuMDY0Yy02LjA1OCw2LjA2LTYuMDU4LDEyLjEyMS02LjA1OCwxMi4xMjFsMTIuNDE4LDIyLjM0OWMtMS41MTcsMi45NzItMi44MTMsNi4wNzMtMy44NTcsOS4yODcNCglMNC4yODYsNzcuMTQzQzQuMjg2LDc3LjE0MywwLDgxLjQyOSwwLDkwczQuMjg2LDEyLjg1Nyw0LjI4NiwxMi44NTdMMjguODYyLDEwOS44OHogTTYwLDkwYzAtMTYuNTY1LDEzLjQyNi0zMCwzMC0zMA0KCWMxNi41NjUsMCwzMCwxMy40MzUsMzAsMzBjMCwxNi41NjktMTMuNDM1LDMwLTMwLDMwQzczLjQyNiwxMjAsNjAsMTA2LjU2OSw2MCw5MHoiLz4NCjwvc3ZnPg0K); background-size: 18px 18px; }

.icon-new-workspace { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzQwcHgiIGhlaWdodD0iMzQwcHgiIHZpZXdCb3g9IjAgMCAzNDAgMzQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDAgMzQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4RDlBQTUiIGQ9Ik0zMTcuODUsMTMwLjU1N2wtMTA4LjU3LDAuMDhsLTAuMS0xMDguNTI0QzIwOS4xOCw5Ljg2NiwxOTkuMjUsMCwxODcuMDgsMGwtMzQuMzcsMC4wMg0KCUMxNDAuNDYsMCwxMzAuNTYsOS45MDYsMTMwLjU2LDIyLjE4M2wwLjE4LDEwOC40NDRsLTEwOC41Mi0wLjAzYy0xMi4yNywwLTIyLjE1LDkuODg2LTIyLjE3LDIyLjE0M0wwLDE4Ny4xNg0KCWMwLjA1LDEyLjEyNyw5Ljk2LDIyLjA1MywyMi4yLDIyLjA1M2gxMDguNTZsMC4wNywxMDguNTU0Yy0wLjAzLDEyLjI0Nyw5Ljg2LDIyLjE0MywyMi4wMiwyMi4yMzNsMzQuNDUtMC4wNw0KCWMxMi4xNSwwLjAyLDIyLjEtOS45MzYsMjIuMS0yMi4yMTNsLTAuMTEtMTA4LjUwNGwxMDguNDMsMC4wN2MxMi4yNywwLDIyLjE1LTkuODg2LDIyLjE4LTIyLjEzM2wwLjEtMzQuNDkNCglDMzQwLDE0MC41NDMsMzMwLjA3LDEzMC42MDcsMzE3Ljg1LDEzMC41NTd6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 34px 34px; }

.workspace-delete .icon-trash { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEzIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkI2RTcxO30KPC9zdHlsZT4KPGc%2BCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOSwyVjBIOC43SDhINUg0LjNINHYySDB2MmgxdjEyaDFoMWg3aDFoMVY0aDFWMkg5eiBNNSwxaDN2MUg1VjF6IE0xMCwxNEgzVjRoN1YxNHoiLz4KCTxyZWN0IHg9IjUiIHk9IjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjgiLz4KCTxyZWN0IHg9IjciIHk9IjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjgiLz4KPC9nPgo8L3N2Zz4K); background-size: 18px 18px; }

.icon-workspace { width: 58px; height: 50px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTc5Ljk5OXB4IiBoZWlnaHQ9IjQ5OS45OThweCIgdmlld0JveD0iMCAwIDU3OS45OTkgNDk5Ljk5OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTc5Ljk5OSA0OTkuOTk4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4RDlBQTUiIGQ9Ik01NjEuNjMsMEgxOC4zOEM4LjIyLDAsMCw4LjIyLDAsMTguMzh2MTIzLjgwMnYzMzkuNDM2YzAsMTAuMTYsOC4yMiwxOC4zOCwxOC4zOCwxOC4zOGg1NDMuMjM5DQoJYzEwLjE2LDAsMTguMzgtOC4yMiwxOC4zOC0xOC4zOFYxNDIuMTkyVjE4LjM4QzU4MC4wMSw4LjIyLDU3MS43OSwwLDU2MS42MywweiBNMjQwLjc5NCwzNDcuNjQ2YzEwLjMzLDksMTEuNDMsMjQuNjUsMi40MywzNC45OTENCgljLTQuOTEsNS42NC0xMS44LDguNTMtMTguNzEsOC41M2MtNS43OSwwLTExLjU4LTItMTYuMjgtNi4wOWwtNzAuOTYxLTYxLjc3MWMtNS40My00LjcyLTguNTMtMTEuNTQtOC41My0xOC43MQ0KCXMzLjEtMTMuOTksOC41My0xOC43MWw3MC45NjEtNjEuNzcxYzEwLjI5LTguOTgsMjUuOTQtNy45MiwzNC45OTEsMi40M2M5LDEwLjMzLDcuOSwyNS45OS0yLjQzLDM0Ljk5MWwtNDkuNDUxLDQzLjA2MQ0KCUwyNDAuNzk0LDM0Ny42NDZ6IE00NDIuNzI4LDMyMy4yOTZsLTcwLjk2MSw2MS43NzFjLTQuNjksNC4wOS0xMC40OSw2LjA5LTE2LjI4LDYuMDljLTYuOTEsMC0xMy44LTIuODktMTguNzEtOC41Mw0KCWMtOS0xMC4zMy03LjktMjUuOTksMi40My0zNC45OTFsNDkuNDUxLTQzLjA2MWwtNDkuNDUxLTQzLjA2MWMtMTAuMzMtOS0xMS40My0yNC42NS0yLjQzLTM0Ljk5MWM5LjAyLTEwLjM2LDI0LjctMTEuNDEsMzQuOTktMi40Mw0KCWw3MC45NjEsNjEuNzcxYzUuNDMsNC43Miw4LjUzLDExLjU0LDguNTMsMTguNzFTNDQ4LjE1OCwzMTguNTg1LDQ0Mi43MjgsMzIzLjI5NnogTTU0MC4wMDksNDAuMDAxdjgwLjAwMUg0MFY0MC4wMDFINTQwLjAwOXoNCgkgTTExMC4wMDIsODAuMDAxYzAsMTEuMDUtOC45NSwyMC0yMCwyMHMtMjAtOC45NS0yMC0yMHM4Ljk1LTIwLDIwLTIwUzExMC4wMDIsNjguOTUxLDExMC4wMDIsODAuMDAxeiBNMTcwLjAwMyw4MC4wMDENCgljMCwxMS4wNS04Ljk1LDIwLTIwLDIwcy0yMC04Ljk1LTIwLTIwczguOTUtMjAsMjAtMjBTMTcwLjAwMyw2OC45NTEsMTcwLjAwMyw4MC4wMDF6IE0yMzAuMDA0LDgwLjAwMWMwLDExLjA1LTguOTUsMjAtMjAsMjANCglzLTIwLTguOTUtMjAtMjBzOC45NS0yMCwyMC0yMEMyMjEuMDU0LDYwLjAwMSwyMzAuMDA0LDY4Ljk1MSwyMzAuMDA0LDgwLjAwMXoiLz4NCjwvc3ZnPg0K); background-size: 58px 50px; }

.icon-collapse, .icon-expand { width: 15px; height: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTAsMTguNDg0YzAsNC43LTEuODUsOS40MzEtNS40OSwxMy4wMzFMNzQuOTY1LDk5Ljk5OUw1LjQ5LDMxLjUxNWMtNy4zMi03LjItNy4zMi0xOC44OTEsMC0yNi4xMjINCgljNy4yOTEtNy4xOSwxOS4xOTEtNy4xOSwyNi41MzIsMGw0Mi45NjMsNDIuMzczbDQyLjk0My00Mi4zNzNjNy4zNC03LjE5LDE5LjIxMS03LjE5LDI2LjU4MiwwQzE0OC4xNSw4Ljk4MywxNTAsMTMuNzYzLDE1MCwxOC40ODR6DQoJIi8%2BDQo8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMCwxODEuNTE2YzAtNC43LDEuODUtOS40MzEsNS40OS0xMy4wMzFsNjkuNTQ1LTY4LjQ4NWw2OS40NzUsNjguNDg1YzcuMzIsNy4yLDcuMzIsMTguODkxLDAsMjYuMTIyDQoJYy03LjI5MSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMS44NSwxOTEuMDE3LDAsMTg2LjIzNywwLDE4MS41MTZ6Ii8%2BDQo8cGF0aCBmaWxsPSIjNjA2NzZEIiBkPSJNMzAwLDE4LjQ4NGMwLDQuNy0xLjg1LDkuNDMxLTUuNDksMTMuMDMxbC02OS41NDUsNjguNDg1TDE1NS40OSwzMS41MTVjLTcuMzItNy4yLTcuMzItMTguODkxLDAtMjYuMTIyDQoJYzcuMjkxLTcuMTksMTkuMTkxLTcuMTksMjYuNTMyLDBsNDIuOTYzLDQyLjM3M2w0Mi45NDMtNDIuMzczYzcuMzQtNy4xOSwxOS4yMTEtNy4xOSwyNi41ODIsMEMyOTguMTUsOC45ODMsMzAwLDEzLjc2MywzMDAsMTguNDg0eg0KCSIvPg0KPHBhdGggZmlsbD0iIzYwNjc2RCIgZD0iTTE1MC4wODcsMTgxLjUxNmMwLTQuNywxLjg1LTkuNDMxLDUuNDktMTMuMDMxbDY5LjU0NS02OC40ODVsNjkuNDc1LDY4LjQ4NWM3LjMyLDcuMiw3LjMyLDE4Ljg5MSwwLDI2LjEyMg0KCWMtNy4yOSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMTUxLjkzOCwxOTEuMDE3LDE1MC4wODcsMTg2LjIzNywxNTAuMDg3LDE4MS41MTZ6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 30px 20px; }

.icon-expand { background-position: 0 -10px; }

.icon-arrow-right-dark { width: 15px; height: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NC4xLDIuOWwxMi40LDE2LjZjMSwxLjMsMS41LDIuOSwxLjUsNC41cy0wLjUsMy4xLTEuNSw0LjVMNDQuMSw0NS4xYy0yLjQsMy4zLTcsMy45LTEwLjIsMS40CglzLTMuOC03LjEtMS40LTEwLjNsMy41LTQuOEg3LjNjLTQsMC03LjMtMy4zLTcuMy03LjRzMy4yLTcuNCw3LjItNy40aDI4LjlsLTMuNS00LjhDMzAuMiw4LjYsMzAuOCw0LDM0LDEuNVM0MS43LTAuMyw0NC4xLDIuOXoiLz4KPC9zdmc%2BCg%3D%3D); background-size: 100%; }

.icon-arrow-right-light { width: 15px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA1OCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ0LjEsMi45bDEyLjQsMTYuNmMxLDEuMywxLjUsMi45LDEuNSw0LjVzLTAuNSwzLjEtMS41LDQuNUw0NC4xLDQ1LjFjLTIuNCwzLjMtNywzLjktMTAuMiwxLjQNCglzLTMuOC03LjEtMS40LTEwLjNsMy41LTQuOEg3LjNjLTQsMC03LjMtMy4zLTcuMy03LjRzMy4yLTcuNCw3LjItNy40aDI4LjlsLTMuNS00LjhDMzAuMiw4LjYsMzAuOCw0LDM0LDEuNVM0MS43LTAuMyw0NC4xLDIuOXoiLz4NCjwvc3ZnPg0K); background-size: 100%; }

.icon-maintenance { width: 30px; height: 30px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIzODAgMzgwIDQwIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDM4MCAzODAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0QyRDdEQiIgZD0iTTQwMCwzNzkuOWMtMTEsMC0yMCw5LTIwLDIwYzAsMTEsOSwyMCwyMCwyMGMxMSwwLDIwLTksMjAtMjBDNDIwLDM4OC45LDQxMSwzNzkuOSw0MDAsMzc5Ljl6IE00MDAsNDE1LjcNCgkJYy04LjcsMC0xNS44LTcuMS0xNS44LTE1LjhjMC04LjcsNy4xLTE1LjgsMTUuOC0xNS44YzguNywwLDE1LjgsNy4xLDE1LjgsMTUuOEM0MTUuOCw0MDguNiw0MDguNyw0MTUuNyw0MDAsNDE1Ljd6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QyRDdEQiIgZD0iTTQwNy4zLDM5MC4ySDQwNWMtMC42LDAtMSwwLjUtMSwxdjAuMWgtNi41Yy0yLjMsMC00LjEsMS4xLTUuMywzLjNjLTAuOCwxLjUtMS4xLDMuMS0xLjEsMy4xDQoJCWMtMC4xLDAuNSwwLjIsMC45LDAuNywxLjFjMC4xLDAsMC4yLDAuMSwwLjMsMC4xYzAuNCwwLDAuNy0wLjIsMC45LTAuNWMwLDAsMS4xLTEuOCw0LjItMS44aDYuOHYwLjZjMCwwLjYsMC41LDEsMSwxaDIuMw0KCQljMC42LDAsMS0wLjUsMS0xdi02QzQwOC4zLDM5MC43LDQwNy45LDM5MC4yLDQwNy4zLDM5MC4yeiIvPg0KCTxwYXRoIGZpbGw9IiNEMkQ3REIiIGQ9Ik00MDEuNiwzOTcuOGgtMy4zYy0wLjYsMC0xLDAuNS0xLDF2MTAuOGMwLDAuNiwwLjUsMSwxLDFoMy4zYzAuNiwwLDEtMC41LDEtMXYtMTAuOA0KCQlDNDAyLjcsMzk4LjIsNDAyLjIsMzk3LjgsNDAxLjYsMzk3Ljh6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 30px 30px; }
.add-ai-fill, .add-ai-fill-before:before, .add-ai-fill-after:after, .add-ai-fill-on-hover:hover, .add-ai-fill-to-child-on-hover:hover .add-ai-fill-on-parent-hover { fill: #733A88 !important; }

.add-ai-fill-light, .add-ai-fill-light-before:before, .add-ai-fill-light-after:after, .add-ai-fill-light-on-hover:hover, .add-ai-fill-light-to-child-on-hover:hover .add-ai-fill-light-on-parent-hover { fill: #82429a !important; }

.add-ai-fill-lighter, .add-ai-fill-lighter-before:before, .add-ai-fill-lighter-after:after, .add-ai-fill-lighter-on-hover:hover, .add-ai-fill-lighter-to-child-on-hover:hover .add-ai-fill-lighter-on-parent-hover { fill: #9149ac !important; }

.add-ai-fill-lightest, .add-ai-fill-lightest-before:before, .add-ai-fill-lightest-after:after, .add-ai-fill-lightest-on-hover:hover, .add-ai-fill-lightest-to-child-on-hover:hover .add-ai-fill-lightest-on-parent-hover { fill: #a869bf !important; }

.add-ai-fill-dark, .add-ai-fill-dark-before:before, .add-ai-fill-dark-after:after, .add-ai-fill-dark-on-hover:hover, .add-ai-fill-dark-to-child-on-hover:hover .add-ai-fill-dark-on-parent-hover { fill: #643276 !important; }

.add-ai-fill-darker, .add-ai-fill-darker-before:before, .add-ai-fill-darker-after:after, .add-ai-fill-darker-on-hover:hover, .add-ai-fill-darker-to-child-on-hover:hover .add-ai-fill-darker-on-parent-hover { fill: #552b64 !important; }

.add-ai-fill-darkest, .add-ai-fill-darkest-before:before, .add-ai-fill-darkest-after:after, .add-ai-fill-darkest-on-hover:hover, .add-ai-fill-darkest-to-child-on-hover:hover .add-ai-fill-darkest-on-parent-hover { fill: #371c40 !important; }

.add-ai-stroke, .add-ai-stroke-before:before, .add-ai-stroke-after:after, .add-ai-stroke-on-hover:hover, .add-ai-stroke-to-child-on-hover:hover .add-ai-stroke-on-parent-hover { stroke: #733A88 !important; }

.add-ai-stroke-light, .add-ai-stroke-light-before:before, .add-ai-stroke-light-after:after, .add-ai-stroke-light-on-hover:hover, .add-ai-stroke-light-to-child-on-hover:hover .add-ai-stroke-light-on-parent-hover { stroke: #82429a !important; }

.add-ai-stroke-lighter, .add-ai-stroke-lighter-before:before, .add-ai-stroke-lighter-after:after, .add-ai-stroke-lighter-on-hover:hover, .add-ai-stroke-lighter-to-child-on-hover:hover .add-ai-stroke-lighter-on-parent-hover { stroke: #9149ac !important; }

.add-ai-stroke-lightest, .add-ai-stroke-lightest-before:before, .add-ai-stroke-lightest-after:after, .add-ai-stroke-lightest-on-hover:hover, .add-ai-stroke-lightest-to-child-on-hover:hover .add-ai-stroke-lightest-on-parent-hover { stroke: #a869bf !important; }

.add-ai-stroke-dark, .add-ai-stroke-dark-before:before, .add-ai-stroke-dark-after:after, .add-ai-stroke-dark-on-hover:hover, .add-ai-stroke-dark-to-child-on-hover:hover .add-ai-stroke-dark-on-parent-hover { stroke: #643276 !important; }

.add-ai-stroke-darker, .add-ai-stroke-darker-before:before, .add-ai-stroke-darker-after:after, .add-ai-stroke-darker-on-hover:hover, .add-ai-stroke-darker-to-child-on-hover:hover .add-ai-stroke-darker-on-parent-hover { stroke: #552b64 !important; }

.add-ai-stroke-darkest, .add-ai-stroke-darkest-before:before, .add-ai-stroke-darkest-after:after, .add-ai-stroke-darkest-on-hover:hover, .add-ai-stroke-darkest-to-child-on-hover:hover .add-ai-stroke-darkest-on-parent-hover { stroke: #371c40 !important; }

.add-ai-color, .add-ai-color-before:before, .add-ai-color-after:after, .add-ai-color-on-hover:hover, .add-ai-color-to-child-on-hover:hover .add-ai-color-on-parent-hover { color: #733A88 !important; }

.add-ai-color-light, .add-ai-color-light-before:before, .add-ai-color-light-after:after, .add-ai-color-light-on-hover:hover, .add-ai-color-light-to-child-on-hover:hover .add-ai-color-light-on-parent-hover { color: #82429a !important; }

.add-ai-color-lighter, .add-ai-color-lighter-before:before, .add-ai-color-lighter-after:after, .add-ai-color-lighter-on-hover:hover, .add-ai-color-lighter-to-child-on-hover:hover .add-ai-color-lighter-on-parent-hover { color: #9149ac !important; }

.add-ai-color-lightest, .add-ai-color-lightest-before:before, .add-ai-color-lightest-after:after, .add-ai-color-lightest-on-hover:hover, .add-ai-color-lightest-to-child-on-hover:hover .add-ai-color-lightest-on-parent-hover { color: #a869bf !important; }

.add-ai-color-dark, .add-ai-color-dark-before:before, .add-ai-color-dark-after:after, .add-ai-color-dark-on-hover:hover, .add-ai-color-dark-to-child-on-hover:hover .add-ai-color-dark-on-parent-hover { color: #643276 !important; }

.add-ai-color-darker, .add-ai-color-darker-before:before, .add-ai-color-darker-after:after, .add-ai-color-darker-on-hover:hover, .add-ai-color-darker-to-child-on-hover:hover .add-ai-color-darker-on-parent-hover { color: #552b64 !important; }

.add-ai-color-darkest, .add-ai-color-darkest-before:before, .add-ai-color-darkest-after:after, .add-ai-color-darkest-on-hover:hover, .add-ai-color-darkest-to-child-on-hover:hover .add-ai-color-darkest-on-parent-hover { color: #371c40 !important; }

.add-ai-border-color, .add-ai-border-color-before:before, .add-ai-border-color-after:after, .add-ai-border-color-on-hover:hover, .add-ai-border-color-to-child-on-hover:hover .add-ai-border-color-on-parent-hover { border-color: #733A88 !important; }

.add-ai-border-color-light, .add-ai-border-color-light-before:before, .add-ai-border-color-light-after:after, .add-ai-border-color-light-on-hover:hover, .add-ai-border-color-light-to-child-on-hover:hover .add-ai-border-color-light-on-parent-hover { border-color: #82429a !important; }

.add-ai-border-color-lighter, .add-ai-border-color-lighter-before:before, .add-ai-border-color-lighter-after:after, .add-ai-border-color-lighter-on-hover:hover, .add-ai-border-color-lighter-to-child-on-hover:hover .add-ai-border-color-lighter-on-parent-hover { border-color: #9149ac !important; }

.add-ai-border-color-lightest, .add-ai-border-color-lightest-before:before, .add-ai-border-color-lightest-after:after, .add-ai-border-color-lightest-on-hover:hover, .add-ai-border-color-lightest-to-child-on-hover:hover .add-ai-border-color-lightest-on-parent-hover { border-color: #a869bf !important; }

.add-ai-border-color-dark, .add-ai-border-color-dark-before:before, .add-ai-border-color-dark-after:after, .add-ai-border-color-dark-on-hover:hover, .add-ai-border-color-dark-to-child-on-hover:hover .add-ai-border-color-dark-on-parent-hover { border-color: #643276 !important; }

.add-ai-border-color-darker, .add-ai-border-color-darker-before:before, .add-ai-border-color-darker-after:after, .add-ai-border-color-darker-on-hover:hover, .add-ai-border-color-darker-to-child-on-hover:hover .add-ai-border-color-darker-on-parent-hover { border-color: #552b64 !important; }

.add-ai-border-color-darkest, .add-ai-border-color-darkest-before:before, .add-ai-border-color-darkest-after:after, .add-ai-border-color-darkest-on-hover:hover, .add-ai-border-color-darkest-to-child-on-hover:hover .add-ai-border-color-darkest-on-parent-hover { border-color: #371c40 !important; }

.add-ai-background-color, .add-ai-background-color-before:before, .add-ai-background-color-after:after, .add-ai-background-color-on-hover:hover, .add-ai-background-color-to-child-on-hover:hover .add-ai-background-color-on-parent-hover { background-color: #733A88 !important; }

.add-ai-background-color-light, .add-ai-background-color-light-before:before, .add-ai-background-color-light-after:after, .add-ai-background-color-light-on-hover:hover, .add-ai-background-color-light-to-child-on-hover:hover .add-ai-background-color-light-on-parent-hover { background-color: #82429a !important; }

.add-ai-background-color-lighter, .add-ai-background-color-lighter-before:before, .add-ai-background-color-lighter-after:after, .add-ai-background-color-lighter-on-hover:hover, .add-ai-background-color-lighter-to-child-on-hover:hover .add-ai-background-color-lighter-on-parent-hover { background-color: #9149ac !important; }

.add-ai-background-color-lightest, .add-ai-background-color-lightest-before:before, .add-ai-background-color-lightest-after:after, .add-ai-background-color-lightest-on-hover:hover, .add-ai-background-color-lightest-to-child-on-hover:hover .add-ai-background-color-lightest-on-parent-hover { background-color: #a869bf !important; }

.add-ai-background-color-dark, .add-ai-background-color-dark-before:before, .add-ai-background-color-dark-after:after, .add-ai-background-color-dark-on-hover:hover, .add-ai-background-color-dark-to-child-on-hover:hover .add-ai-background-color-dark-on-parent-hover { background-color: #643276 !important; }

.add-ai-background-color-darker, .add-ai-background-color-darker-before:before, .add-ai-background-color-darker-after:after, .add-ai-background-color-darker-on-hover:hover, .add-ai-background-color-darker-to-child-on-hover:hover .add-ai-background-color-darker-on-parent-hover { background-color: #552b64 !important; }

.add-ai-background-color-darkest, .add-ai-background-color-darkest-before:before, .add-ai-background-color-darkest-after:after, .add-ai-background-color-darkest-on-hover:hover, .add-ai-background-color-darkest-to-child-on-hover:hover .add-ai-background-color-darkest-on-parent-hover { background-color: #371c40 !important; }

.add-back-end-fill, .add-back-end-fill-before:before, .add-back-end-fill-after:after, .add-back-end-fill-on-hover:hover, .add-back-end-fill-to-child-on-hover:hover .add-back-end-fill-on-parent-hover { fill: #008297 !important; }

.add-back-end-fill-light, .add-back-end-fill-light-before:before, .add-back-end-fill-light-after:after, .add-back-end-fill-light-on-hover:hover, .add-back-end-fill-light-to-child-on-hover:hover .add-back-end-fill-light-on-parent-hover { fill: #0098b1 !important; }

.add-back-end-fill-lighter, .add-back-end-fill-lighter-before:before, .add-back-end-fill-lighter-after:after, .add-back-end-fill-lighter-on-hover:hover, .add-back-end-fill-lighter-to-child-on-hover:hover .add-back-end-fill-lighter-on-parent-hover { fill: #00aeca !important; }

.add-back-end-fill-lightest, .add-back-end-fill-lightest-before:before, .add-back-end-fill-lightest-after:after, .add-back-end-fill-lightest-on-hover:hover, .add-back-end-fill-lightest-to-child-on-hover:hover .add-back-end-fill-lightest-on-parent-hover { fill: #00dafd !important; }

.add-back-end-fill-dark, .add-back-end-fill-dark-before:before, .add-back-end-fill-dark-after:after, .add-back-end-fill-dark-on-hover:hover, .add-back-end-fill-dark-to-child-on-hover:hover .add-back-end-fill-dark-on-parent-hover { fill: #006c7e !important; }

.add-back-end-fill-darker, .add-back-end-fill-darker-before:before, .add-back-end-fill-darker-after:after, .add-back-end-fill-darker-on-hover:hover, .add-back-end-fill-darker-to-child-on-hover:hover .add-back-end-fill-darker-on-parent-hover { fill: #005664 !important; }

.add-back-end-fill-darkest, .add-back-end-fill-darkest-before:before, .add-back-end-fill-darkest-after:after, .add-back-end-fill-darkest-on-hover:hover, .add-back-end-fill-darkest-to-child-on-hover:hover .add-back-end-fill-darkest-on-parent-hover { fill: #002a31 !important; }

.add-back-end-stroke, .add-back-end-stroke-before:before, .add-back-end-stroke-after:after, .add-back-end-stroke-on-hover:hover, .add-back-end-stroke-to-child-on-hover:hover .add-back-end-stroke-on-parent-hover { stroke: #008297 !important; }

.add-back-end-stroke-light, .add-back-end-stroke-light-before:before, .add-back-end-stroke-light-after:after, .add-back-end-stroke-light-on-hover:hover, .add-back-end-stroke-light-to-child-on-hover:hover .add-back-end-stroke-light-on-parent-hover { stroke: #0098b1 !important; }

.add-back-end-stroke-lighter, .add-back-end-stroke-lighter-before:before, .add-back-end-stroke-lighter-after:after, .add-back-end-stroke-lighter-on-hover:hover, .add-back-end-stroke-lighter-to-child-on-hover:hover .add-back-end-stroke-lighter-on-parent-hover { stroke: #00aeca !important; }

.add-back-end-stroke-lightest, .add-back-end-stroke-lightest-before:before, .add-back-end-stroke-lightest-after:after, .add-back-end-stroke-lightest-on-hover:hover, .add-back-end-stroke-lightest-to-child-on-hover:hover .add-back-end-stroke-lightest-on-parent-hover { stroke: #00dafd !important; }

.add-back-end-stroke-dark, .add-back-end-stroke-dark-before:before, .add-back-end-stroke-dark-after:after, .add-back-end-stroke-dark-on-hover:hover, .add-back-end-stroke-dark-to-child-on-hover:hover .add-back-end-stroke-dark-on-parent-hover { stroke: #006c7e !important; }

.add-back-end-stroke-darker, .add-back-end-stroke-darker-before:before, .add-back-end-stroke-darker-after:after, .add-back-end-stroke-darker-on-hover:hover, .add-back-end-stroke-darker-to-child-on-hover:hover .add-back-end-stroke-darker-on-parent-hover { stroke: #005664 !important; }

.add-back-end-stroke-darkest, .add-back-end-stroke-darkest-before:before, .add-back-end-stroke-darkest-after:after, .add-back-end-stroke-darkest-on-hover:hover, .add-back-end-stroke-darkest-to-child-on-hover:hover .add-back-end-stroke-darkest-on-parent-hover { stroke: #002a31 !important; }

.add-back-end-color, .add-back-end-color-before:before, .add-back-end-color-after:after, .add-back-end-color-on-hover:hover, .add-back-end-color-to-child-on-hover:hover .add-back-end-color-on-parent-hover { color: #008297 !important; }

.add-back-end-color-light, .add-back-end-color-light-before:before, .add-back-end-color-light-after:after, .add-back-end-color-light-on-hover:hover, .add-back-end-color-light-to-child-on-hover:hover .add-back-end-color-light-on-parent-hover { color: #0098b1 !important; }

.add-back-end-color-lighter, .add-back-end-color-lighter-before:before, .add-back-end-color-lighter-after:after, .add-back-end-color-lighter-on-hover:hover, .add-back-end-color-lighter-to-child-on-hover:hover .add-back-end-color-lighter-on-parent-hover { color: #00aeca !important; }

.add-back-end-color-lightest, .add-back-end-color-lightest-before:before, .add-back-end-color-lightest-after:after, .add-back-end-color-lightest-on-hover:hover, .add-back-end-color-lightest-to-child-on-hover:hover .add-back-end-color-lightest-on-parent-hover { color: #00dafd !important; }

.add-back-end-color-dark, .add-back-end-color-dark-before:before, .add-back-end-color-dark-after:after, .add-back-end-color-dark-on-hover:hover, .add-back-end-color-dark-to-child-on-hover:hover .add-back-end-color-dark-on-parent-hover { color: #006c7e !important; }

.add-back-end-color-darker, .add-back-end-color-darker-before:before, .add-back-end-color-darker-after:after, .add-back-end-color-darker-on-hover:hover, .add-back-end-color-darker-to-child-on-hover:hover .add-back-end-color-darker-on-parent-hover { color: #005664 !important; }

.add-back-end-color-darkest, .add-back-end-color-darkest-before:before, .add-back-end-color-darkest-after:after, .add-back-end-color-darkest-on-hover:hover, .add-back-end-color-darkest-to-child-on-hover:hover .add-back-end-color-darkest-on-parent-hover { color: #002a31 !important; }

.add-back-end-border-color, .add-back-end-border-color-before:before, .add-back-end-border-color-after:after, .add-back-end-border-color-on-hover:hover, .add-back-end-border-color-to-child-on-hover:hover .add-back-end-border-color-on-parent-hover { border-color: #008297 !important; }

.add-back-end-border-color-light, .add-back-end-border-color-light-before:before, .add-back-end-border-color-light-after:after, .add-back-end-border-color-light-on-hover:hover, .add-back-end-border-color-light-to-child-on-hover:hover .add-back-end-border-color-light-on-parent-hover { border-color: #0098b1 !important; }

.add-back-end-border-color-lighter, .add-back-end-border-color-lighter-before:before, .add-back-end-border-color-lighter-after:after, .add-back-end-border-color-lighter-on-hover:hover, .add-back-end-border-color-lighter-to-child-on-hover:hover .add-back-end-border-color-lighter-on-parent-hover { border-color: #00aeca !important; }

.add-back-end-border-color-lightest, .add-back-end-border-color-lightest-before:before, .add-back-end-border-color-lightest-after:after, .add-back-end-border-color-lightest-on-hover:hover, .add-back-end-border-color-lightest-to-child-on-hover:hover .add-back-end-border-color-lightest-on-parent-hover { border-color: #00dafd !important; }

.add-back-end-border-color-dark, .add-back-end-border-color-dark-before:before, .add-back-end-border-color-dark-after:after, .add-back-end-border-color-dark-on-hover:hover, .add-back-end-border-color-dark-to-child-on-hover:hover .add-back-end-border-color-dark-on-parent-hover { border-color: #006c7e !important; }

.add-back-end-border-color-darker, .add-back-end-border-color-darker-before:before, .add-back-end-border-color-darker-after:after, .add-back-end-border-color-darker-on-hover:hover, .add-back-end-border-color-darker-to-child-on-hover:hover .add-back-end-border-color-darker-on-parent-hover { border-color: #005664 !important; }

.add-back-end-border-color-darkest, .add-back-end-border-color-darkest-before:before, .add-back-end-border-color-darkest-after:after, .add-back-end-border-color-darkest-on-hover:hover, .add-back-end-border-color-darkest-to-child-on-hover:hover .add-back-end-border-color-darkest-on-parent-hover { border-color: #002a31 !important; }

.add-back-end-background-color, .add-back-end-background-color-before:before, .add-back-end-background-color-after:after, .add-back-end-background-color-on-hover:hover, .add-back-end-background-color-to-child-on-hover:hover .add-back-end-background-color-on-parent-hover { background-color: #008297 !important; }

.add-back-end-background-color-light, .add-back-end-background-color-light-before:before, .add-back-end-background-color-light-after:after, .add-back-end-background-color-light-on-hover:hover, .add-back-end-background-color-light-to-child-on-hover:hover .add-back-end-background-color-light-on-parent-hover { background-color: #0098b1 !important; }

.add-back-end-background-color-lighter, .add-back-end-background-color-lighter-before:before, .add-back-end-background-color-lighter-after:after, .add-back-end-background-color-lighter-on-hover:hover, .add-back-end-background-color-lighter-to-child-on-hover:hover .add-back-end-background-color-lighter-on-parent-hover { background-color: #00aeca !important; }

.add-back-end-background-color-lightest, .add-back-end-background-color-lightest-before:before, .add-back-end-background-color-lightest-after:after, .add-back-end-background-color-lightest-on-hover:hover, .add-back-end-background-color-lightest-to-child-on-hover:hover .add-back-end-background-color-lightest-on-parent-hover { background-color: #00dafd !important; }

.add-back-end-background-color-dark, .add-back-end-background-color-dark-before:before, .add-back-end-background-color-dark-after:after, .add-back-end-background-color-dark-on-hover:hover, .add-back-end-background-color-dark-to-child-on-hover:hover .add-back-end-background-color-dark-on-parent-hover { background-color: #006c7e !important; }

.add-back-end-background-color-darker, .add-back-end-background-color-darker-before:before, .add-back-end-background-color-darker-after:after, .add-back-end-background-color-darker-on-hover:hover, .add-back-end-background-color-darker-to-child-on-hover:hover .add-back-end-background-color-darker-on-parent-hover { background-color: #005664 !important; }

.add-back-end-background-color-darkest, .add-back-end-background-color-darkest-before:before, .add-back-end-background-color-darkest-after:after, .add-back-end-background-color-darkest-on-hover:hover, .add-back-end-background-color-darkest-to-child-on-hover:hover .add-back-end-background-color-darkest-on-parent-hover { background-color: #002a31 !important; }

.add-data-fill, .add-data-fill-before:before, .add-data-fill-after:after, .add-data-fill-on-hover:hover, .add-data-fill-to-child-on-hover:hover .add-data-fill-on-parent-hover { fill: #9F4B84 !important; }

.add-data-fill-light, .add-data-fill-light-before:before, .add-data-fill-light-after:after, .add-data-fill-light-on-hover:hover, .add-data-fill-light-to-child-on-hover:hover .add-data-fill-light-on-parent-hover { fill: #af5592 !important; }

.add-data-fill-lighter, .add-data-fill-lighter-before:before, .add-data-fill-lighter-after:after, .add-data-fill-lighter-on-hover:hover, .add-data-fill-lighter-to-child-on-hover:hover .add-data-fill-lighter-on-parent-hover { fill: #b7669d !important; }

.add-data-fill-lightest, .add-data-fill-lightest-before:before, .add-data-fill-lightest-after:after, .add-data-fill-lightest-on-hover:hover, .add-data-fill-lightest-to-child-on-hover:hover .add-data-fill-lightest-on-parent-hover { fill: #c789b3 !important; }

.add-data-fill-dark, .add-data-fill-dark-before:before, .add-data-fill-dark-after:after, .add-data-fill-dark-on-hover:hover, .add-data-fill-dark-to-child-on-hover:hover .add-data-fill-dark-on-parent-hover { fill: #8e4376 !important; }

.add-data-fill-darker, .add-data-fill-darker-before:before, .add-data-fill-darker-after:after, .add-data-fill-darker-on-hover:hover, .add-data-fill-darker-to-child-on-hover:hover .add-data-fill-darker-on-parent-hover { fill: #7c3b67 !important; }

.add-data-fill-darkest, .add-data-fill-darkest-before:before, .add-data-fill-darkest-after:after, .add-data-fill-darkest-on-hover:hover, .add-data-fill-darkest-to-child-on-hover:hover .add-data-fill-darkest-on-parent-hover { fill: #5a2a4a !important; }

.add-data-stroke, .add-data-stroke-before:before, .add-data-stroke-after:after, .add-data-stroke-on-hover:hover, .add-data-stroke-to-child-on-hover:hover .add-data-stroke-on-parent-hover { stroke: #9F4B84 !important; }

.add-data-stroke-light, .add-data-stroke-light-before:before, .add-data-stroke-light-after:after, .add-data-stroke-light-on-hover:hover, .add-data-stroke-light-to-child-on-hover:hover .add-data-stroke-light-on-parent-hover { stroke: #af5592 !important; }

.add-data-stroke-lighter, .add-data-stroke-lighter-before:before, .add-data-stroke-lighter-after:after, .add-data-stroke-lighter-on-hover:hover, .add-data-stroke-lighter-to-child-on-hover:hover .add-data-stroke-lighter-on-parent-hover { stroke: #b7669d !important; }

.add-data-stroke-lightest, .add-data-stroke-lightest-before:before, .add-data-stroke-lightest-after:after, .add-data-stroke-lightest-on-hover:hover, .add-data-stroke-lightest-to-child-on-hover:hover .add-data-stroke-lightest-on-parent-hover { stroke: #c789b3 !important; }

.add-data-stroke-dark, .add-data-stroke-dark-before:before, .add-data-stroke-dark-after:after, .add-data-stroke-dark-on-hover:hover, .add-data-stroke-dark-to-child-on-hover:hover .add-data-stroke-dark-on-parent-hover { stroke: #8e4376 !important; }

.add-data-stroke-darker, .add-data-stroke-darker-before:before, .add-data-stroke-darker-after:after, .add-data-stroke-darker-on-hover:hover, .add-data-stroke-darker-to-child-on-hover:hover .add-data-stroke-darker-on-parent-hover { stroke: #7c3b67 !important; }

.add-data-stroke-darkest, .add-data-stroke-darkest-before:before, .add-data-stroke-darkest-after:after, .add-data-stroke-darkest-on-hover:hover, .add-data-stroke-darkest-to-child-on-hover:hover .add-data-stroke-darkest-on-parent-hover { stroke: #5a2a4a !important; }

.add-data-color, .add-data-color-before:before, .add-data-color-after:after, .add-data-color-on-hover:hover, .add-data-color-to-child-on-hover:hover .add-data-color-on-parent-hover { color: #9F4B84 !important; }

.add-data-color-light, .add-data-color-light-before:before, .add-data-color-light-after:after, .add-data-color-light-on-hover:hover, .add-data-color-light-to-child-on-hover:hover .add-data-color-light-on-parent-hover { color: #af5592 !important; }

.add-data-color-lighter, .add-data-color-lighter-before:before, .add-data-color-lighter-after:after, .add-data-color-lighter-on-hover:hover, .add-data-color-lighter-to-child-on-hover:hover .add-data-color-lighter-on-parent-hover { color: #b7669d !important; }

.add-data-color-lightest, .add-data-color-lightest-before:before, .add-data-color-lightest-after:after, .add-data-color-lightest-on-hover:hover, .add-data-color-lightest-to-child-on-hover:hover .add-data-color-lightest-on-parent-hover { color: #c789b3 !important; }

.add-data-color-dark, .add-data-color-dark-before:before, .add-data-color-dark-after:after, .add-data-color-dark-on-hover:hover, .add-data-color-dark-to-child-on-hover:hover .add-data-color-dark-on-parent-hover { color: #8e4376 !important; }

.add-data-color-darker, .add-data-color-darker-before:before, .add-data-color-darker-after:after, .add-data-color-darker-on-hover:hover, .add-data-color-darker-to-child-on-hover:hover .add-data-color-darker-on-parent-hover { color: #7c3b67 !important; }

.add-data-color-darkest, .add-data-color-darkest-before:before, .add-data-color-darkest-after:after, .add-data-color-darkest-on-hover:hover, .add-data-color-darkest-to-child-on-hover:hover .add-data-color-darkest-on-parent-hover { color: #5a2a4a !important; }

.add-data-border-color, .add-data-border-color-before:before, .add-data-border-color-after:after, .add-data-border-color-on-hover:hover, .add-data-border-color-to-child-on-hover:hover .add-data-border-color-on-parent-hover { border-color: #9F4B84 !important; }

.add-data-border-color-light, .add-data-border-color-light-before:before, .add-data-border-color-light-after:after, .add-data-border-color-light-on-hover:hover, .add-data-border-color-light-to-child-on-hover:hover .add-data-border-color-light-on-parent-hover { border-color: #af5592 !important; }

.add-data-border-color-lighter, .add-data-border-color-lighter-before:before, .add-data-border-color-lighter-after:after, .add-data-border-color-lighter-on-hover:hover, .add-data-border-color-lighter-to-child-on-hover:hover .add-data-border-color-lighter-on-parent-hover { border-color: #b7669d !important; }

.add-data-border-color-lightest, .add-data-border-color-lightest-before:before, .add-data-border-color-lightest-after:after, .add-data-border-color-lightest-on-hover:hover, .add-data-border-color-lightest-to-child-on-hover:hover .add-data-border-color-lightest-on-parent-hover { border-color: #c789b3 !important; }

.add-data-border-color-dark, .add-data-border-color-dark-before:before, .add-data-border-color-dark-after:after, .add-data-border-color-dark-on-hover:hover, .add-data-border-color-dark-to-child-on-hover:hover .add-data-border-color-dark-on-parent-hover { border-color: #8e4376 !important; }

.add-data-border-color-darker, .add-data-border-color-darker-before:before, .add-data-border-color-darker-after:after, .add-data-border-color-darker-on-hover:hover, .add-data-border-color-darker-to-child-on-hover:hover .add-data-border-color-darker-on-parent-hover { border-color: #7c3b67 !important; }

.add-data-border-color-darkest, .add-data-border-color-darkest-before:before, .add-data-border-color-darkest-after:after, .add-data-border-color-darkest-on-hover:hover, .add-data-border-color-darkest-to-child-on-hover:hover .add-data-border-color-darkest-on-parent-hover { border-color: #5a2a4a !important; }

.add-data-background-color, .add-data-background-color-before:before, .add-data-background-color-after:after, .add-data-background-color-on-hover:hover, .add-data-background-color-to-child-on-hover:hover .add-data-background-color-on-parent-hover { background-color: #9F4B84 !important; }

.add-data-background-color-light, .add-data-background-color-light-before:before, .add-data-background-color-light-after:after, .add-data-background-color-light-on-hover:hover, .add-data-background-color-light-to-child-on-hover:hover .add-data-background-color-light-on-parent-hover { background-color: #af5592 !important; }

.add-data-background-color-lighter, .add-data-background-color-lighter-before:before, .add-data-background-color-lighter-after:after, .add-data-background-color-lighter-on-hover:hover, .add-data-background-color-lighter-to-child-on-hover:hover .add-data-background-color-lighter-on-parent-hover { background-color: #b7669d !important; }

.add-data-background-color-lightest, .add-data-background-color-lightest-before:before, .add-data-background-color-lightest-after:after, .add-data-background-color-lightest-on-hover:hover, .add-data-background-color-lightest-to-child-on-hover:hover .add-data-background-color-lightest-on-parent-hover { background-color: #c789b3 !important; }

.add-data-background-color-dark, .add-data-background-color-dark-before:before, .add-data-background-color-dark-after:after, .add-data-background-color-dark-on-hover:hover, .add-data-background-color-dark-to-child-on-hover:hover .add-data-background-color-dark-on-parent-hover { background-color: #8e4376 !important; }

.add-data-background-color-darker, .add-data-background-color-darker-before:before, .add-data-background-color-darker-after:after, .add-data-background-color-darker-on-hover:hover, .add-data-background-color-darker-to-child-on-hover:hover .add-data-background-color-darker-on-parent-hover { background-color: #7c3b67 !important; }

.add-data-background-color-darkest, .add-data-background-color-darkest-before:before, .add-data-background-color-darkest-after:after, .add-data-background-color-darkest-on-hover:hover, .add-data-background-color-darkest-to-child-on-hover:hover .add-data-background-color-darkest-on-parent-hover { background-color: #5a2a4a !important; }

.add-design-fill, .add-design-fill-before:before, .add-design-fill-after:after, .add-design-fill-on-hover:hover, .add-design-fill-to-child-on-hover:hover .add-design-fill-on-parent-hover { fill: #4a4290 !important; }

.add-design-fill-light, .add-design-fill-light-before:before, .add-design-fill-light-after:after, .add-design-fill-light-on-hover:hover, .add-design-fill-light-to-child-on-hover:hover .add-design-fill-light-on-parent-hover { fill: #534aa1 !important; }

.add-design-fill-lighter, .add-design-fill-lighter-before:before, .add-design-fill-lighter-after:after, .add-design-fill-lighter-on-hover:hover, .add-design-fill-lighter-to-child-on-hover:hover .add-design-fill-lighter-on-parent-hover { fill: #5e54b1 !important; }

.add-design-fill-lightest, .add-design-fill-lightest-before:before, .add-design-fill-lightest-after:after, .add-design-fill-lightest-on-hover:hover, .add-design-fill-lightest-to-child-on-hover:hover .add-design-fill-lightest-on-parent-hover { fill: #7f77c1 !important; }

.add-design-fill-dark, .add-design-fill-dark-before:before, .add-design-fill-dark-after:after, .add-design-fill-dark-on-hover:hover, .add-design-fill-dark-to-child-on-hover:hover .add-design-fill-dark-on-parent-hover { fill: #413a7f !important; }

.add-design-fill-darker, .add-design-fill-darker-before:before, .add-design-fill-darker-after:after, .add-design-fill-darker-on-hover:hover, .add-design-fill-darker-to-child-on-hover:hover .add-design-fill-darker-on-parent-hover { fill: #38326d !important; }

.add-design-fill-darkest, .add-design-fill-darkest-before:before, .add-design-fill-darkest-after:after, .add-design-fill-darkest-on-hover:hover, .add-design-fill-darkest-to-child-on-hover:hover .add-design-fill-darkest-on-parent-hover { fill: #26224a !important; }

.add-design-stroke, .add-design-stroke-before:before, .add-design-stroke-after:after, .add-design-stroke-on-hover:hover, .add-design-stroke-to-child-on-hover:hover .add-design-stroke-on-parent-hover { stroke: #4a4290 !important; }

.add-design-stroke-light, .add-design-stroke-light-before:before, .add-design-stroke-light-after:after, .add-design-stroke-light-on-hover:hover, .add-design-stroke-light-to-child-on-hover:hover .add-design-stroke-light-on-parent-hover { stroke: #534aa1 !important; }

.add-design-stroke-lighter, .add-design-stroke-lighter-before:before, .add-design-stroke-lighter-after:after, .add-design-stroke-lighter-on-hover:hover, .add-design-stroke-lighter-to-child-on-hover:hover .add-design-stroke-lighter-on-parent-hover { stroke: #5e54b1 !important; }

.add-design-stroke-lightest, .add-design-stroke-lightest-before:before, .add-design-stroke-lightest-after:after, .add-design-stroke-lightest-on-hover:hover, .add-design-stroke-lightest-to-child-on-hover:hover .add-design-stroke-lightest-on-parent-hover { stroke: #7f77c1 !important; }

.add-design-stroke-dark, .add-design-stroke-dark-before:before, .add-design-stroke-dark-after:after, .add-design-stroke-dark-on-hover:hover, .add-design-stroke-dark-to-child-on-hover:hover .add-design-stroke-dark-on-parent-hover { stroke: #413a7f !important; }

.add-design-stroke-darker, .add-design-stroke-darker-before:before, .add-design-stroke-darker-after:after, .add-design-stroke-darker-on-hover:hover, .add-design-stroke-darker-to-child-on-hover:hover .add-design-stroke-darker-on-parent-hover { stroke: #38326d !important; }

.add-design-stroke-darkest, .add-design-stroke-darkest-before:before, .add-design-stroke-darkest-after:after, .add-design-stroke-darkest-on-hover:hover, .add-design-stroke-darkest-to-child-on-hover:hover .add-design-stroke-darkest-on-parent-hover { stroke: #26224a !important; }

.add-design-color, .add-design-color-before:before, .add-design-color-after:after, .add-design-color-on-hover:hover, .add-design-color-to-child-on-hover:hover .add-design-color-on-parent-hover { color: #4a4290 !important; }

.add-design-color-light, .add-design-color-light-before:before, .add-design-color-light-after:after, .add-design-color-light-on-hover:hover, .add-design-color-light-to-child-on-hover:hover .add-design-color-light-on-parent-hover { color: #534aa1 !important; }

.add-design-color-lighter, .add-design-color-lighter-before:before, .add-design-color-lighter-after:after, .add-design-color-lighter-on-hover:hover, .add-design-color-lighter-to-child-on-hover:hover .add-design-color-lighter-on-parent-hover { color: #5e54b1 !important; }

.add-design-color-lightest, .add-design-color-lightest-before:before, .add-design-color-lightest-after:after, .add-design-color-lightest-on-hover:hover, .add-design-color-lightest-to-child-on-hover:hover .add-design-color-lightest-on-parent-hover { color: #7f77c1 !important; }

.add-design-color-dark, .add-design-color-dark-before:before, .add-design-color-dark-after:after, .add-design-color-dark-on-hover:hover, .add-design-color-dark-to-child-on-hover:hover .add-design-color-dark-on-parent-hover { color: #413a7f !important; }

.add-design-color-darker, .add-design-color-darker-before:before, .add-design-color-darker-after:after, .add-design-color-darker-on-hover:hover, .add-design-color-darker-to-child-on-hover:hover .add-design-color-darker-on-parent-hover { color: #38326d !important; }

.add-design-color-darkest, .add-design-color-darkest-before:before, .add-design-color-darkest-after:after, .add-design-color-darkest-on-hover:hover, .add-design-color-darkest-to-child-on-hover:hover .add-design-color-darkest-on-parent-hover { color: #26224a !important; }

.add-design-border-color, .add-design-border-color-before:before, .add-design-border-color-after:after, .add-design-border-color-on-hover:hover, .add-design-border-color-to-child-on-hover:hover .add-design-border-color-on-parent-hover { border-color: #4a4290 !important; }

.add-design-border-color-light, .add-design-border-color-light-before:before, .add-design-border-color-light-after:after, .add-design-border-color-light-on-hover:hover, .add-design-border-color-light-to-child-on-hover:hover .add-design-border-color-light-on-parent-hover { border-color: #534aa1 !important; }

.add-design-border-color-lighter, .add-design-border-color-lighter-before:before, .add-design-border-color-lighter-after:after, .add-design-border-color-lighter-on-hover:hover, .add-design-border-color-lighter-to-child-on-hover:hover .add-design-border-color-lighter-on-parent-hover { border-color: #5e54b1 !important; }

.add-design-border-color-lightest, .add-design-border-color-lightest-before:before, .add-design-border-color-lightest-after:after, .add-design-border-color-lightest-on-hover:hover, .add-design-border-color-lightest-to-child-on-hover:hover .add-design-border-color-lightest-on-parent-hover { border-color: #7f77c1 !important; }

.add-design-border-color-dark, .add-design-border-color-dark-before:before, .add-design-border-color-dark-after:after, .add-design-border-color-dark-on-hover:hover, .add-design-border-color-dark-to-child-on-hover:hover .add-design-border-color-dark-on-parent-hover { border-color: #413a7f !important; }

.add-design-border-color-darker, .add-design-border-color-darker-before:before, .add-design-border-color-darker-after:after, .add-design-border-color-darker-on-hover:hover, .add-design-border-color-darker-to-child-on-hover:hover .add-design-border-color-darker-on-parent-hover { border-color: #38326d !important; }

.add-design-border-color-darkest, .add-design-border-color-darkest-before:before, .add-design-border-color-darkest-after:after, .add-design-border-color-darkest-on-hover:hover, .add-design-border-color-darkest-to-child-on-hover:hover .add-design-border-color-darkest-on-parent-hover { border-color: #26224a !important; }

.add-design-background-color, .add-design-background-color-before:before, .add-design-background-color-after:after, .add-design-background-color-on-hover:hover, .add-design-background-color-to-child-on-hover:hover .add-design-background-color-on-parent-hover { background-color: #4a4290 !important; }

.add-design-background-color-light, .add-design-background-color-light-before:before, .add-design-background-color-light-after:after, .add-design-background-color-light-on-hover:hover, .add-design-background-color-light-to-child-on-hover:hover .add-design-background-color-light-on-parent-hover { background-color: #534aa1 !important; }

.add-design-background-color-lighter, .add-design-background-color-lighter-before:before, .add-design-background-color-lighter-after:after, .add-design-background-color-lighter-on-hover:hover, .add-design-background-color-lighter-to-child-on-hover:hover .add-design-background-color-lighter-on-parent-hover { background-color: #5e54b1 !important; }

.add-design-background-color-lightest, .add-design-background-color-lightest-before:before, .add-design-background-color-lightest-after:after, .add-design-background-color-lightest-on-hover:hover, .add-design-background-color-lightest-to-child-on-hover:hover .add-design-background-color-lightest-on-parent-hover { background-color: #7f77c1 !important; }

.add-design-background-color-dark, .add-design-background-color-dark-before:before, .add-design-background-color-dark-after:after, .add-design-background-color-dark-on-hover:hover, .add-design-background-color-dark-to-child-on-hover:hover .add-design-background-color-dark-on-parent-hover { background-color: #413a7f !important; }

.add-design-background-color-darker, .add-design-background-color-darker-before:before, .add-design-background-color-darker-after:after, .add-design-background-color-darker-on-hover:hover, .add-design-background-color-darker-to-child-on-hover:hover .add-design-background-color-darker-on-parent-hover { background-color: #38326d !important; }

.add-design-background-color-darkest, .add-design-background-color-darkest-before:before, .add-design-background-color-darkest-after:after, .add-design-background-color-darkest-on-hover:hover, .add-design-background-color-darkest-to-child-on-hover:hover .add-design-background-color-darkest-on-parent-hover { background-color: #26224a !important; }

.add-experimental-fill, .add-experimental-fill-before:before, .add-experimental-fill-after:after, .add-experimental-fill-on-hover:hover, .add-experimental-fill-to-child-on-hover:hover .add-experimental-fill-on-parent-hover { fill: #733a88 !important; }

.add-experimental-fill-light, .add-experimental-fill-light-before:before, .add-experimental-fill-light-after:after, .add-experimental-fill-light-on-hover:hover, .add-experimental-fill-light-to-child-on-hover:hover .add-experimental-fill-light-on-parent-hover { fill: #82429a !important; }

.add-experimental-fill-lighter, .add-experimental-fill-lighter-before:before, .add-experimental-fill-lighter-after:after, .add-experimental-fill-lighter-on-hover:hover, .add-experimental-fill-lighter-to-child-on-hover:hover .add-experimental-fill-lighter-on-parent-hover { fill: #9149ac !important; }

.add-experimental-fill-lightest, .add-experimental-fill-lightest-before:before, .add-experimental-fill-lightest-after:after, .add-experimental-fill-lightest-on-hover:hover, .add-experimental-fill-lightest-to-child-on-hover:hover .add-experimental-fill-lightest-on-parent-hover { fill: #a869bf !important; }

.add-experimental-fill-dark, .add-experimental-fill-dark-before:before, .add-experimental-fill-dark-after:after, .add-experimental-fill-dark-on-hover:hover, .add-experimental-fill-dark-to-child-on-hover:hover .add-experimental-fill-dark-on-parent-hover { fill: #643276 !important; }

.add-experimental-fill-darker, .add-experimental-fill-darker-before:before, .add-experimental-fill-darker-after:after, .add-experimental-fill-darker-on-hover:hover, .add-experimental-fill-darker-to-child-on-hover:hover .add-experimental-fill-darker-on-parent-hover { fill: #552b64 !important; }

.add-experimental-fill-darkest, .add-experimental-fill-darkest-before:before, .add-experimental-fill-darkest-after:after, .add-experimental-fill-darkest-on-hover:hover, .add-experimental-fill-darkest-to-child-on-hover:hover .add-experimental-fill-darkest-on-parent-hover { fill: #371c40 !important; }

.add-experimental-stroke, .add-experimental-stroke-before:before, .add-experimental-stroke-after:after, .add-experimental-stroke-on-hover:hover, .add-experimental-stroke-to-child-on-hover:hover .add-experimental-stroke-on-parent-hover { stroke: #733a88 !important; }

.add-experimental-stroke-light, .add-experimental-stroke-light-before:before, .add-experimental-stroke-light-after:after, .add-experimental-stroke-light-on-hover:hover, .add-experimental-stroke-light-to-child-on-hover:hover .add-experimental-stroke-light-on-parent-hover { stroke: #82429a !important; }

.add-experimental-stroke-lighter, .add-experimental-stroke-lighter-before:before, .add-experimental-stroke-lighter-after:after, .add-experimental-stroke-lighter-on-hover:hover, .add-experimental-stroke-lighter-to-child-on-hover:hover .add-experimental-stroke-lighter-on-parent-hover { stroke: #9149ac !important; }

.add-experimental-stroke-lightest, .add-experimental-stroke-lightest-before:before, .add-experimental-stroke-lightest-after:after, .add-experimental-stroke-lightest-on-hover:hover, .add-experimental-stroke-lightest-to-child-on-hover:hover .add-experimental-stroke-lightest-on-parent-hover { stroke: #a869bf !important; }

.add-experimental-stroke-dark, .add-experimental-stroke-dark-before:before, .add-experimental-stroke-dark-after:after, .add-experimental-stroke-dark-on-hover:hover, .add-experimental-stroke-dark-to-child-on-hover:hover .add-experimental-stroke-dark-on-parent-hover { stroke: #643276 !important; }

.add-experimental-stroke-darker, .add-experimental-stroke-darker-before:before, .add-experimental-stroke-darker-after:after, .add-experimental-stroke-darker-on-hover:hover, .add-experimental-stroke-darker-to-child-on-hover:hover .add-experimental-stroke-darker-on-parent-hover { stroke: #552b64 !important; }

.add-experimental-stroke-darkest, .add-experimental-stroke-darkest-before:before, .add-experimental-stroke-darkest-after:after, .add-experimental-stroke-darkest-on-hover:hover, .add-experimental-stroke-darkest-to-child-on-hover:hover .add-experimental-stroke-darkest-on-parent-hover { stroke: #371c40 !important; }

.add-experimental-color, .add-experimental-color-before:before, .add-experimental-color-after:after, .add-experimental-color-on-hover:hover, .add-experimental-color-to-child-on-hover:hover .add-experimental-color-on-parent-hover { color: #733a88 !important; }

.add-experimental-color-light, .add-experimental-color-light-before:before, .add-experimental-color-light-after:after, .add-experimental-color-light-on-hover:hover, .add-experimental-color-light-to-child-on-hover:hover .add-experimental-color-light-on-parent-hover { color: #82429a !important; }

.add-experimental-color-lighter, .add-experimental-color-lighter-before:before, .add-experimental-color-lighter-after:after, .add-experimental-color-lighter-on-hover:hover, .add-experimental-color-lighter-to-child-on-hover:hover .add-experimental-color-lighter-on-parent-hover { color: #9149ac !important; }

.add-experimental-color-lightest, .add-experimental-color-lightest-before:before, .add-experimental-color-lightest-after:after, .add-experimental-color-lightest-on-hover:hover, .add-experimental-color-lightest-to-child-on-hover:hover .add-experimental-color-lightest-on-parent-hover { color: #a869bf !important; }

.add-experimental-color-dark, .add-experimental-color-dark-before:before, .add-experimental-color-dark-after:after, .add-experimental-color-dark-on-hover:hover, .add-experimental-color-dark-to-child-on-hover:hover .add-experimental-color-dark-on-parent-hover { color: #643276 !important; }

.add-experimental-color-darker, .add-experimental-color-darker-before:before, .add-experimental-color-darker-after:after, .add-experimental-color-darker-on-hover:hover, .add-experimental-color-darker-to-child-on-hover:hover .add-experimental-color-darker-on-parent-hover { color: #552b64 !important; }

.add-experimental-color-darkest, .add-experimental-color-darkest-before:before, .add-experimental-color-darkest-after:after, .add-experimental-color-darkest-on-hover:hover, .add-experimental-color-darkest-to-child-on-hover:hover .add-experimental-color-darkest-on-parent-hover { color: #371c40 !important; }

.add-experimental-border-color, .add-experimental-border-color-before:before, .add-experimental-border-color-after:after, .add-experimental-border-color-on-hover:hover, .add-experimental-border-color-to-child-on-hover:hover .add-experimental-border-color-on-parent-hover { border-color: #733a88 !important; }

.add-experimental-border-color-light, .add-experimental-border-color-light-before:before, .add-experimental-border-color-light-after:after, .add-experimental-border-color-light-on-hover:hover, .add-experimental-border-color-light-to-child-on-hover:hover .add-experimental-border-color-light-on-parent-hover { border-color: #82429a !important; }

.add-experimental-border-color-lighter, .add-experimental-border-color-lighter-before:before, .add-experimental-border-color-lighter-after:after, .add-experimental-border-color-lighter-on-hover:hover, .add-experimental-border-color-lighter-to-child-on-hover:hover .add-experimental-border-color-lighter-on-parent-hover { border-color: #9149ac !important; }

.add-experimental-border-color-lightest, .add-experimental-border-color-lightest-before:before, .add-experimental-border-color-lightest-after:after, .add-experimental-border-color-lightest-on-hover:hover, .add-experimental-border-color-lightest-to-child-on-hover:hover .add-experimental-border-color-lightest-on-parent-hover { border-color: #a869bf !important; }

.add-experimental-border-color-dark, .add-experimental-border-color-dark-before:before, .add-experimental-border-color-dark-after:after, .add-experimental-border-color-dark-on-hover:hover, .add-experimental-border-color-dark-to-child-on-hover:hover .add-experimental-border-color-dark-on-parent-hover { border-color: #643276 !important; }

.add-experimental-border-color-darker, .add-experimental-border-color-darker-before:before, .add-experimental-border-color-darker-after:after, .add-experimental-border-color-darker-on-hover:hover, .add-experimental-border-color-darker-to-child-on-hover:hover .add-experimental-border-color-darker-on-parent-hover { border-color: #552b64 !important; }

.add-experimental-border-color-darkest, .add-experimental-border-color-darkest-before:before, .add-experimental-border-color-darkest-after:after, .add-experimental-border-color-darkest-on-hover:hover, .add-experimental-border-color-darkest-to-child-on-hover:hover .add-experimental-border-color-darkest-on-parent-hover { border-color: #371c40 !important; }

.add-experimental-background-color, .add-experimental-background-color-before:before, .add-experimental-background-color-after:after, .add-experimental-background-color-on-hover:hover, .add-experimental-background-color-to-child-on-hover:hover .add-experimental-background-color-on-parent-hover { background-color: #733a88 !important; }

.add-experimental-background-color-light, .add-experimental-background-color-light-before:before, .add-experimental-background-color-light-after:after, .add-experimental-background-color-light-on-hover:hover, .add-experimental-background-color-light-to-child-on-hover:hover .add-experimental-background-color-light-on-parent-hover { background-color: #82429a !important; }

.add-experimental-background-color-lighter, .add-experimental-background-color-lighter-before:before, .add-experimental-background-color-lighter-after:after, .add-experimental-background-color-lighter-on-hover:hover, .add-experimental-background-color-lighter-to-child-on-hover:hover .add-experimental-background-color-lighter-on-parent-hover { background-color: #9149ac !important; }

.add-experimental-background-color-lightest, .add-experimental-background-color-lightest-before:before, .add-experimental-background-color-lightest-after:after, .add-experimental-background-color-lightest-on-hover:hover, .add-experimental-background-color-lightest-to-child-on-hover:hover .add-experimental-background-color-lightest-on-parent-hover { background-color: #a869bf !important; }

.add-experimental-background-color-dark, .add-experimental-background-color-dark-before:before, .add-experimental-background-color-dark-after:after, .add-experimental-background-color-dark-on-hover:hover, .add-experimental-background-color-dark-to-child-on-hover:hover .add-experimental-background-color-dark-on-parent-hover { background-color: #643276 !important; }

.add-experimental-background-color-darker, .add-experimental-background-color-darker-before:before, .add-experimental-background-color-darker-after:after, .add-experimental-background-color-darker-on-hover:hover, .add-experimental-background-color-darker-to-child-on-hover:hover .add-experimental-background-color-darker-on-parent-hover { background-color: #552b64 !important; }

.add-experimental-background-color-darkest, .add-experimental-background-color-darkest-before:before, .add-experimental-background-color-darkest-after:after, .add-experimental-background-color-darkest-on-hover:hover, .add-experimental-background-color-darkest-to-child-on-hover:hover .add-experimental-background-color-darkest-on-parent-hover { background-color: #371c40 !important; }

.add-front-end-fill, .add-front-end-fill-before:before, .add-front-end-fill-after:after, .add-front-end-fill-on-hover:hover, .add-front-end-fill-to-child-on-hover:hover .add-front-end-fill-on-parent-hover { fill: #3659a2 !important; }

.add-front-end-fill-light, .add-front-end-fill-light-before:before, .add-front-end-fill-light-after:after, .add-front-end-fill-light-on-hover:hover, .add-front-end-fill-light-to-child-on-hover:hover .add-front-end-fill-light-on-parent-hover { fill: #3c64b5 !important; }

.add-front-end-fill-lighter, .add-front-end-fill-lighter-before:before, .add-front-end-fill-lighter-after:after, .add-front-end-fill-lighter-on-hover:hover, .add-front-end-fill-lighter-to-child-on-hover:hover .add-front-end-fill-lighter-on-parent-hover { fill: #4970c2 !important; }

.add-front-end-fill-lightest, .add-front-end-fill-lightest-before:before, .add-front-end-fill-lightest-after:after, .add-front-end-fill-lightest-on-hover:hover, .add-front-end-fill-lightest-to-child-on-hover:hover .add-front-end-fill-lightest-on-parent-hover { fill: #6f8ecf !important; }

.add-front-end-fill-dark, .add-front-end-fill-dark-before:before, .add-front-end-fill-dark-after:after, .add-front-end-fill-dark-on-hover:hover, .add-front-end-fill-dark-to-child-on-hover:hover .add-front-end-fill-dark-on-parent-hover { fill: #304e8f !important; }

.add-front-end-fill-darker, .add-front-end-fill-darker-before:before, .add-front-end-fill-darker-after:after, .add-front-end-fill-darker-on-hover:hover, .add-front-end-fill-darker-to-child-on-hover:hover .add-front-end-fill-darker-on-parent-hover { fill: #29447c !important; }

.add-front-end-fill-darkest, .add-front-end-fill-darkest-before:before, .add-front-end-fill-darkest-after:after, .add-front-end-fill-darkest-on-hover:hover, .add-front-end-fill-darkest-to-child-on-hover:hover .add-front-end-fill-darkest-on-parent-hover { fill: #1d2f56 !important; }

.add-front-end-stroke, .add-front-end-stroke-before:before, .add-front-end-stroke-after:after, .add-front-end-stroke-on-hover:hover, .add-front-end-stroke-to-child-on-hover:hover .add-front-end-stroke-on-parent-hover { stroke: #3659a2 !important; }

.add-front-end-stroke-light, .add-front-end-stroke-light-before:before, .add-front-end-stroke-light-after:after, .add-front-end-stroke-light-on-hover:hover, .add-front-end-stroke-light-to-child-on-hover:hover .add-front-end-stroke-light-on-parent-hover { stroke: #3c64b5 !important; }

.add-front-end-stroke-lighter, .add-front-end-stroke-lighter-before:before, .add-front-end-stroke-lighter-after:after, .add-front-end-stroke-lighter-on-hover:hover, .add-front-end-stroke-lighter-to-child-on-hover:hover .add-front-end-stroke-lighter-on-parent-hover { stroke: #4970c2 !important; }

.add-front-end-stroke-lightest, .add-front-end-stroke-lightest-before:before, .add-front-end-stroke-lightest-after:after, .add-front-end-stroke-lightest-on-hover:hover, .add-front-end-stroke-lightest-to-child-on-hover:hover .add-front-end-stroke-lightest-on-parent-hover { stroke: #6f8ecf !important; }

.add-front-end-stroke-dark, .add-front-end-stroke-dark-before:before, .add-front-end-stroke-dark-after:after, .add-front-end-stroke-dark-on-hover:hover, .add-front-end-stroke-dark-to-child-on-hover:hover .add-front-end-stroke-dark-on-parent-hover { stroke: #304e8f !important; }

.add-front-end-stroke-darker, .add-front-end-stroke-darker-before:before, .add-front-end-stroke-darker-after:after, .add-front-end-stroke-darker-on-hover:hover, .add-front-end-stroke-darker-to-child-on-hover:hover .add-front-end-stroke-darker-on-parent-hover { stroke: #29447c !important; }

.add-front-end-stroke-darkest, .add-front-end-stroke-darkest-before:before, .add-front-end-stroke-darkest-after:after, .add-front-end-stroke-darkest-on-hover:hover, .add-front-end-stroke-darkest-to-child-on-hover:hover .add-front-end-stroke-darkest-on-parent-hover { stroke: #1d2f56 !important; }

.add-front-end-color, .add-front-end-color-before:before, .add-front-end-color-after:after, .add-front-end-color-on-hover:hover, .add-front-end-color-to-child-on-hover:hover .add-front-end-color-on-parent-hover { color: #3659a2 !important; }

.add-front-end-color-light, .add-front-end-color-light-before:before, .add-front-end-color-light-after:after, .add-front-end-color-light-on-hover:hover, .add-front-end-color-light-to-child-on-hover:hover .add-front-end-color-light-on-parent-hover { color: #3c64b5 !important; }

.add-front-end-color-lighter, .add-front-end-color-lighter-before:before, .add-front-end-color-lighter-after:after, .add-front-end-color-lighter-on-hover:hover, .add-front-end-color-lighter-to-child-on-hover:hover .add-front-end-color-lighter-on-parent-hover { color: #4970c2 !important; }

.add-front-end-color-lightest, .add-front-end-color-lightest-before:before, .add-front-end-color-lightest-after:after, .add-front-end-color-lightest-on-hover:hover, .add-front-end-color-lightest-to-child-on-hover:hover .add-front-end-color-lightest-on-parent-hover { color: #6f8ecf !important; }

.add-front-end-color-dark, .add-front-end-color-dark-before:before, .add-front-end-color-dark-after:after, .add-front-end-color-dark-on-hover:hover, .add-front-end-color-dark-to-child-on-hover:hover .add-front-end-color-dark-on-parent-hover { color: #304e8f !important; }

.add-front-end-color-darker, .add-front-end-color-darker-before:before, .add-front-end-color-darker-after:after, .add-front-end-color-darker-on-hover:hover, .add-front-end-color-darker-to-child-on-hover:hover .add-front-end-color-darker-on-parent-hover { color: #29447c !important; }

.add-front-end-color-darkest, .add-front-end-color-darkest-before:before, .add-front-end-color-darkest-after:after, .add-front-end-color-darkest-on-hover:hover, .add-front-end-color-darkest-to-child-on-hover:hover .add-front-end-color-darkest-on-parent-hover { color: #1d2f56 !important; }

.add-front-end-border-color, .add-front-end-border-color-before:before, .add-front-end-border-color-after:after, .add-front-end-border-color-on-hover:hover, .add-front-end-border-color-to-child-on-hover:hover .add-front-end-border-color-on-parent-hover { border-color: #3659a2 !important; }

.add-front-end-border-color-light, .add-front-end-border-color-light-before:before, .add-front-end-border-color-light-after:after, .add-front-end-border-color-light-on-hover:hover, .add-front-end-border-color-light-to-child-on-hover:hover .add-front-end-border-color-light-on-parent-hover { border-color: #3c64b5 !important; }

.add-front-end-border-color-lighter, .add-front-end-border-color-lighter-before:before, .add-front-end-border-color-lighter-after:after, .add-front-end-border-color-lighter-on-hover:hover, .add-front-end-border-color-lighter-to-child-on-hover:hover .add-front-end-border-color-lighter-on-parent-hover { border-color: #4970c2 !important; }

.add-front-end-border-color-lightest, .add-front-end-border-color-lightest-before:before, .add-front-end-border-color-lightest-after:after, .add-front-end-border-color-lightest-on-hover:hover, .add-front-end-border-color-lightest-to-child-on-hover:hover .add-front-end-border-color-lightest-on-parent-hover { border-color: #6f8ecf !important; }

.add-front-end-border-color-dark, .add-front-end-border-color-dark-before:before, .add-front-end-border-color-dark-after:after, .add-front-end-border-color-dark-on-hover:hover, .add-front-end-border-color-dark-to-child-on-hover:hover .add-front-end-border-color-dark-on-parent-hover { border-color: #304e8f !important; }

.add-front-end-border-color-darker, .add-front-end-border-color-darker-before:before, .add-front-end-border-color-darker-after:after, .add-front-end-border-color-darker-on-hover:hover, .add-front-end-border-color-darker-to-child-on-hover:hover .add-front-end-border-color-darker-on-parent-hover { border-color: #29447c !important; }

.add-front-end-border-color-darkest, .add-front-end-border-color-darkest-before:before, .add-front-end-border-color-darkest-after:after, .add-front-end-border-color-darkest-on-hover:hover, .add-front-end-border-color-darkest-to-child-on-hover:hover .add-front-end-border-color-darkest-on-parent-hover { border-color: #1d2f56 !important; }

.add-front-end-background-color, .add-front-end-background-color-before:before, .add-front-end-background-color-after:after, .add-front-end-background-color-on-hover:hover, .add-front-end-background-color-to-child-on-hover:hover .add-front-end-background-color-on-parent-hover { background-color: #3659a2 !important; }

.add-front-end-background-color-light, .add-front-end-background-color-light-before:before, .add-front-end-background-color-light-after:after, .add-front-end-background-color-light-on-hover:hover, .add-front-end-background-color-light-to-child-on-hover:hover .add-front-end-background-color-light-on-parent-hover { background-color: #3c64b5 !important; }

.add-front-end-background-color-lighter, .add-front-end-background-color-lighter-before:before, .add-front-end-background-color-lighter-after:after, .add-front-end-background-color-lighter-on-hover:hover, .add-front-end-background-color-lighter-to-child-on-hover:hover .add-front-end-background-color-lighter-on-parent-hover { background-color: #4970c2 !important; }

.add-front-end-background-color-lightest, .add-front-end-background-color-lightest-before:before, .add-front-end-background-color-lightest-after:after, .add-front-end-background-color-lightest-on-hover:hover, .add-front-end-background-color-lightest-to-child-on-hover:hover .add-front-end-background-color-lightest-on-parent-hover { background-color: #6f8ecf !important; }

.add-front-end-background-color-dark, .add-front-end-background-color-dark-before:before, .add-front-end-background-color-dark-after:after, .add-front-end-background-color-dark-on-hover:hover, .add-front-end-background-color-dark-to-child-on-hover:hover .add-front-end-background-color-dark-on-parent-hover { background-color: #304e8f !important; }

.add-front-end-background-color-darker, .add-front-end-background-color-darker-before:before, .add-front-end-background-color-darker-after:after, .add-front-end-background-color-darker-on-hover:hover, .add-front-end-background-color-darker-to-child-on-hover:hover .add-front-end-background-color-darker-on-parent-hover { background-color: #29447c !important; }

.add-front-end-background-color-darkest, .add-front-end-background-color-darkest-before:before, .add-front-end-background-color-darkest-after:after, .add-front-end-background-color-darkest-on-hover:hover, .add-front-end-background-color-darkest-to-child-on-hover:hover .add-front-end-background-color-darkest-on-parent-hover { background-color: #1d2f56 !important; }

.add-fundamentals-fill, .add-fundamentals-fill-before:before, .add-fundamentals-fill-after:after, .add-fundamentals-fill-on-hover:hover, .add-fundamentals-fill-to-child-on-hover:hover .add-fundamentals-fill-on-parent-hover { fill: #9b3b5a !important; }

.add-fundamentals-fill-light, .add-fundamentals-fill-light-before:before, .add-fundamentals-fill-light-after:after, .add-fundamentals-fill-light-on-hover:hover, .add-fundamentals-fill-light-to-child-on-hover:hover .add-fundamentals-fill-light-on-parent-hover { fill: #ad4265 !important; }

.add-fundamentals-fill-lighter, .add-fundamentals-fill-lighter-before:before, .add-fundamentals-fill-lighter-after:after, .add-fundamentals-fill-lighter-on-hover:hover, .add-fundamentals-fill-lighter-to-child-on-hover:hover .add-fundamentals-fill-lighter-on-parent-hover { fill: #bb4e71 !important; }

.add-fundamentals-fill-lightest, .add-fundamentals-fill-lightest-before:before, .add-fundamentals-fill-lightest-after:after, .add-fundamentals-fill-lightest-on-hover:hover, .add-fundamentals-fill-lightest-to-child-on-hover:hover .add-fundamentals-fill-lightest-on-parent-hover { fill: #ca728f !important; }

.add-fundamentals-fill-dark, .add-fundamentals-fill-dark-before:before, .add-fundamentals-fill-dark-after:after, .add-fundamentals-fill-dark-on-hover:hover, .add-fundamentals-fill-dark-to-child-on-hover:hover .add-fundamentals-fill-dark-on-parent-hover { fill: #89344f !important; }

.add-fundamentals-fill-darker, .add-fundamentals-fill-darker-before:before, .add-fundamentals-fill-darker-after:after, .add-fundamentals-fill-darker-on-hover:hover, .add-fundamentals-fill-darker-to-child-on-hover:hover .add-fundamentals-fill-darker-on-parent-hover { fill: #762d45 !important; }

.add-fundamentals-fill-darkest, .add-fundamentals-fill-darkest-before:before, .add-fundamentals-fill-darkest-after:after, .add-fundamentals-fill-darkest-on-hover:hover, .add-fundamentals-fill-darkest-to-child-on-hover:hover .add-fundamentals-fill-darkest-on-parent-hover { fill: #511f2f !important; }

.add-fundamentals-stroke, .add-fundamentals-stroke-before:before, .add-fundamentals-stroke-after:after, .add-fundamentals-stroke-on-hover:hover, .add-fundamentals-stroke-to-child-on-hover:hover .add-fundamentals-stroke-on-parent-hover { stroke: #9b3b5a !important; }

.add-fundamentals-stroke-light, .add-fundamentals-stroke-light-before:before, .add-fundamentals-stroke-light-after:after, .add-fundamentals-stroke-light-on-hover:hover, .add-fundamentals-stroke-light-to-child-on-hover:hover .add-fundamentals-stroke-light-on-parent-hover { stroke: #ad4265 !important; }

.add-fundamentals-stroke-lighter, .add-fundamentals-stroke-lighter-before:before, .add-fundamentals-stroke-lighter-after:after, .add-fundamentals-stroke-lighter-on-hover:hover, .add-fundamentals-stroke-lighter-to-child-on-hover:hover .add-fundamentals-stroke-lighter-on-parent-hover { stroke: #bb4e71 !important; }

.add-fundamentals-stroke-lightest, .add-fundamentals-stroke-lightest-before:before, .add-fundamentals-stroke-lightest-after:after, .add-fundamentals-stroke-lightest-on-hover:hover, .add-fundamentals-stroke-lightest-to-child-on-hover:hover .add-fundamentals-stroke-lightest-on-parent-hover { stroke: #ca728f !important; }

.add-fundamentals-stroke-dark, .add-fundamentals-stroke-dark-before:before, .add-fundamentals-stroke-dark-after:after, .add-fundamentals-stroke-dark-on-hover:hover, .add-fundamentals-stroke-dark-to-child-on-hover:hover .add-fundamentals-stroke-dark-on-parent-hover { stroke: #89344f !important; }

.add-fundamentals-stroke-darker, .add-fundamentals-stroke-darker-before:before, .add-fundamentals-stroke-darker-after:after, .add-fundamentals-stroke-darker-on-hover:hover, .add-fundamentals-stroke-darker-to-child-on-hover:hover .add-fundamentals-stroke-darker-on-parent-hover { stroke: #762d45 !important; }

.add-fundamentals-stroke-darkest, .add-fundamentals-stroke-darkest-before:before, .add-fundamentals-stroke-darkest-after:after, .add-fundamentals-stroke-darkest-on-hover:hover, .add-fundamentals-stroke-darkest-to-child-on-hover:hover .add-fundamentals-stroke-darkest-on-parent-hover { stroke: #511f2f !important; }

.add-fundamentals-color, .add-fundamentals-color-before:before, .add-fundamentals-color-after:after, .add-fundamentals-color-on-hover:hover, .add-fundamentals-color-to-child-on-hover:hover .add-fundamentals-color-on-parent-hover { color: #9b3b5a !important; }

.add-fundamentals-color-light, .add-fundamentals-color-light-before:before, .add-fundamentals-color-light-after:after, .add-fundamentals-color-light-on-hover:hover, .add-fundamentals-color-light-to-child-on-hover:hover .add-fundamentals-color-light-on-parent-hover { color: #ad4265 !important; }

.add-fundamentals-color-lighter, .add-fundamentals-color-lighter-before:before, .add-fundamentals-color-lighter-after:after, .add-fundamentals-color-lighter-on-hover:hover, .add-fundamentals-color-lighter-to-child-on-hover:hover .add-fundamentals-color-lighter-on-parent-hover { color: #bb4e71 !important; }

.add-fundamentals-color-lightest, .add-fundamentals-color-lightest-before:before, .add-fundamentals-color-lightest-after:after, .add-fundamentals-color-lightest-on-hover:hover, .add-fundamentals-color-lightest-to-child-on-hover:hover .add-fundamentals-color-lightest-on-parent-hover { color: #ca728f !important; }

.add-fundamentals-color-dark, .add-fundamentals-color-dark-before:before, .add-fundamentals-color-dark-after:after, .add-fundamentals-color-dark-on-hover:hover, .add-fundamentals-color-dark-to-child-on-hover:hover .add-fundamentals-color-dark-on-parent-hover { color: #89344f !important; }

.add-fundamentals-color-darker, .add-fundamentals-color-darker-before:before, .add-fundamentals-color-darker-after:after, .add-fundamentals-color-darker-on-hover:hover, .add-fundamentals-color-darker-to-child-on-hover:hover .add-fundamentals-color-darker-on-parent-hover { color: #762d45 !important; }

.add-fundamentals-color-darkest, .add-fundamentals-color-darkest-before:before, .add-fundamentals-color-darkest-after:after, .add-fundamentals-color-darkest-on-hover:hover, .add-fundamentals-color-darkest-to-child-on-hover:hover .add-fundamentals-color-darkest-on-parent-hover { color: #511f2f !important; }

.add-fundamentals-border-color, .add-fundamentals-border-color-before:before, .add-fundamentals-border-color-after:after, .add-fundamentals-border-color-on-hover:hover, .add-fundamentals-border-color-to-child-on-hover:hover .add-fundamentals-border-color-on-parent-hover { border-color: #9b3b5a !important; }

.add-fundamentals-border-color-light, .add-fundamentals-border-color-light-before:before, .add-fundamentals-border-color-light-after:after, .add-fundamentals-border-color-light-on-hover:hover, .add-fundamentals-border-color-light-to-child-on-hover:hover .add-fundamentals-border-color-light-on-parent-hover { border-color: #ad4265 !important; }

.add-fundamentals-border-color-lighter, .add-fundamentals-border-color-lighter-before:before, .add-fundamentals-border-color-lighter-after:after, .add-fundamentals-border-color-lighter-on-hover:hover, .add-fundamentals-border-color-lighter-to-child-on-hover:hover .add-fundamentals-border-color-lighter-on-parent-hover { border-color: #bb4e71 !important; }

.add-fundamentals-border-color-lightest, .add-fundamentals-border-color-lightest-before:before, .add-fundamentals-border-color-lightest-after:after, .add-fundamentals-border-color-lightest-on-hover:hover, .add-fundamentals-border-color-lightest-to-child-on-hover:hover .add-fundamentals-border-color-lightest-on-parent-hover { border-color: #ca728f !important; }

.add-fundamentals-border-color-dark, .add-fundamentals-border-color-dark-before:before, .add-fundamentals-border-color-dark-after:after, .add-fundamentals-border-color-dark-on-hover:hover, .add-fundamentals-border-color-dark-to-child-on-hover:hover .add-fundamentals-border-color-dark-on-parent-hover { border-color: #89344f !important; }

.add-fundamentals-border-color-darker, .add-fundamentals-border-color-darker-before:before, .add-fundamentals-border-color-darker-after:after, .add-fundamentals-border-color-darker-on-hover:hover, .add-fundamentals-border-color-darker-to-child-on-hover:hover .add-fundamentals-border-color-darker-on-parent-hover { border-color: #762d45 !important; }

.add-fundamentals-border-color-darkest, .add-fundamentals-border-color-darkest-before:before, .add-fundamentals-border-color-darkest-after:after, .add-fundamentals-border-color-darkest-on-hover:hover, .add-fundamentals-border-color-darkest-to-child-on-hover:hover .add-fundamentals-border-color-darkest-on-parent-hover { border-color: #511f2f !important; }

.add-fundamentals-background-color, .add-fundamentals-background-color-before:before, .add-fundamentals-background-color-after:after, .add-fundamentals-background-color-on-hover:hover, .add-fundamentals-background-color-to-child-on-hover:hover .add-fundamentals-background-color-on-parent-hover { background-color: #9b3b5a !important; }

.add-fundamentals-background-color-light, .add-fundamentals-background-color-light-before:before, .add-fundamentals-background-color-light-after:after, .add-fundamentals-background-color-light-on-hover:hover, .add-fundamentals-background-color-light-to-child-on-hover:hover .add-fundamentals-background-color-light-on-parent-hover { background-color: #ad4265 !important; }

.add-fundamentals-background-color-lighter, .add-fundamentals-background-color-lighter-before:before, .add-fundamentals-background-color-lighter-after:after, .add-fundamentals-background-color-lighter-on-hover:hover, .add-fundamentals-background-color-lighter-to-child-on-hover:hover .add-fundamentals-background-color-lighter-on-parent-hover { background-color: #bb4e71 !important; }

.add-fundamentals-background-color-lightest, .add-fundamentals-background-color-lightest-before:before, .add-fundamentals-background-color-lightest-after:after, .add-fundamentals-background-color-lightest-on-hover:hover, .add-fundamentals-background-color-lightest-to-child-on-hover:hover .add-fundamentals-background-color-lightest-on-parent-hover { background-color: #ca728f !important; }

.add-fundamentals-background-color-dark, .add-fundamentals-background-color-dark-before:before, .add-fundamentals-background-color-dark-after:after, .add-fundamentals-background-color-dark-on-hover:hover, .add-fundamentals-background-color-dark-to-child-on-hover:hover .add-fundamentals-background-color-dark-on-parent-hover { background-color: #89344f !important; }

.add-fundamentals-background-color-darker, .add-fundamentals-background-color-darker-before:before, .add-fundamentals-background-color-darker-after:after, .add-fundamentals-background-color-darker-on-hover:hover, .add-fundamentals-background-color-darker-to-child-on-hover:hover .add-fundamentals-background-color-darker-on-parent-hover { background-color: #762d45 !important; }

.add-fundamentals-background-color-darkest, .add-fundamentals-background-color-darkest-before:before, .add-fundamentals-background-color-darkest-after:after, .add-fundamentals-background-color-darkest-on-hover:hover, .add-fundamentals-background-color-darkest-to-child-on-hover:hover .add-fundamentals-background-color-darkest-on-parent-hover { background-color: #511f2f !important; }

.add-mobile-fill, .add-mobile-fill-before:before, .add-mobile-fill-after:after, .add-mobile-fill-on-hover:hover, .add-mobile-fill-to-child-on-hover:hover .add-mobile-fill-on-parent-hover { fill: #30826C !important; }

.add-mobile-fill-light, .add-mobile-fill-light-before:before, .add-mobile-fill-light-after:after, .add-mobile-fill-light-on-hover:hover, .add-mobile-fill-light-to-child-on-hover:hover .add-mobile-fill-light-on-parent-hover { fill: #37957b !important; }

.add-mobile-fill-lighter, .add-mobile-fill-lighter-before:before, .add-mobile-fill-lighter-after:after, .add-mobile-fill-lighter-on-hover:hover, .add-mobile-fill-lighter-to-child-on-hover:hover .add-mobile-fill-lighter-on-parent-hover { fill: #3ea78b !important; }

.add-mobile-fill-lightest, .add-mobile-fill-lightest-before:before, .add-mobile-fill-lightest-after:after, .add-mobile-fill-lightest-on-hover:hover, .add-mobile-fill-lightest-to-child-on-hover:hover .add-mobile-fill-lightest-on-parent-hover { fill: #57c1a5 !important; }

.add-mobile-fill-dark, .add-mobile-fill-dark-before:before, .add-mobile-fill-dark-after:after, .add-mobile-fill-dark-on-hover:hover, .add-mobile-fill-dark-to-child-on-hover:hover .add-mobile-fill-dark-on-parent-hover { fill: #296f5d !important; }

.add-mobile-fill-darker, .add-mobile-fill-darker-before:before, .add-mobile-fill-darker-after:after, .add-mobile-fill-darker-on-hover:hover, .add-mobile-fill-darker-to-child-on-hover:hover .add-mobile-fill-darker-on-parent-hover { fill: #225d4d !important; }

.add-mobile-fill-darkest, .add-mobile-fill-darkest-before:before, .add-mobile-fill-darkest-after:after, .add-mobile-fill-darkest-on-hover:hover, .add-mobile-fill-darkest-to-child-on-hover:hover .add-mobile-fill-darkest-on-parent-hover { fill: #14382e !important; }

.add-mobile-stroke, .add-mobile-stroke-before:before, .add-mobile-stroke-after:after, .add-mobile-stroke-on-hover:hover, .add-mobile-stroke-to-child-on-hover:hover .add-mobile-stroke-on-parent-hover { stroke: #30826C !important; }

.add-mobile-stroke-light, .add-mobile-stroke-light-before:before, .add-mobile-stroke-light-after:after, .add-mobile-stroke-light-on-hover:hover, .add-mobile-stroke-light-to-child-on-hover:hover .add-mobile-stroke-light-on-parent-hover { stroke: #37957b !important; }

.add-mobile-stroke-lighter, .add-mobile-stroke-lighter-before:before, .add-mobile-stroke-lighter-after:after, .add-mobile-stroke-lighter-on-hover:hover, .add-mobile-stroke-lighter-to-child-on-hover:hover .add-mobile-stroke-lighter-on-parent-hover { stroke: #3ea78b !important; }

.add-mobile-stroke-lightest, .add-mobile-stroke-lightest-before:before, .add-mobile-stroke-lightest-after:after, .add-mobile-stroke-lightest-on-hover:hover, .add-mobile-stroke-lightest-to-child-on-hover:hover .add-mobile-stroke-lightest-on-parent-hover { stroke: #57c1a5 !important; }

.add-mobile-stroke-dark, .add-mobile-stroke-dark-before:before, .add-mobile-stroke-dark-after:after, .add-mobile-stroke-dark-on-hover:hover, .add-mobile-stroke-dark-to-child-on-hover:hover .add-mobile-stroke-dark-on-parent-hover { stroke: #296f5d !important; }

.add-mobile-stroke-darker, .add-mobile-stroke-darker-before:before, .add-mobile-stroke-darker-after:after, .add-mobile-stroke-darker-on-hover:hover, .add-mobile-stroke-darker-to-child-on-hover:hover .add-mobile-stroke-darker-on-parent-hover { stroke: #225d4d !important; }

.add-mobile-stroke-darkest, .add-mobile-stroke-darkest-before:before, .add-mobile-stroke-darkest-after:after, .add-mobile-stroke-darkest-on-hover:hover, .add-mobile-stroke-darkest-to-child-on-hover:hover .add-mobile-stroke-darkest-on-parent-hover { stroke: #14382e !important; }

.add-mobile-color, .add-mobile-color-before:before, .add-mobile-color-after:after, .add-mobile-color-on-hover:hover, .add-mobile-color-to-child-on-hover:hover .add-mobile-color-on-parent-hover { color: #30826C !important; }

.add-mobile-color-light, .add-mobile-color-light-before:before, .add-mobile-color-light-after:after, .add-mobile-color-light-on-hover:hover, .add-mobile-color-light-to-child-on-hover:hover .add-mobile-color-light-on-parent-hover { color: #37957b !important; }

.add-mobile-color-lighter, .add-mobile-color-lighter-before:before, .add-mobile-color-lighter-after:after, .add-mobile-color-lighter-on-hover:hover, .add-mobile-color-lighter-to-child-on-hover:hover .add-mobile-color-lighter-on-parent-hover { color: #3ea78b !important; }

.add-mobile-color-lightest, .add-mobile-color-lightest-before:before, .add-mobile-color-lightest-after:after, .add-mobile-color-lightest-on-hover:hover, .add-mobile-color-lightest-to-child-on-hover:hover .add-mobile-color-lightest-on-parent-hover { color: #57c1a5 !important; }

.add-mobile-color-dark, .add-mobile-color-dark-before:before, .add-mobile-color-dark-after:after, .add-mobile-color-dark-on-hover:hover, .add-mobile-color-dark-to-child-on-hover:hover .add-mobile-color-dark-on-parent-hover { color: #296f5d !important; }

.add-mobile-color-darker, .add-mobile-color-darker-before:before, .add-mobile-color-darker-after:after, .add-mobile-color-darker-on-hover:hover, .add-mobile-color-darker-to-child-on-hover:hover .add-mobile-color-darker-on-parent-hover { color: #225d4d !important; }

.add-mobile-color-darkest, .add-mobile-color-darkest-before:before, .add-mobile-color-darkest-after:after, .add-mobile-color-darkest-on-hover:hover, .add-mobile-color-darkest-to-child-on-hover:hover .add-mobile-color-darkest-on-parent-hover { color: #14382e !important; }

.add-mobile-border-color, .add-mobile-border-color-before:before, .add-mobile-border-color-after:after, .add-mobile-border-color-on-hover:hover, .add-mobile-border-color-to-child-on-hover:hover .add-mobile-border-color-on-parent-hover { border-color: #30826C !important; }

.add-mobile-border-color-light, .add-mobile-border-color-light-before:before, .add-mobile-border-color-light-after:after, .add-mobile-border-color-light-on-hover:hover, .add-mobile-border-color-light-to-child-on-hover:hover .add-mobile-border-color-light-on-parent-hover { border-color: #37957b !important; }

.add-mobile-border-color-lighter, .add-mobile-border-color-lighter-before:before, .add-mobile-border-color-lighter-after:after, .add-mobile-border-color-lighter-on-hover:hover, .add-mobile-border-color-lighter-to-child-on-hover:hover .add-mobile-border-color-lighter-on-parent-hover { border-color: #3ea78b !important; }

.add-mobile-border-color-lightest, .add-mobile-border-color-lightest-before:before, .add-mobile-border-color-lightest-after:after, .add-mobile-border-color-lightest-on-hover:hover, .add-mobile-border-color-lightest-to-child-on-hover:hover .add-mobile-border-color-lightest-on-parent-hover { border-color: #57c1a5 !important; }

.add-mobile-border-color-dark, .add-mobile-border-color-dark-before:before, .add-mobile-border-color-dark-after:after, .add-mobile-border-color-dark-on-hover:hover, .add-mobile-border-color-dark-to-child-on-hover:hover .add-mobile-border-color-dark-on-parent-hover { border-color: #296f5d !important; }

.add-mobile-border-color-darker, .add-mobile-border-color-darker-before:before, .add-mobile-border-color-darker-after:after, .add-mobile-border-color-darker-on-hover:hover, .add-mobile-border-color-darker-to-child-on-hover:hover .add-mobile-border-color-darker-on-parent-hover { border-color: #225d4d !important; }

.add-mobile-border-color-darkest, .add-mobile-border-color-darkest-before:before, .add-mobile-border-color-darkest-after:after, .add-mobile-border-color-darkest-on-hover:hover, .add-mobile-border-color-darkest-to-child-on-hover:hover .add-mobile-border-color-darkest-on-parent-hover { border-color: #14382e !important; }

.add-mobile-background-color, .add-mobile-background-color-before:before, .add-mobile-background-color-after:after, .add-mobile-background-color-on-hover:hover, .add-mobile-background-color-to-child-on-hover:hover .add-mobile-background-color-on-parent-hover { background-color: #30826C !important; }

.add-mobile-background-color-light, .add-mobile-background-color-light-before:before, .add-mobile-background-color-light-after:after, .add-mobile-background-color-light-on-hover:hover, .add-mobile-background-color-light-to-child-on-hover:hover .add-mobile-background-color-light-on-parent-hover { background-color: #37957b !important; }

.add-mobile-background-color-lighter, .add-mobile-background-color-lighter-before:before, .add-mobile-background-color-lighter-after:after, .add-mobile-background-color-lighter-on-hover:hover, .add-mobile-background-color-lighter-to-child-on-hover:hover .add-mobile-background-color-lighter-on-parent-hover { background-color: #3ea78b !important; }

.add-mobile-background-color-lightest, .add-mobile-background-color-lightest-before:before, .add-mobile-background-color-lightest-after:after, .add-mobile-background-color-lightest-on-hover:hover, .add-mobile-background-color-lightest-to-child-on-hover:hover .add-mobile-background-color-lightest-on-parent-hover { background-color: #57c1a5 !important; }

.add-mobile-background-color-dark, .add-mobile-background-color-dark-before:before, .add-mobile-background-color-dark-after:after, .add-mobile-background-color-dark-on-hover:hover, .add-mobile-background-color-dark-to-child-on-hover:hover .add-mobile-background-color-dark-on-parent-hover { background-color: #296f5d !important; }

.add-mobile-background-color-darker, .add-mobile-background-color-darker-before:before, .add-mobile-background-color-darker-after:after, .add-mobile-background-color-darker-on-hover:hover, .add-mobile-background-color-darker-to-child-on-hover:hover .add-mobile-background-color-darker-on-parent-hover { background-color: #225d4d !important; }

.add-mobile-background-color-darkest, .add-mobile-background-color-darkest-before:before, .add-mobile-background-color-darkest-after:after, .add-mobile-background-color-darkest-on-hover:hover, .add-mobile-background-color-darkest-to-child-on-hover:hover .add-mobile-background-color-darkest-on-parent-hover { background-color: #14382e !important; }

.add-internal-fill, .add-internal-fill-before:before, .add-internal-fill-after:after, .add-internal-fill-on-hover:hover, .add-internal-fill-to-child-on-hover:hover .add-internal-fill-on-parent-hover { fill: #55616c !important; }

.add-internal-fill-light, .add-internal-fill-light-before:before, .add-internal-fill-light-after:after, .add-internal-fill-light-on-hover:hover, .add-internal-fill-light-to-child-on-hover:hover .add-internal-fill-light-on-parent-hover { fill: #606e7a !important; }

.add-internal-fill-lighter, .add-internal-fill-lighter-before:before, .add-internal-fill-lighter-after:after, .add-internal-fill-lighter-on-hover:hover, .add-internal-fill-lighter-to-child-on-hover:hover .add-internal-fill-lighter-on-parent-hover { fill: #6b7b89 !important; }

.add-internal-fill-lightest, .add-internal-fill-lightest-before:before, .add-internal-fill-lightest-after:after, .add-internal-fill-lightest-on-hover:hover, .add-internal-fill-lightest-to-child-on-hover:hover .add-internal-fill-lightest-on-parent-hover { fill: #8794a0 !important; }

.add-internal-fill-dark, .add-internal-fill-dark-before:before, .add-internal-fill-dark-after:after, .add-internal-fill-dark-on-hover:hover, .add-internal-fill-dark-to-child-on-hover:hover .add-internal-fill-dark-on-parent-hover { fill: #4a545e !important; }

.add-internal-fill-darker, .add-internal-fill-darker-before:before, .add-internal-fill-darker-after:after, .add-internal-fill-darker-on-hover:hover, .add-internal-fill-darker-to-child-on-hover:hover .add-internal-fill-darker-on-parent-hover { fill: #3f474f !important; }

.add-internal-fill-darkest, .add-internal-fill-darkest-before:before, .add-internal-fill-darkest-after:after, .add-internal-fill-darkest-on-hover:hover, .add-internal-fill-darkest-to-child-on-hover:hover .add-internal-fill-darkest-on-parent-hover { fill: #282e33 !important; }

.add-internal-stroke, .add-internal-stroke-before:before, .add-internal-stroke-after:after, .add-internal-stroke-on-hover:hover, .add-internal-stroke-to-child-on-hover:hover .add-internal-stroke-on-parent-hover { stroke: #55616c !important; }

.add-internal-stroke-light, .add-internal-stroke-light-before:before, .add-internal-stroke-light-after:after, .add-internal-stroke-light-on-hover:hover, .add-internal-stroke-light-to-child-on-hover:hover .add-internal-stroke-light-on-parent-hover { stroke: #606e7a !important; }

.add-internal-stroke-lighter, .add-internal-stroke-lighter-before:before, .add-internal-stroke-lighter-after:after, .add-internal-stroke-lighter-on-hover:hover, .add-internal-stroke-lighter-to-child-on-hover:hover .add-internal-stroke-lighter-on-parent-hover { stroke: #6b7b89 !important; }

.add-internal-stroke-lightest, .add-internal-stroke-lightest-before:before, .add-internal-stroke-lightest-after:after, .add-internal-stroke-lightest-on-hover:hover, .add-internal-stroke-lightest-to-child-on-hover:hover .add-internal-stroke-lightest-on-parent-hover { stroke: #8794a0 !important; }

.add-internal-stroke-dark, .add-internal-stroke-dark-before:before, .add-internal-stroke-dark-after:after, .add-internal-stroke-dark-on-hover:hover, .add-internal-stroke-dark-to-child-on-hover:hover .add-internal-stroke-dark-on-parent-hover { stroke: #4a545e !important; }

.add-internal-stroke-darker, .add-internal-stroke-darker-before:before, .add-internal-stroke-darker-after:after, .add-internal-stroke-darker-on-hover:hover, .add-internal-stroke-darker-to-child-on-hover:hover .add-internal-stroke-darker-on-parent-hover { stroke: #3f474f !important; }

.add-internal-stroke-darkest, .add-internal-stroke-darkest-before:before, .add-internal-stroke-darkest-after:after, .add-internal-stroke-darkest-on-hover:hover, .add-internal-stroke-darkest-to-child-on-hover:hover .add-internal-stroke-darkest-on-parent-hover { stroke: #282e33 !important; }

.add-internal-color, .add-internal-color-before:before, .add-internal-color-after:after, .add-internal-color-on-hover:hover, .add-internal-color-to-child-on-hover:hover .add-internal-color-on-parent-hover { color: #55616c !important; }

.add-internal-color-light, .add-internal-color-light-before:before, .add-internal-color-light-after:after, .add-internal-color-light-on-hover:hover, .add-internal-color-light-to-child-on-hover:hover .add-internal-color-light-on-parent-hover { color: #606e7a !important; }

.add-internal-color-lighter, .add-internal-color-lighter-before:before, .add-internal-color-lighter-after:after, .add-internal-color-lighter-on-hover:hover, .add-internal-color-lighter-to-child-on-hover:hover .add-internal-color-lighter-on-parent-hover { color: #6b7b89 !important; }

.add-internal-color-lightest, .add-internal-color-lightest-before:before, .add-internal-color-lightest-after:after, .add-internal-color-lightest-on-hover:hover, .add-internal-color-lightest-to-child-on-hover:hover .add-internal-color-lightest-on-parent-hover { color: #8794a0 !important; }

.add-internal-color-dark, .add-internal-color-dark-before:before, .add-internal-color-dark-after:after, .add-internal-color-dark-on-hover:hover, .add-internal-color-dark-to-child-on-hover:hover .add-internal-color-dark-on-parent-hover { color: #4a545e !important; }

.add-internal-color-darker, .add-internal-color-darker-before:before, .add-internal-color-darker-after:after, .add-internal-color-darker-on-hover:hover, .add-internal-color-darker-to-child-on-hover:hover .add-internal-color-darker-on-parent-hover { color: #3f474f !important; }

.add-internal-color-darkest, .add-internal-color-darkest-before:before, .add-internal-color-darkest-after:after, .add-internal-color-darkest-on-hover:hover, .add-internal-color-darkest-to-child-on-hover:hover .add-internal-color-darkest-on-parent-hover { color: #282e33 !important; }

.add-internal-border-color, .add-internal-border-color-before:before, .add-internal-border-color-after:after, .add-internal-border-color-on-hover:hover, .add-internal-border-color-to-child-on-hover:hover .add-internal-border-color-on-parent-hover { border-color: #55616c !important; }

.add-internal-border-color-light, .add-internal-border-color-light-before:before, .add-internal-border-color-light-after:after, .add-internal-border-color-light-on-hover:hover, .add-internal-border-color-light-to-child-on-hover:hover .add-internal-border-color-light-on-parent-hover { border-color: #606e7a !important; }

.add-internal-border-color-lighter, .add-internal-border-color-lighter-before:before, .add-internal-border-color-lighter-after:after, .add-internal-border-color-lighter-on-hover:hover, .add-internal-border-color-lighter-to-child-on-hover:hover .add-internal-border-color-lighter-on-parent-hover { border-color: #6b7b89 !important; }

.add-internal-border-color-lightest, .add-internal-border-color-lightest-before:before, .add-internal-border-color-lightest-after:after, .add-internal-border-color-lightest-on-hover:hover, .add-internal-border-color-lightest-to-child-on-hover:hover .add-internal-border-color-lightest-on-parent-hover { border-color: #8794a0 !important; }

.add-internal-border-color-dark, .add-internal-border-color-dark-before:before, .add-internal-border-color-dark-after:after, .add-internal-border-color-dark-on-hover:hover, .add-internal-border-color-dark-to-child-on-hover:hover .add-internal-border-color-dark-on-parent-hover { border-color: #4a545e !important; }

.add-internal-border-color-darker, .add-internal-border-color-darker-before:before, .add-internal-border-color-darker-after:after, .add-internal-border-color-darker-on-hover:hover, .add-internal-border-color-darker-to-child-on-hover:hover .add-internal-border-color-darker-on-parent-hover { border-color: #3f474f !important; }

.add-internal-border-color-darkest, .add-internal-border-color-darkest-before:before, .add-internal-border-color-darkest-after:after, .add-internal-border-color-darkest-on-hover:hover, .add-internal-border-color-darkest-to-child-on-hover:hover .add-internal-border-color-darkest-on-parent-hover { border-color: #282e33 !important; }

.add-internal-background-color, .add-internal-background-color-before:before, .add-internal-background-color-after:after, .add-internal-background-color-on-hover:hover, .add-internal-background-color-to-child-on-hover:hover .add-internal-background-color-on-parent-hover { background-color: #55616c !important; }

.add-internal-background-color-light, .add-internal-background-color-light-before:before, .add-internal-background-color-light-after:after, .add-internal-background-color-light-on-hover:hover, .add-internal-background-color-light-to-child-on-hover:hover .add-internal-background-color-light-on-parent-hover { background-color: #606e7a !important; }

.add-internal-background-color-lighter, .add-internal-background-color-lighter-before:before, .add-internal-background-color-lighter-after:after, .add-internal-background-color-lighter-on-hover:hover, .add-internal-background-color-lighter-to-child-on-hover:hover .add-internal-background-color-lighter-on-parent-hover { background-color: #6b7b89 !important; }

.add-internal-background-color-lightest, .add-internal-background-color-lightest-before:before, .add-internal-background-color-lightest-after:after, .add-internal-background-color-lightest-on-hover:hover, .add-internal-background-color-lightest-to-child-on-hover:hover .add-internal-background-color-lightest-on-parent-hover { background-color: #8794a0 !important; }

.add-internal-background-color-dark, .add-internal-background-color-dark-before:before, .add-internal-background-color-dark-after:after, .add-internal-background-color-dark-on-hover:hover, .add-internal-background-color-dark-to-child-on-hover:hover .add-internal-background-color-dark-on-parent-hover { background-color: #4a545e !important; }

.add-internal-background-color-darker, .add-internal-background-color-darker-before:before, .add-internal-background-color-darker-after:after, .add-internal-background-color-darker-on-hover:hover, .add-internal-background-color-darker-to-child-on-hover:hover .add-internal-background-color-darker-on-parent-hover { background-color: #3f474f !important; }

.add-internal-background-color-darkest, .add-internal-background-color-darkest-before:before, .add-internal-background-color-darkest-after:after, .add-internal-background-color-darkest-on-hover:hover, .add-internal-background-color-darkest-to-child-on-hover:hover .add-internal-background-color-darkest-on-parent-hover { background-color: #282e33 !important; }

.add-foundations-fill, .add-foundations-fill-before:before, .add-foundations-fill-after:after, .add-foundations-fill-on-hover:hover, .add-foundations-fill-to-child-on-hover:hover .add-foundations-fill-on-parent-hover { fill: #004e61 !important; }

.add-foundations-fill-light, .add-foundations-fill-light-before:before, .add-foundations-fill-light-after:after, .add-foundations-fill-light-on-hover:hover, .add-foundations-fill-light-to-child-on-hover:hover .add-foundations-fill-light-on-parent-hover { fill: #00637b !important; }

.add-foundations-fill-lighter, .add-foundations-fill-lighter-before:before, .add-foundations-fill-lighter-after:after, .add-foundations-fill-lighter-on-hover:hover, .add-foundations-fill-lighter-to-child-on-hover:hover .add-foundations-fill-lighter-on-parent-hover { fill: #007794 !important; }

.add-foundations-fill-lightest, .add-foundations-fill-lightest-before:before, .add-foundations-fill-lightest-after:after, .add-foundations-fill-lightest-on-hover:hover, .add-foundations-fill-lightest-to-child-on-hover:hover .add-foundations-fill-lightest-on-parent-hover { fill: #00a0c7 !important; }

.add-foundations-fill-dark, .add-foundations-fill-dark-before:before, .add-foundations-fill-dark-after:after, .add-foundations-fill-dark-on-hover:hover, .add-foundations-fill-dark-to-child-on-hover:hover .add-foundations-fill-dark-on-parent-hover { fill: #003948 !important; }

.add-foundations-fill-darker, .add-foundations-fill-darker-before:before, .add-foundations-fill-darker-after:after, .add-foundations-fill-darker-on-hover:hover, .add-foundations-fill-darker-to-child-on-hover:hover .add-foundations-fill-darker-on-parent-hover { fill: #00252e !important; }

.add-foundations-fill-darkest, .add-foundations-fill-darkest-before:before, .add-foundations-fill-darkest-after:after, .add-foundations-fill-darkest-on-hover:hover, .add-foundations-fill-darkest-to-child-on-hover:hover .add-foundations-fill-darkest-on-parent-hover { fill: black !important; }

.add-foundations-stroke, .add-foundations-stroke-before:before, .add-foundations-stroke-after:after, .add-foundations-stroke-on-hover:hover, .add-foundations-stroke-to-child-on-hover:hover .add-foundations-stroke-on-parent-hover { stroke: #004e61 !important; }

.add-foundations-stroke-light, .add-foundations-stroke-light-before:before, .add-foundations-stroke-light-after:after, .add-foundations-stroke-light-on-hover:hover, .add-foundations-stroke-light-to-child-on-hover:hover .add-foundations-stroke-light-on-parent-hover { stroke: #00637b !important; }

.add-foundations-stroke-lighter, .add-foundations-stroke-lighter-before:before, .add-foundations-stroke-lighter-after:after, .add-foundations-stroke-lighter-on-hover:hover, .add-foundations-stroke-lighter-to-child-on-hover:hover .add-foundations-stroke-lighter-on-parent-hover { stroke: #007794 !important; }

.add-foundations-stroke-lightest, .add-foundations-stroke-lightest-before:before, .add-foundations-stroke-lightest-after:after, .add-foundations-stroke-lightest-on-hover:hover, .add-foundations-stroke-lightest-to-child-on-hover:hover .add-foundations-stroke-lightest-on-parent-hover { stroke: #00a0c7 !important; }

.add-foundations-stroke-dark, .add-foundations-stroke-dark-before:before, .add-foundations-stroke-dark-after:after, .add-foundations-stroke-dark-on-hover:hover, .add-foundations-stroke-dark-to-child-on-hover:hover .add-foundations-stroke-dark-on-parent-hover { stroke: #003948 !important; }

.add-foundations-stroke-darker, .add-foundations-stroke-darker-before:before, .add-foundations-stroke-darker-after:after, .add-foundations-stroke-darker-on-hover:hover, .add-foundations-stroke-darker-to-child-on-hover:hover .add-foundations-stroke-darker-on-parent-hover { stroke: #00252e !important; }

.add-foundations-stroke-darkest, .add-foundations-stroke-darkest-before:before, .add-foundations-stroke-darkest-after:after, .add-foundations-stroke-darkest-on-hover:hover, .add-foundations-stroke-darkest-to-child-on-hover:hover .add-foundations-stroke-darkest-on-parent-hover { stroke: black !important; }

.add-foundations-color, .add-foundations-color-before:before, .add-foundations-color-after:after, .add-foundations-color-on-hover:hover, .add-foundations-color-to-child-on-hover:hover .add-foundations-color-on-parent-hover { color: #004e61 !important; }

.add-foundations-color-light, .add-foundations-color-light-before:before, .add-foundations-color-light-after:after, .add-foundations-color-light-on-hover:hover, .add-foundations-color-light-to-child-on-hover:hover .add-foundations-color-light-on-parent-hover { color: #00637b !important; }

.add-foundations-color-lighter, .add-foundations-color-lighter-before:before, .add-foundations-color-lighter-after:after, .add-foundations-color-lighter-on-hover:hover, .add-foundations-color-lighter-to-child-on-hover:hover .add-foundations-color-lighter-on-parent-hover { color: #007794 !important; }

.add-foundations-color-lightest, .add-foundations-color-lightest-before:before, .add-foundations-color-lightest-after:after, .add-foundations-color-lightest-on-hover:hover, .add-foundations-color-lightest-to-child-on-hover:hover .add-foundations-color-lightest-on-parent-hover { color: #00a0c7 !important; }

.add-foundations-color-dark, .add-foundations-color-dark-before:before, .add-foundations-color-dark-after:after, .add-foundations-color-dark-on-hover:hover, .add-foundations-color-dark-to-child-on-hover:hover .add-foundations-color-dark-on-parent-hover { color: #003948 !important; }

.add-foundations-color-darker, .add-foundations-color-darker-before:before, .add-foundations-color-darker-after:after, .add-foundations-color-darker-on-hover:hover, .add-foundations-color-darker-to-child-on-hover:hover .add-foundations-color-darker-on-parent-hover { color: #00252e !important; }

.add-foundations-color-darkest, .add-foundations-color-darkest-before:before, .add-foundations-color-darkest-after:after, .add-foundations-color-darkest-on-hover:hover, .add-foundations-color-darkest-to-child-on-hover:hover .add-foundations-color-darkest-on-parent-hover { color: black !important; }

.add-foundations-border-color, .add-foundations-border-color-before:before, .add-foundations-border-color-after:after, .add-foundations-border-color-on-hover:hover, .add-foundations-border-color-to-child-on-hover:hover .add-foundations-border-color-on-parent-hover { border-color: #004e61 !important; }

.add-foundations-border-color-light, .add-foundations-border-color-light-before:before, .add-foundations-border-color-light-after:after, .add-foundations-border-color-light-on-hover:hover, .add-foundations-border-color-light-to-child-on-hover:hover .add-foundations-border-color-light-on-parent-hover { border-color: #00637b !important; }

.add-foundations-border-color-lighter, .add-foundations-border-color-lighter-before:before, .add-foundations-border-color-lighter-after:after, .add-foundations-border-color-lighter-on-hover:hover, .add-foundations-border-color-lighter-to-child-on-hover:hover .add-foundations-border-color-lighter-on-parent-hover { border-color: #007794 !important; }

.add-foundations-border-color-lightest, .add-foundations-border-color-lightest-before:before, .add-foundations-border-color-lightest-after:after, .add-foundations-border-color-lightest-on-hover:hover, .add-foundations-border-color-lightest-to-child-on-hover:hover .add-foundations-border-color-lightest-on-parent-hover { border-color: #00a0c7 !important; }

.add-foundations-border-color-dark, .add-foundations-border-color-dark-before:before, .add-foundations-border-color-dark-after:after, .add-foundations-border-color-dark-on-hover:hover, .add-foundations-border-color-dark-to-child-on-hover:hover .add-foundations-border-color-dark-on-parent-hover { border-color: #003948 !important; }

.add-foundations-border-color-darker, .add-foundations-border-color-darker-before:before, .add-foundations-border-color-darker-after:after, .add-foundations-border-color-darker-on-hover:hover, .add-foundations-border-color-darker-to-child-on-hover:hover .add-foundations-border-color-darker-on-parent-hover { border-color: #00252e !important; }

.add-foundations-border-color-darkest, .add-foundations-border-color-darkest-before:before, .add-foundations-border-color-darkest-after:after, .add-foundations-border-color-darkest-on-hover:hover, .add-foundations-border-color-darkest-to-child-on-hover:hover .add-foundations-border-color-darkest-on-parent-hover { border-color: black !important; }

.add-foundations-background-color, .add-foundations-background-color-before:before, .add-foundations-background-color-after:after, .add-foundations-background-color-on-hover:hover, .add-foundations-background-color-to-child-on-hover:hover .add-foundations-background-color-on-parent-hover { background-color: #004e61 !important; }

.add-foundations-background-color-light, .add-foundations-background-color-light-before:before, .add-foundations-background-color-light-after:after, .add-foundations-background-color-light-on-hover:hover, .add-foundations-background-color-light-to-child-on-hover:hover .add-foundations-background-color-light-on-parent-hover { background-color: #00637b !important; }

.add-foundations-background-color-lighter, .add-foundations-background-color-lighter-before:before, .add-foundations-background-color-lighter-after:after, .add-foundations-background-color-lighter-on-hover:hover, .add-foundations-background-color-lighter-to-child-on-hover:hover .add-foundations-background-color-lighter-on-parent-hover { background-color: #007794 !important; }

.add-foundations-background-color-lightest, .add-foundations-background-color-lightest-before:before, .add-foundations-background-color-lightest-after:after, .add-foundations-background-color-lightest-on-hover:hover, .add-foundations-background-color-lightest-to-child-on-hover:hover .add-foundations-background-color-lightest-on-parent-hover { background-color: #00a0c7 !important; }

.add-foundations-background-color-dark, .add-foundations-background-color-dark-before:before, .add-foundations-background-color-dark-after:after, .add-foundations-background-color-dark-on-hover:hover, .add-foundations-background-color-dark-to-child-on-hover:hover .add-foundations-background-color-dark-on-parent-hover { background-color: #003948 !important; }

.add-foundations-background-color-darker, .add-foundations-background-color-darker-before:before, .add-foundations-background-color-darker-after:after, .add-foundations-background-color-darker-on-hover:hover, .add-foundations-background-color-darker-to-child-on-hover:hover .add-foundations-background-color-darker-on-parent-hover { background-color: #00252e !important; }

.add-foundations-background-color-darkest, .add-foundations-background-color-darkest-before:before, .add-foundations-background-color-darkest-after:after, .add-foundations-background-color-darkest-on-hover:hover, .add-foundations-background-color-darkest-to-child-on-hover:hover .add-foundations-background-color-darkest-on-parent-hover { background-color: black !important; }

.add-undefined-fill, .add-undefined-fill-before:before, .add-undefined-fill-after:after, .add-undefined-fill-on-hover:hover, .add-undefined-fill-to-child-on-hover:hover .add-undefined-fill-on-parent-hover { fill: #55616c !important; }

.add-undefined-fill-light, .add-undefined-fill-light-before:before, .add-undefined-fill-light-after:after, .add-undefined-fill-light-on-hover:hover, .add-undefined-fill-light-to-child-on-hover:hover .add-undefined-fill-light-on-parent-hover { fill: #606e7a !important; }

.add-undefined-fill-lighter, .add-undefined-fill-lighter-before:before, .add-undefined-fill-lighter-after:after, .add-undefined-fill-lighter-on-hover:hover, .add-undefined-fill-lighter-to-child-on-hover:hover .add-undefined-fill-lighter-on-parent-hover { fill: #6b7b89 !important; }

.add-undefined-fill-lightest, .add-undefined-fill-lightest-before:before, .add-undefined-fill-lightest-after:after, .add-undefined-fill-lightest-on-hover:hover, .add-undefined-fill-lightest-to-child-on-hover:hover .add-undefined-fill-lightest-on-parent-hover { fill: #8794a0 !important; }

.add-undefined-fill-dark, .add-undefined-fill-dark-before:before, .add-undefined-fill-dark-after:after, .add-undefined-fill-dark-on-hover:hover, .add-undefined-fill-dark-to-child-on-hover:hover .add-undefined-fill-dark-on-parent-hover { fill: #4a545e !important; }

.add-undefined-fill-darker, .add-undefined-fill-darker-before:before, .add-undefined-fill-darker-after:after, .add-undefined-fill-darker-on-hover:hover, .add-undefined-fill-darker-to-child-on-hover:hover .add-undefined-fill-darker-on-parent-hover { fill: #3f474f !important; }

.add-undefined-fill-darkest, .add-undefined-fill-darkest-before:before, .add-undefined-fill-darkest-after:after, .add-undefined-fill-darkest-on-hover:hover, .add-undefined-fill-darkest-to-child-on-hover:hover .add-undefined-fill-darkest-on-parent-hover { fill: #282e33 !important; }

.add-undefined-stroke, .add-undefined-stroke-before:before, .add-undefined-stroke-after:after, .add-undefined-stroke-on-hover:hover, .add-undefined-stroke-to-child-on-hover:hover .add-undefined-stroke-on-parent-hover { stroke: #55616c !important; }

.add-undefined-stroke-light, .add-undefined-stroke-light-before:before, .add-undefined-stroke-light-after:after, .add-undefined-stroke-light-on-hover:hover, .add-undefined-stroke-light-to-child-on-hover:hover .add-undefined-stroke-light-on-parent-hover { stroke: #606e7a !important; }

.add-undefined-stroke-lighter, .add-undefined-stroke-lighter-before:before, .add-undefined-stroke-lighter-after:after, .add-undefined-stroke-lighter-on-hover:hover, .add-undefined-stroke-lighter-to-child-on-hover:hover .add-undefined-stroke-lighter-on-parent-hover { stroke: #6b7b89 !important; }

.add-undefined-stroke-lightest, .add-undefined-stroke-lightest-before:before, .add-undefined-stroke-lightest-after:after, .add-undefined-stroke-lightest-on-hover:hover, .add-undefined-stroke-lightest-to-child-on-hover:hover .add-undefined-stroke-lightest-on-parent-hover { stroke: #8794a0 !important; }

.add-undefined-stroke-dark, .add-undefined-stroke-dark-before:before, .add-undefined-stroke-dark-after:after, .add-undefined-stroke-dark-on-hover:hover, .add-undefined-stroke-dark-to-child-on-hover:hover .add-undefined-stroke-dark-on-parent-hover { stroke: #4a545e !important; }

.add-undefined-stroke-darker, .add-undefined-stroke-darker-before:before, .add-undefined-stroke-darker-after:after, .add-undefined-stroke-darker-on-hover:hover, .add-undefined-stroke-darker-to-child-on-hover:hover .add-undefined-stroke-darker-on-parent-hover { stroke: #3f474f !important; }

.add-undefined-stroke-darkest, .add-undefined-stroke-darkest-before:before, .add-undefined-stroke-darkest-after:after, .add-undefined-stroke-darkest-on-hover:hover, .add-undefined-stroke-darkest-to-child-on-hover:hover .add-undefined-stroke-darkest-on-parent-hover { stroke: #282e33 !important; }

.add-undefined-color, .add-undefined-color-before:before, .add-undefined-color-after:after, .add-undefined-color-on-hover:hover, .add-undefined-color-to-child-on-hover:hover .add-undefined-color-on-parent-hover { color: #55616c !important; }

.add-undefined-color-light, .add-undefined-color-light-before:before, .add-undefined-color-light-after:after, .add-undefined-color-light-on-hover:hover, .add-undefined-color-light-to-child-on-hover:hover .add-undefined-color-light-on-parent-hover { color: #606e7a !important; }

.add-undefined-color-lighter, .add-undefined-color-lighter-before:before, .add-undefined-color-lighter-after:after, .add-undefined-color-lighter-on-hover:hover, .add-undefined-color-lighter-to-child-on-hover:hover .add-undefined-color-lighter-on-parent-hover { color: #6b7b89 !important; }

.add-undefined-color-lightest, .add-undefined-color-lightest-before:before, .add-undefined-color-lightest-after:after, .add-undefined-color-lightest-on-hover:hover, .add-undefined-color-lightest-to-child-on-hover:hover .add-undefined-color-lightest-on-parent-hover { color: #8794a0 !important; }

.add-undefined-color-dark, .add-undefined-color-dark-before:before, .add-undefined-color-dark-after:after, .add-undefined-color-dark-on-hover:hover, .add-undefined-color-dark-to-child-on-hover:hover .add-undefined-color-dark-on-parent-hover { color: #4a545e !important; }

.add-undefined-color-darker, .add-undefined-color-darker-before:before, .add-undefined-color-darker-after:after, .add-undefined-color-darker-on-hover:hover, .add-undefined-color-darker-to-child-on-hover:hover .add-undefined-color-darker-on-parent-hover { color: #3f474f !important; }

.add-undefined-color-darkest, .add-undefined-color-darkest-before:before, .add-undefined-color-darkest-after:after, .add-undefined-color-darkest-on-hover:hover, .add-undefined-color-darkest-to-child-on-hover:hover .add-undefined-color-darkest-on-parent-hover { color: #282e33 !important; }

.add-undefined-border-color, .add-undefined-border-color-before:before, .add-undefined-border-color-after:after, .add-undefined-border-color-on-hover:hover, .add-undefined-border-color-to-child-on-hover:hover .add-undefined-border-color-on-parent-hover { border-color: #55616c !important; }

.add-undefined-border-color-light, .add-undefined-border-color-light-before:before, .add-undefined-border-color-light-after:after, .add-undefined-border-color-light-on-hover:hover, .add-undefined-border-color-light-to-child-on-hover:hover .add-undefined-border-color-light-on-parent-hover { border-color: #606e7a !important; }

.add-undefined-border-color-lighter, .add-undefined-border-color-lighter-before:before, .add-undefined-border-color-lighter-after:after, .add-undefined-border-color-lighter-on-hover:hover, .add-undefined-border-color-lighter-to-child-on-hover:hover .add-undefined-border-color-lighter-on-parent-hover { border-color: #6b7b89 !important; }

.add-undefined-border-color-lightest, .add-undefined-border-color-lightest-before:before, .add-undefined-border-color-lightest-after:after, .add-undefined-border-color-lightest-on-hover:hover, .add-undefined-border-color-lightest-to-child-on-hover:hover .add-undefined-border-color-lightest-on-parent-hover { border-color: #8794a0 !important; }

.add-undefined-border-color-dark, .add-undefined-border-color-dark-before:before, .add-undefined-border-color-dark-after:after, .add-undefined-border-color-dark-on-hover:hover, .add-undefined-border-color-dark-to-child-on-hover:hover .add-undefined-border-color-dark-on-parent-hover { border-color: #4a545e !important; }

.add-undefined-border-color-darker, .add-undefined-border-color-darker-before:before, .add-undefined-border-color-darker-after:after, .add-undefined-border-color-darker-on-hover:hover, .add-undefined-border-color-darker-to-child-on-hover:hover .add-undefined-border-color-darker-on-parent-hover { border-color: #3f474f !important; }

.add-undefined-border-color-darkest, .add-undefined-border-color-darkest-before:before, .add-undefined-border-color-darkest-after:after, .add-undefined-border-color-darkest-on-hover:hover, .add-undefined-border-color-darkest-to-child-on-hover:hover .add-undefined-border-color-darkest-on-parent-hover { border-color: #282e33 !important; }

.add-undefined-background-color, .add-undefined-background-color-before:before, .add-undefined-background-color-after:after, .add-undefined-background-color-on-hover:hover, .add-undefined-background-color-to-child-on-hover:hover .add-undefined-background-color-on-parent-hover { background-color: #55616c !important; }

.add-undefined-background-color-light, .add-undefined-background-color-light-before:before, .add-undefined-background-color-light-after:after, .add-undefined-background-color-light-on-hover:hover, .add-undefined-background-color-light-to-child-on-hover:hover .add-undefined-background-color-light-on-parent-hover { background-color: #606e7a !important; }

.add-undefined-background-color-lighter, .add-undefined-background-color-lighter-before:before, .add-undefined-background-color-lighter-after:after, .add-undefined-background-color-lighter-on-hover:hover, .add-undefined-background-color-lighter-to-child-on-hover:hover .add-undefined-background-color-lighter-on-parent-hover { background-color: #6b7b89 !important; }

.add-undefined-background-color-lightest, .add-undefined-background-color-lightest-before:before, .add-undefined-background-color-lightest-after:after, .add-undefined-background-color-lightest-on-hover:hover, .add-undefined-background-color-lightest-to-child-on-hover:hover .add-undefined-background-color-lightest-on-parent-hover { background-color: #8794a0 !important; }

.add-undefined-background-color-dark, .add-undefined-background-color-dark-before:before, .add-undefined-background-color-dark-after:after, .add-undefined-background-color-dark-on-hover:hover, .add-undefined-background-color-dark-to-child-on-hover:hover .add-undefined-background-color-dark-on-parent-hover { background-color: #4a545e !important; }

.add-undefined-background-color-darker, .add-undefined-background-color-darker-before:before, .add-undefined-background-color-darker-after:after, .add-undefined-background-color-darker-on-hover:hover, .add-undefined-background-color-darker-to-child-on-hover:hover .add-undefined-background-color-darker-on-parent-hover { background-color: #3f474f !important; }

.add-undefined-background-color-darkest, .add-undefined-background-color-darkest-before:before, .add-undefined-background-color-darkest-after:after, .add-undefined-background-color-darkest-on-hover:hover, .add-undefined-background-color-darkest-to-child-on-hover:hover .add-undefined-background-color-darkest-on-parent-hover { background-color: #282e33 !important; }

.add-college-credit-fill, .add-college-credit-fill-before:before, .add-college-credit-fill-after:after, .add-college-credit-fill-on-hover:hover, .add-college-credit-fill-to-child-on-hover:hover .add-college-credit-fill-on-parent-hover { fill: #3887c8 !important; }

.add-college-credit-fill-light, .add-college-credit-fill-light-before:before, .add-college-credit-fill-light-after:after, .add-college-credit-fill-light-on-hover:hover, .add-college-credit-fill-light-to-child-on-hover:hover .add-college-credit-fill-light-on-parent-hover { fill: #4c93ce !important; }

.add-college-credit-fill-lighter, .add-college-credit-fill-lighter-before:before, .add-college-credit-fill-lighter-after:after, .add-college-credit-fill-lighter-on-hover:hover, .add-college-credit-fill-lighter-to-child-on-hover:hover .add-college-credit-fill-lighter-on-parent-hover { fill: #609fd3 !important; }

.add-college-credit-fill-lightest, .add-college-credit-fill-lightest-before:before, .add-college-credit-fill-lightest-after:after, .add-college-credit-fill-lightest-on-hover:hover, .add-college-credit-fill-lightest-to-child-on-hover:hover .add-college-credit-fill-lightest-on-parent-hover { fill: #88b7de !important; }

.add-college-credit-fill-dark, .add-college-credit-fill-dark-before:before, .add-college-credit-fill-dark-after:after, .add-college-credit-fill-dark-on-hover:hover, .add-college-credit-fill-dark-to-child-on-hover:hover .add-college-credit-fill-dark-on-parent-hover { fill: #327ab5 !important; }

.add-college-credit-fill-darker, .add-college-credit-fill-darker-before:before, .add-college-credit-fill-darker-after:after, .add-college-credit-fill-darker-on-hover:hover, .add-college-credit-fill-darker-to-child-on-hover:hover .add-college-credit-fill-darker-on-parent-hover { fill: #2c6ca1 !important; }

.add-college-credit-fill-darkest, .add-college-credit-fill-darkest-before:before, .add-college-credit-fill-darkest-after:after, .add-college-credit-fill-darkest-on-hover:hover, .add-college-credit-fill-darkest-to-child-on-hover:hover .add-college-credit-fill-darkest-on-parent-hover { fill: #215179 !important; }

.add-college-credit-stroke, .add-college-credit-stroke-before:before, .add-college-credit-stroke-after:after, .add-college-credit-stroke-on-hover:hover, .add-college-credit-stroke-to-child-on-hover:hover .add-college-credit-stroke-on-parent-hover { stroke: #3887c8 !important; }

.add-college-credit-stroke-light, .add-college-credit-stroke-light-before:before, .add-college-credit-stroke-light-after:after, .add-college-credit-stroke-light-on-hover:hover, .add-college-credit-stroke-light-to-child-on-hover:hover .add-college-credit-stroke-light-on-parent-hover { stroke: #4c93ce !important; }

.add-college-credit-stroke-lighter, .add-college-credit-stroke-lighter-before:before, .add-college-credit-stroke-lighter-after:after, .add-college-credit-stroke-lighter-on-hover:hover, .add-college-credit-stroke-lighter-to-child-on-hover:hover .add-college-credit-stroke-lighter-on-parent-hover { stroke: #609fd3 !important; }

.add-college-credit-stroke-lightest, .add-college-credit-stroke-lightest-before:before, .add-college-credit-stroke-lightest-after:after, .add-college-credit-stroke-lightest-on-hover:hover, .add-college-credit-stroke-lightest-to-child-on-hover:hover .add-college-credit-stroke-lightest-on-parent-hover { stroke: #88b7de !important; }

.add-college-credit-stroke-dark, .add-college-credit-stroke-dark-before:before, .add-college-credit-stroke-dark-after:after, .add-college-credit-stroke-dark-on-hover:hover, .add-college-credit-stroke-dark-to-child-on-hover:hover .add-college-credit-stroke-dark-on-parent-hover { stroke: #327ab5 !important; }

.add-college-credit-stroke-darker, .add-college-credit-stroke-darker-before:before, .add-college-credit-stroke-darker-after:after, .add-college-credit-stroke-darker-on-hover:hover, .add-college-credit-stroke-darker-to-child-on-hover:hover .add-college-credit-stroke-darker-on-parent-hover { stroke: #2c6ca1 !important; }

.add-college-credit-stroke-darkest, .add-college-credit-stroke-darkest-before:before, .add-college-credit-stroke-darkest-after:after, .add-college-credit-stroke-darkest-on-hover:hover, .add-college-credit-stroke-darkest-to-child-on-hover:hover .add-college-credit-stroke-darkest-on-parent-hover { stroke: #215179 !important; }

.add-college-credit-color, .add-college-credit-color-before:before, .add-college-credit-color-after:after, .add-college-credit-color-on-hover:hover, .add-college-credit-color-to-child-on-hover:hover .add-college-credit-color-on-parent-hover { color: #3887c8 !important; }

.add-college-credit-color-light, .add-college-credit-color-light-before:before, .add-college-credit-color-light-after:after, .add-college-credit-color-light-on-hover:hover, .add-college-credit-color-light-to-child-on-hover:hover .add-college-credit-color-light-on-parent-hover { color: #4c93ce !important; }

.add-college-credit-color-lighter, .add-college-credit-color-lighter-before:before, .add-college-credit-color-lighter-after:after, .add-college-credit-color-lighter-on-hover:hover, .add-college-credit-color-lighter-to-child-on-hover:hover .add-college-credit-color-lighter-on-parent-hover { color: #609fd3 !important; }

.add-college-credit-color-lightest, .add-college-credit-color-lightest-before:before, .add-college-credit-color-lightest-after:after, .add-college-credit-color-lightest-on-hover:hover, .add-college-credit-color-lightest-to-child-on-hover:hover .add-college-credit-color-lightest-on-parent-hover { color: #88b7de !important; }

.add-college-credit-color-dark, .add-college-credit-color-dark-before:before, .add-college-credit-color-dark-after:after, .add-college-credit-color-dark-on-hover:hover, .add-college-credit-color-dark-to-child-on-hover:hover .add-college-credit-color-dark-on-parent-hover { color: #327ab5 !important; }

.add-college-credit-color-darker, .add-college-credit-color-darker-before:before, .add-college-credit-color-darker-after:after, .add-college-credit-color-darker-on-hover:hover, .add-college-credit-color-darker-to-child-on-hover:hover .add-college-credit-color-darker-on-parent-hover { color: #2c6ca1 !important; }

.add-college-credit-color-darkest, .add-college-credit-color-darkest-before:before, .add-college-credit-color-darkest-after:after, .add-college-credit-color-darkest-on-hover:hover, .add-college-credit-color-darkest-to-child-on-hover:hover .add-college-credit-color-darkest-on-parent-hover { color: #215179 !important; }

.add-college-credit-border-color, .add-college-credit-border-color-before:before, .add-college-credit-border-color-after:after, .add-college-credit-border-color-on-hover:hover, .add-college-credit-border-color-to-child-on-hover:hover .add-college-credit-border-color-on-parent-hover { border-color: #3887c8 !important; }

.add-college-credit-border-color-light, .add-college-credit-border-color-light-before:before, .add-college-credit-border-color-light-after:after, .add-college-credit-border-color-light-on-hover:hover, .add-college-credit-border-color-light-to-child-on-hover:hover .add-college-credit-border-color-light-on-parent-hover { border-color: #4c93ce !important; }

.add-college-credit-border-color-lighter, .add-college-credit-border-color-lighter-before:before, .add-college-credit-border-color-lighter-after:after, .add-college-credit-border-color-lighter-on-hover:hover, .add-college-credit-border-color-lighter-to-child-on-hover:hover .add-college-credit-border-color-lighter-on-parent-hover { border-color: #609fd3 !important; }

.add-college-credit-border-color-lightest, .add-college-credit-border-color-lightest-before:before, .add-college-credit-border-color-lightest-after:after, .add-college-credit-border-color-lightest-on-hover:hover, .add-college-credit-border-color-lightest-to-child-on-hover:hover .add-college-credit-border-color-lightest-on-parent-hover { border-color: #88b7de !important; }

.add-college-credit-border-color-dark, .add-college-credit-border-color-dark-before:before, .add-college-credit-border-color-dark-after:after, .add-college-credit-border-color-dark-on-hover:hover, .add-college-credit-border-color-dark-to-child-on-hover:hover .add-college-credit-border-color-dark-on-parent-hover { border-color: #327ab5 !important; }

.add-college-credit-border-color-darker, .add-college-credit-border-color-darker-before:before, .add-college-credit-border-color-darker-after:after, .add-college-credit-border-color-darker-on-hover:hover, .add-college-credit-border-color-darker-to-child-on-hover:hover .add-college-credit-border-color-darker-on-parent-hover { border-color: #2c6ca1 !important; }

.add-college-credit-border-color-darkest, .add-college-credit-border-color-darkest-before:before, .add-college-credit-border-color-darkest-after:after, .add-college-credit-border-color-darkest-on-hover:hover, .add-college-credit-border-color-darkest-to-child-on-hover:hover .add-college-credit-border-color-darkest-on-parent-hover { border-color: #215179 !important; }

.add-college-credit-background-color, .add-college-credit-background-color-before:before, .add-college-credit-background-color-after:after, .add-college-credit-background-color-on-hover:hover, .add-college-credit-background-color-to-child-on-hover:hover .add-college-credit-background-color-on-parent-hover { background-color: #3887c8 !important; }

.add-college-credit-background-color-light, .add-college-credit-background-color-light-before:before, .add-college-credit-background-color-light-after:after, .add-college-credit-background-color-light-on-hover:hover, .add-college-credit-background-color-light-to-child-on-hover:hover .add-college-credit-background-color-light-on-parent-hover { background-color: #4c93ce !important; }

.add-college-credit-background-color-lighter, .add-college-credit-background-color-lighter-before:before, .add-college-credit-background-color-lighter-after:after, .add-college-credit-background-color-lighter-on-hover:hover, .add-college-credit-background-color-lighter-to-child-on-hover:hover .add-college-credit-background-color-lighter-on-parent-hover { background-color: #609fd3 !important; }

.add-college-credit-background-color-lightest, .add-college-credit-background-color-lightest-before:before, .add-college-credit-background-color-lightest-after:after, .add-college-credit-background-color-lightest-on-hover:hover, .add-college-credit-background-color-lightest-to-child-on-hover:hover .add-college-credit-background-color-lightest-on-parent-hover { background-color: #88b7de !important; }

.add-college-credit-background-color-dark, .add-college-credit-background-color-dark-before:before, .add-college-credit-background-color-dark-after:after, .add-college-credit-background-color-dark-on-hover:hover, .add-college-credit-background-color-dark-to-child-on-hover:hover .add-college-credit-background-color-dark-on-parent-hover { background-color: #327ab5 !important; }

.add-college-credit-background-color-darker, .add-college-credit-background-color-darker-before:before, .add-college-credit-background-color-darker-after:after, .add-college-credit-background-color-darker-on-hover:hover, .add-college-credit-background-color-darker-to-child-on-hover:hover .add-college-credit-background-color-darker-on-parent-hover { background-color: #2c6ca1 !important; }

.add-college-credit-background-color-darkest, .add-college-credit-background-color-darkest-before:before, .add-college-credit-background-color-darkest-after:after, .add-college-credit-background-color-darkest-on-hover:hover, .add-college-credit-background-color-darkest-to-child-on-hover:hover .add-college-credit-background-color-darkest-on-parent-hover { background-color: #215179 !important; }

.add-no-code-fill, .add-no-code-fill-before:before, .add-no-code-fill-after:after, .add-no-code-fill-on-hover:hover, .add-no-code-fill-to-child-on-hover:hover .add-no-code-fill-on-parent-hover { fill: #31AF7F !important; }

.add-no-code-fill-light, .add-no-code-fill-light-before:before, .add-no-code-fill-light-after:after, .add-no-code-fill-light-on-hover:hover, .add-no-code-fill-light-to-child-on-hover:hover .add-no-code-fill-light-on-parent-hover { fill: #37c38d !important; }

.add-no-code-fill-lighter, .add-no-code-fill-lighter-before:before, .add-no-code-fill-lighter-after:after, .add-no-code-fill-lighter-on-hover:hover, .add-no-code-fill-lighter-to-child-on-hover:hover .add-no-code-fill-lighter-on-parent-hover { fill: #47cc99 !important; }

.add-no-code-fill-lightest, .add-no-code-fill-lightest-before:before, .add-no-code-fill-lightest-after:after, .add-no-code-fill-lightest-on-hover:hover, .add-no-code-fill-lightest-to-child-on-hover:hover .add-no-code-fill-lightest-on-parent-hover { fill: #6fd7af !important; }

.add-no-code-fill-dark, .add-no-code-fill-dark-before:before, .add-no-code-fill-dark-after:after, .add-no-code-fill-dark-on-hover:hover, .add-no-code-fill-dark-to-child-on-hover:hover .add-no-code-fill-dark-on-parent-hover { fill: #2b9b71 !important; }

.add-no-code-fill-darker, .add-no-code-fill-darker-before:before, .add-no-code-fill-darker-after:after, .add-no-code-fill-darker-on-hover:hover, .add-no-code-fill-darker-to-child-on-hover:hover .add-no-code-fill-darker-on-parent-hover { fill: #268762 !important; }

.add-no-code-fill-darkest, .add-no-code-fill-darkest-before:before, .add-no-code-fill-darkest-after:after, .add-no-code-fill-darkest-on-hover:hover, .add-no-code-fill-darkest-to-child-on-hover:hover .add-no-code-fill-darkest-on-parent-hover { fill: #1b5f45 !important; }

.add-no-code-stroke, .add-no-code-stroke-before:before, .add-no-code-stroke-after:after, .add-no-code-stroke-on-hover:hover, .add-no-code-stroke-to-child-on-hover:hover .add-no-code-stroke-on-parent-hover { stroke: #31AF7F !important; }

.add-no-code-stroke-light, .add-no-code-stroke-light-before:before, .add-no-code-stroke-light-after:after, .add-no-code-stroke-light-on-hover:hover, .add-no-code-stroke-light-to-child-on-hover:hover .add-no-code-stroke-light-on-parent-hover { stroke: #37c38d !important; }

.add-no-code-stroke-lighter, .add-no-code-stroke-lighter-before:before, .add-no-code-stroke-lighter-after:after, .add-no-code-stroke-lighter-on-hover:hover, .add-no-code-stroke-lighter-to-child-on-hover:hover .add-no-code-stroke-lighter-on-parent-hover { stroke: #47cc99 !important; }

.add-no-code-stroke-lightest, .add-no-code-stroke-lightest-before:before, .add-no-code-stroke-lightest-after:after, .add-no-code-stroke-lightest-on-hover:hover, .add-no-code-stroke-lightest-to-child-on-hover:hover .add-no-code-stroke-lightest-on-parent-hover { stroke: #6fd7af !important; }

.add-no-code-stroke-dark, .add-no-code-stroke-dark-before:before, .add-no-code-stroke-dark-after:after, .add-no-code-stroke-dark-on-hover:hover, .add-no-code-stroke-dark-to-child-on-hover:hover .add-no-code-stroke-dark-on-parent-hover { stroke: #2b9b71 !important; }

.add-no-code-stroke-darker, .add-no-code-stroke-darker-before:before, .add-no-code-stroke-darker-after:after, .add-no-code-stroke-darker-on-hover:hover, .add-no-code-stroke-darker-to-child-on-hover:hover .add-no-code-stroke-darker-on-parent-hover { stroke: #268762 !important; }

.add-no-code-stroke-darkest, .add-no-code-stroke-darkest-before:before, .add-no-code-stroke-darkest-after:after, .add-no-code-stroke-darkest-on-hover:hover, .add-no-code-stroke-darkest-to-child-on-hover:hover .add-no-code-stroke-darkest-on-parent-hover { stroke: #1b5f45 !important; }

.add-no-code-color, .add-no-code-color-before:before, .add-no-code-color-after:after, .add-no-code-color-on-hover:hover, .add-no-code-color-to-child-on-hover:hover .add-no-code-color-on-parent-hover { color: #31AF7F !important; }

.add-no-code-color-light, .add-no-code-color-light-before:before, .add-no-code-color-light-after:after, .add-no-code-color-light-on-hover:hover, .add-no-code-color-light-to-child-on-hover:hover .add-no-code-color-light-on-parent-hover { color: #37c38d !important; }

.add-no-code-color-lighter, .add-no-code-color-lighter-before:before, .add-no-code-color-lighter-after:after, .add-no-code-color-lighter-on-hover:hover, .add-no-code-color-lighter-to-child-on-hover:hover .add-no-code-color-lighter-on-parent-hover { color: #47cc99 !important; }

.add-no-code-color-lightest, .add-no-code-color-lightest-before:before, .add-no-code-color-lightest-after:after, .add-no-code-color-lightest-on-hover:hover, .add-no-code-color-lightest-to-child-on-hover:hover .add-no-code-color-lightest-on-parent-hover { color: #6fd7af !important; }

.add-no-code-color-dark, .add-no-code-color-dark-before:before, .add-no-code-color-dark-after:after, .add-no-code-color-dark-on-hover:hover, .add-no-code-color-dark-to-child-on-hover:hover .add-no-code-color-dark-on-parent-hover { color: #2b9b71 !important; }

.add-no-code-color-darker, .add-no-code-color-darker-before:before, .add-no-code-color-darker-after:after, .add-no-code-color-darker-on-hover:hover, .add-no-code-color-darker-to-child-on-hover:hover .add-no-code-color-darker-on-parent-hover { color: #268762 !important; }

.add-no-code-color-darkest, .add-no-code-color-darkest-before:before, .add-no-code-color-darkest-after:after, .add-no-code-color-darkest-on-hover:hover, .add-no-code-color-darkest-to-child-on-hover:hover .add-no-code-color-darkest-on-parent-hover { color: #1b5f45 !important; }

.add-no-code-border-color, .add-no-code-border-color-before:before, .add-no-code-border-color-after:after, .add-no-code-border-color-on-hover:hover, .add-no-code-border-color-to-child-on-hover:hover .add-no-code-border-color-on-parent-hover { border-color: #31AF7F !important; }

.add-no-code-border-color-light, .add-no-code-border-color-light-before:before, .add-no-code-border-color-light-after:after, .add-no-code-border-color-light-on-hover:hover, .add-no-code-border-color-light-to-child-on-hover:hover .add-no-code-border-color-light-on-parent-hover { border-color: #37c38d !important; }

.add-no-code-border-color-lighter, .add-no-code-border-color-lighter-before:before, .add-no-code-border-color-lighter-after:after, .add-no-code-border-color-lighter-on-hover:hover, .add-no-code-border-color-lighter-to-child-on-hover:hover .add-no-code-border-color-lighter-on-parent-hover { border-color: #47cc99 !important; }

.add-no-code-border-color-lightest, .add-no-code-border-color-lightest-before:before, .add-no-code-border-color-lightest-after:after, .add-no-code-border-color-lightest-on-hover:hover, .add-no-code-border-color-lightest-to-child-on-hover:hover .add-no-code-border-color-lightest-on-parent-hover { border-color: #6fd7af !important; }

.add-no-code-border-color-dark, .add-no-code-border-color-dark-before:before, .add-no-code-border-color-dark-after:after, .add-no-code-border-color-dark-on-hover:hover, .add-no-code-border-color-dark-to-child-on-hover:hover .add-no-code-border-color-dark-on-parent-hover { border-color: #2b9b71 !important; }

.add-no-code-border-color-darker, .add-no-code-border-color-darker-before:before, .add-no-code-border-color-darker-after:after, .add-no-code-border-color-darker-on-hover:hover, .add-no-code-border-color-darker-to-child-on-hover:hover .add-no-code-border-color-darker-on-parent-hover { border-color: #268762 !important; }

.add-no-code-border-color-darkest, .add-no-code-border-color-darkest-before:before, .add-no-code-border-color-darkest-after:after, .add-no-code-border-color-darkest-on-hover:hover, .add-no-code-border-color-darkest-to-child-on-hover:hover .add-no-code-border-color-darkest-on-parent-hover { border-color: #1b5f45 !important; }

.add-no-code-background-color, .add-no-code-background-color-before:before, .add-no-code-background-color-after:after, .add-no-code-background-color-on-hover:hover, .add-no-code-background-color-to-child-on-hover:hover .add-no-code-background-color-on-parent-hover { background-color: #31AF7F !important; }

.add-no-code-background-color-light, .add-no-code-background-color-light-before:before, .add-no-code-background-color-light-after:after, .add-no-code-background-color-light-on-hover:hover, .add-no-code-background-color-light-to-child-on-hover:hover .add-no-code-background-color-light-on-parent-hover { background-color: #37c38d !important; }

.add-no-code-background-color-lighter, .add-no-code-background-color-lighter-before:before, .add-no-code-background-color-lighter-after:after, .add-no-code-background-color-lighter-on-hover:hover, .add-no-code-background-color-lighter-to-child-on-hover:hover .add-no-code-background-color-lighter-on-parent-hover { background-color: #47cc99 !important; }

.add-no-code-background-color-lightest, .add-no-code-background-color-lightest-before:before, .add-no-code-background-color-lightest-after:after, .add-no-code-background-color-lightest-on-hover:hover, .add-no-code-background-color-lightest-to-child-on-hover:hover .add-no-code-background-color-lightest-on-parent-hover { background-color: #6fd7af !important; }

.add-no-code-background-color-dark, .add-no-code-background-color-dark-before:before, .add-no-code-background-color-dark-after:after, .add-no-code-background-color-dark-on-hover:hover, .add-no-code-background-color-dark-to-child-on-hover:hover .add-no-code-background-color-dark-on-parent-hover { background-color: #2b9b71 !important; }

.add-no-code-background-color-darker, .add-no-code-background-color-darker-before:before, .add-no-code-background-color-darker-after:after, .add-no-code-background-color-darker-on-hover:hover, .add-no-code-background-color-darker-to-child-on-hover:hover .add-no-code-background-color-darker-on-parent-hover { background-color: #268762 !important; }

.add-no-code-background-color-darkest, .add-no-code-background-color-darkest-before:before, .add-no-code-background-color-darkest-after:after, .add-no-code-background-color-darkest-on-hover:hover, .add-no-code-background-color-darkest-to-child-on-hover:hover .add-no-code-background-color-darkest-on-parent-hover { background-color: #1b5f45 !important; }

.add-security-fill, .add-security-fill-before:before, .add-security-fill-after:after, .add-security-fill-on-hover:hover, .add-security-fill-to-child-on-hover:hover .add-security-fill-on-parent-hover { fill: #409BE9 !important; }

.add-security-fill-light, .add-security-fill-light-before:before, .add-security-fill-light-after:after, .add-security-fill-light-on-hover:hover, .add-security-fill-light-to-child-on-hover:hover .add-security-fill-light-on-parent-hover { fill: #57a7ec !important; }

.add-security-fill-lighter, .add-security-fill-lighter-before:before, .add-security-fill-lighter-after:after, .add-security-fill-lighter-on-hover:hover, .add-security-fill-lighter-to-child-on-hover:hover .add-security-fill-lighter-on-parent-hover { fill: #6eb3ee !important; }

.add-security-fill-lightest, .add-security-fill-lightest-before:before, .add-security-fill-lightest-after:after, .add-security-fill-lightest-on-hover:hover, .add-security-fill-lightest-to-child-on-hover:hover .add-security-fill-lightest-on-parent-hover { fill: #9bcbf4 !important; }

.add-security-fill-dark, .add-security-fill-dark-before:before, .add-security-fill-dark-after:after, .add-security-fill-dark-on-hover:hover, .add-security-fill-dark-to-child-on-hover:hover .add-security-fill-dark-on-parent-hover { fill: #298fe6 !important; }

.add-security-fill-darker, .add-security-fill-darker-before:before, .add-security-fill-darker-after:after, .add-security-fill-darker-on-hover:hover, .add-security-fill-darker-to-child-on-hover:hover .add-security-fill-darker-on-parent-hover { fill: #1983dd !important; }

.add-security-fill-darkest, .add-security-fill-darkest-before:before, .add-security-fill-darkest-after:after, .add-security-fill-darkest-on-hover:hover, .add-security-fill-darkest-to-child-on-hover:hover .add-security-fill-darkest-on-parent-hover { fill: #1467af !important; }

.add-security-stroke, .add-security-stroke-before:before, .add-security-stroke-after:after, .add-security-stroke-on-hover:hover, .add-security-stroke-to-child-on-hover:hover .add-security-stroke-on-parent-hover { stroke: #409BE9 !important; }

.add-security-stroke-light, .add-security-stroke-light-before:before, .add-security-stroke-light-after:after, .add-security-stroke-light-on-hover:hover, .add-security-stroke-light-to-child-on-hover:hover .add-security-stroke-light-on-parent-hover { stroke: #57a7ec !important; }

.add-security-stroke-lighter, .add-security-stroke-lighter-before:before, .add-security-stroke-lighter-after:after, .add-security-stroke-lighter-on-hover:hover, .add-security-stroke-lighter-to-child-on-hover:hover .add-security-stroke-lighter-on-parent-hover { stroke: #6eb3ee !important; }

.add-security-stroke-lightest, .add-security-stroke-lightest-before:before, .add-security-stroke-lightest-after:after, .add-security-stroke-lightest-on-hover:hover, .add-security-stroke-lightest-to-child-on-hover:hover .add-security-stroke-lightest-on-parent-hover { stroke: #9bcbf4 !important; }

.add-security-stroke-dark, .add-security-stroke-dark-before:before, .add-security-stroke-dark-after:after, .add-security-stroke-dark-on-hover:hover, .add-security-stroke-dark-to-child-on-hover:hover .add-security-stroke-dark-on-parent-hover { stroke: #298fe6 !important; }

.add-security-stroke-darker, .add-security-stroke-darker-before:before, .add-security-stroke-darker-after:after, .add-security-stroke-darker-on-hover:hover, .add-security-stroke-darker-to-child-on-hover:hover .add-security-stroke-darker-on-parent-hover { stroke: #1983dd !important; }

.add-security-stroke-darkest, .add-security-stroke-darkest-before:before, .add-security-stroke-darkest-after:after, .add-security-stroke-darkest-on-hover:hover, .add-security-stroke-darkest-to-child-on-hover:hover .add-security-stroke-darkest-on-parent-hover { stroke: #1467af !important; }

.add-security-color, .add-security-color-before:before, .add-security-color-after:after, .add-security-color-on-hover:hover, .add-security-color-to-child-on-hover:hover .add-security-color-on-parent-hover { color: #409BE9 !important; }

.add-security-color-light, .add-security-color-light-before:before, .add-security-color-light-after:after, .add-security-color-light-on-hover:hover, .add-security-color-light-to-child-on-hover:hover .add-security-color-light-on-parent-hover { color: #57a7ec !important; }

.add-security-color-lighter, .add-security-color-lighter-before:before, .add-security-color-lighter-after:after, .add-security-color-lighter-on-hover:hover, .add-security-color-lighter-to-child-on-hover:hover .add-security-color-lighter-on-parent-hover { color: #6eb3ee !important; }

.add-security-color-lightest, .add-security-color-lightest-before:before, .add-security-color-lightest-after:after, .add-security-color-lightest-on-hover:hover, .add-security-color-lightest-to-child-on-hover:hover .add-security-color-lightest-on-parent-hover { color: #9bcbf4 !important; }

.add-security-color-dark, .add-security-color-dark-before:before, .add-security-color-dark-after:after, .add-security-color-dark-on-hover:hover, .add-security-color-dark-to-child-on-hover:hover .add-security-color-dark-on-parent-hover { color: #298fe6 !important; }

.add-security-color-darker, .add-security-color-darker-before:before, .add-security-color-darker-after:after, .add-security-color-darker-on-hover:hover, .add-security-color-darker-to-child-on-hover:hover .add-security-color-darker-on-parent-hover { color: #1983dd !important; }

.add-security-color-darkest, .add-security-color-darkest-before:before, .add-security-color-darkest-after:after, .add-security-color-darkest-on-hover:hover, .add-security-color-darkest-to-child-on-hover:hover .add-security-color-darkest-on-parent-hover { color: #1467af !important; }

.add-security-border-color, .add-security-border-color-before:before, .add-security-border-color-after:after, .add-security-border-color-on-hover:hover, .add-security-border-color-to-child-on-hover:hover .add-security-border-color-on-parent-hover { border-color: #409BE9 !important; }

.add-security-border-color-light, .add-security-border-color-light-before:before, .add-security-border-color-light-after:after, .add-security-border-color-light-on-hover:hover, .add-security-border-color-light-to-child-on-hover:hover .add-security-border-color-light-on-parent-hover { border-color: #57a7ec !important; }

.add-security-border-color-lighter, .add-security-border-color-lighter-before:before, .add-security-border-color-lighter-after:after, .add-security-border-color-lighter-on-hover:hover, .add-security-border-color-lighter-to-child-on-hover:hover .add-security-border-color-lighter-on-parent-hover { border-color: #6eb3ee !important; }

.add-security-border-color-lightest, .add-security-border-color-lightest-before:before, .add-security-border-color-lightest-after:after, .add-security-border-color-lightest-on-hover:hover, .add-security-border-color-lightest-to-child-on-hover:hover .add-security-border-color-lightest-on-parent-hover { border-color: #9bcbf4 !important; }

.add-security-border-color-dark, .add-security-border-color-dark-before:before, .add-security-border-color-dark-after:after, .add-security-border-color-dark-on-hover:hover, .add-security-border-color-dark-to-child-on-hover:hover .add-security-border-color-dark-on-parent-hover { border-color: #298fe6 !important; }

.add-security-border-color-darker, .add-security-border-color-darker-before:before, .add-security-border-color-darker-after:after, .add-security-border-color-darker-on-hover:hover, .add-security-border-color-darker-to-child-on-hover:hover .add-security-border-color-darker-on-parent-hover { border-color: #1983dd !important; }

.add-security-border-color-darkest, .add-security-border-color-darkest-before:before, .add-security-border-color-darkest-after:after, .add-security-border-color-darkest-on-hover:hover, .add-security-border-color-darkest-to-child-on-hover:hover .add-security-border-color-darkest-on-parent-hover { border-color: #1467af !important; }

.add-security-background-color, .add-security-background-color-before:before, .add-security-background-color-after:after, .add-security-background-color-on-hover:hover, .add-security-background-color-to-child-on-hover:hover .add-security-background-color-on-parent-hover { background-color: #409BE9 !important; }

.add-security-background-color-light, .add-security-background-color-light-before:before, .add-security-background-color-light-after:after, .add-security-background-color-light-on-hover:hover, .add-security-background-color-light-to-child-on-hover:hover .add-security-background-color-light-on-parent-hover { background-color: #57a7ec !important; }

.add-security-background-color-lighter, .add-security-background-color-lighter-before:before, .add-security-background-color-lighter-after:after, .add-security-background-color-lighter-on-hover:hover, .add-security-background-color-lighter-to-child-on-hover:hover .add-security-background-color-lighter-on-parent-hover { background-color: #6eb3ee !important; }

.add-security-background-color-lightest, .add-security-background-color-lightest-before:before, .add-security-background-color-lightest-after:after, .add-security-background-color-lightest-on-hover:hover, .add-security-background-color-lightest-to-child-on-hover:hover .add-security-background-color-lightest-on-parent-hover { background-color: #9bcbf4 !important; }

.add-security-background-color-dark, .add-security-background-color-dark-before:before, .add-security-background-color-dark-after:after, .add-security-background-color-dark-on-hover:hover, .add-security-background-color-dark-to-child-on-hover:hover .add-security-background-color-dark-on-parent-hover { background-color: #298fe6 !important; }

.add-security-background-color-darker, .add-security-background-color-darker-before:before, .add-security-background-color-darker-after:after, .add-security-background-color-darker-on-hover:hover, .add-security-background-color-darker-to-child-on-hover:hover .add-security-background-color-darker-on-parent-hover { background-color: #1983dd !important; }

.add-security-background-color-darkest, .add-security-background-color-darkest-before:before, .add-security-background-color-darkest-after:after, .add-security-background-color-darkest-on-hover:hover, .add-security-background-color-darkest-to-child-on-hover:hover .add-security-background-color-darkest-on-parent-hover { background-color: #1467af !important; }

.add-game-development-fill, .add-game-development-fill-before:before, .add-game-development-fill-after:after, .add-game-development-fill-on-hover:hover, .add-game-development-fill-to-child-on-hover:hover .add-game-development-fill-on-parent-hover { fill: #856fc4 !important; }

.add-game-development-fill-light, .add-game-development-fill-light-before:before, .add-game-development-fill-light-after:after, .add-game-development-fill-light-on-hover:hover, .add-game-development-fill-light-to-child-on-hover:hover .add-game-development-fill-light-on-parent-hover { fill: #9481cb !important; }

.add-game-development-fill-lighter, .add-game-development-fill-lighter-before:before, .add-game-development-fill-lighter-after:after, .add-game-development-fill-lighter-on-hover:hover, .add-game-development-fill-lighter-to-child-on-hover:hover .add-game-development-fill-lighter-on-parent-hover { fill: #a493d3 !important; }

.add-game-development-fill-lightest, .add-game-development-fill-lightest-before:before, .add-game-development-fill-lightest-after:after, .add-game-development-fill-lightest-on-hover:hover, .add-game-development-fill-lightest-to-child-on-hover:hover .add-game-development-fill-lightest-on-parent-hover { fill: #c2b7e2 !important; }

.add-game-development-fill-dark, .add-game-development-fill-dark-before:before, .add-game-development-fill-dark-after:after, .add-game-development-fill-dark-on-hover:hover, .add-game-development-fill-dark-to-child-on-hover:hover .add-game-development-fill-dark-on-parent-hover { fill: #765dbd !important; }

.add-game-development-fill-darker, .add-game-development-fill-darker-before:before, .add-game-development-fill-darker-after:after, .add-game-development-fill-darker-on-hover:hover, .add-game-development-fill-darker-to-child-on-hover:hover .add-game-development-fill-darker-on-parent-hover { fill: #664bb5 !important; }

.add-game-development-fill-darkest, .add-game-development-fill-darkest-before:before, .add-game-development-fill-darkest-after:after, .add-game-development-fill-darkest-on-hover:hover, .add-game-development-fill-darkest-to-child-on-hover:hover .add-game-development-fill-darkest-on-parent-hover { fill: #523c91 !important; }

.add-game-development-stroke, .add-game-development-stroke-before:before, .add-game-development-stroke-after:after, .add-game-development-stroke-on-hover:hover, .add-game-development-stroke-to-child-on-hover:hover .add-game-development-stroke-on-parent-hover { stroke: #856fc4 !important; }

.add-game-development-stroke-light, .add-game-development-stroke-light-before:before, .add-game-development-stroke-light-after:after, .add-game-development-stroke-light-on-hover:hover, .add-game-development-stroke-light-to-child-on-hover:hover .add-game-development-stroke-light-on-parent-hover { stroke: #9481cb !important; }

.add-game-development-stroke-lighter, .add-game-development-stroke-lighter-before:before, .add-game-development-stroke-lighter-after:after, .add-game-development-stroke-lighter-on-hover:hover, .add-game-development-stroke-lighter-to-child-on-hover:hover .add-game-development-stroke-lighter-on-parent-hover { stroke: #a493d3 !important; }

.add-game-development-stroke-lightest, .add-game-development-stroke-lightest-before:before, .add-game-development-stroke-lightest-after:after, .add-game-development-stroke-lightest-on-hover:hover, .add-game-development-stroke-lightest-to-child-on-hover:hover .add-game-development-stroke-lightest-on-parent-hover { stroke: #c2b7e2 !important; }

.add-game-development-stroke-dark, .add-game-development-stroke-dark-before:before, .add-game-development-stroke-dark-after:after, .add-game-development-stroke-dark-on-hover:hover, .add-game-development-stroke-dark-to-child-on-hover:hover .add-game-development-stroke-dark-on-parent-hover { stroke: #765dbd !important; }

.add-game-development-stroke-darker, .add-game-development-stroke-darker-before:before, .add-game-development-stroke-darker-after:after, .add-game-development-stroke-darker-on-hover:hover, .add-game-development-stroke-darker-to-child-on-hover:hover .add-game-development-stroke-darker-on-parent-hover { stroke: #664bb5 !important; }

.add-game-development-stroke-darkest, .add-game-development-stroke-darkest-before:before, .add-game-development-stroke-darkest-after:after, .add-game-development-stroke-darkest-on-hover:hover, .add-game-development-stroke-darkest-to-child-on-hover:hover .add-game-development-stroke-darkest-on-parent-hover { stroke: #523c91 !important; }

.add-game-development-color, .add-game-development-color-before:before, .add-game-development-color-after:after, .add-game-development-color-on-hover:hover, .add-game-development-color-to-child-on-hover:hover .add-game-development-color-on-parent-hover { color: #856fc4 !important; }

.add-game-development-color-light, .add-game-development-color-light-before:before, .add-game-development-color-light-after:after, .add-game-development-color-light-on-hover:hover, .add-game-development-color-light-to-child-on-hover:hover .add-game-development-color-light-on-parent-hover { color: #9481cb !important; }

.add-game-development-color-lighter, .add-game-development-color-lighter-before:before, .add-game-development-color-lighter-after:after, .add-game-development-color-lighter-on-hover:hover, .add-game-development-color-lighter-to-child-on-hover:hover .add-game-development-color-lighter-on-parent-hover { color: #a493d3 !important; }

.add-game-development-color-lightest, .add-game-development-color-lightest-before:before, .add-game-development-color-lightest-after:after, .add-game-development-color-lightest-on-hover:hover, .add-game-development-color-lightest-to-child-on-hover:hover .add-game-development-color-lightest-on-parent-hover { color: #c2b7e2 !important; }

.add-game-development-color-dark, .add-game-development-color-dark-before:before, .add-game-development-color-dark-after:after, .add-game-development-color-dark-on-hover:hover, .add-game-development-color-dark-to-child-on-hover:hover .add-game-development-color-dark-on-parent-hover { color: #765dbd !important; }

.add-game-development-color-darker, .add-game-development-color-darker-before:before, .add-game-development-color-darker-after:after, .add-game-development-color-darker-on-hover:hover, .add-game-development-color-darker-to-child-on-hover:hover .add-game-development-color-darker-on-parent-hover { color: #664bb5 !important; }

.add-game-development-color-darkest, .add-game-development-color-darkest-before:before, .add-game-development-color-darkest-after:after, .add-game-development-color-darkest-on-hover:hover, .add-game-development-color-darkest-to-child-on-hover:hover .add-game-development-color-darkest-on-parent-hover { color: #523c91 !important; }

.add-game-development-border-color, .add-game-development-border-color-before:before, .add-game-development-border-color-after:after, .add-game-development-border-color-on-hover:hover, .add-game-development-border-color-to-child-on-hover:hover .add-game-development-border-color-on-parent-hover { border-color: #856fc4 !important; }

.add-game-development-border-color-light, .add-game-development-border-color-light-before:before, .add-game-development-border-color-light-after:after, .add-game-development-border-color-light-on-hover:hover, .add-game-development-border-color-light-to-child-on-hover:hover .add-game-development-border-color-light-on-parent-hover { border-color: #9481cb !important; }

.add-game-development-border-color-lighter, .add-game-development-border-color-lighter-before:before, .add-game-development-border-color-lighter-after:after, .add-game-development-border-color-lighter-on-hover:hover, .add-game-development-border-color-lighter-to-child-on-hover:hover .add-game-development-border-color-lighter-on-parent-hover { border-color: #a493d3 !important; }

.add-game-development-border-color-lightest, .add-game-development-border-color-lightest-before:before, .add-game-development-border-color-lightest-after:after, .add-game-development-border-color-lightest-on-hover:hover, .add-game-development-border-color-lightest-to-child-on-hover:hover .add-game-development-border-color-lightest-on-parent-hover { border-color: #c2b7e2 !important; }

.add-game-development-border-color-dark, .add-game-development-border-color-dark-before:before, .add-game-development-border-color-dark-after:after, .add-game-development-border-color-dark-on-hover:hover, .add-game-development-border-color-dark-to-child-on-hover:hover .add-game-development-border-color-dark-on-parent-hover { border-color: #765dbd !important; }

.add-game-development-border-color-darker, .add-game-development-border-color-darker-before:before, .add-game-development-border-color-darker-after:after, .add-game-development-border-color-darker-on-hover:hover, .add-game-development-border-color-darker-to-child-on-hover:hover .add-game-development-border-color-darker-on-parent-hover { border-color: #664bb5 !important; }

.add-game-development-border-color-darkest, .add-game-development-border-color-darkest-before:before, .add-game-development-border-color-darkest-after:after, .add-game-development-border-color-darkest-on-hover:hover, .add-game-development-border-color-darkest-to-child-on-hover:hover .add-game-development-border-color-darkest-on-parent-hover { border-color: #523c91 !important; }

.add-game-development-background-color, .add-game-development-background-color-before:before, .add-game-development-background-color-after:after, .add-game-development-background-color-on-hover:hover, .add-game-development-background-color-to-child-on-hover:hover .add-game-development-background-color-on-parent-hover { background-color: #856fc4 !important; }

.add-game-development-background-color-light, .add-game-development-background-color-light-before:before, .add-game-development-background-color-light-after:after, .add-game-development-background-color-light-on-hover:hover, .add-game-development-background-color-light-to-child-on-hover:hover .add-game-development-background-color-light-on-parent-hover { background-color: #9481cb !important; }

.add-game-development-background-color-lighter, .add-game-development-background-color-lighter-before:before, .add-game-development-background-color-lighter-after:after, .add-game-development-background-color-lighter-on-hover:hover, .add-game-development-background-color-lighter-to-child-on-hover:hover .add-game-development-background-color-lighter-on-parent-hover { background-color: #a493d3 !important; }

.add-game-development-background-color-lightest, .add-game-development-background-color-lightest-before:before, .add-game-development-background-color-lightest-after:after, .add-game-development-background-color-lightest-on-hover:hover, .add-game-development-background-color-lightest-to-child-on-hover:hover .add-game-development-background-color-lightest-on-parent-hover { background-color: #c2b7e2 !important; }

.add-game-development-background-color-dark, .add-game-development-background-color-dark-before:before, .add-game-development-background-color-dark-after:after, .add-game-development-background-color-dark-on-hover:hover, .add-game-development-background-color-dark-to-child-on-hover:hover .add-game-development-background-color-dark-on-parent-hover { background-color: #765dbd !important; }

.add-game-development-background-color-darker, .add-game-development-background-color-darker-before:before, .add-game-development-background-color-darker-after:after, .add-game-development-background-color-darker-on-hover:hover, .add-game-development-background-color-darker-to-child-on-hover:hover .add-game-development-background-color-darker-on-parent-hover { background-color: #664bb5 !important; }

.add-game-development-background-color-darkest, .add-game-development-background-color-darkest-before:before, .add-game-development-background-color-darkest-after:after, .add-game-development-background-color-darkest-on-hover:hover, .add-game-development-background-color-darkest-to-child-on-hover:hover .add-game-development-background-color-darkest-on-parent-hover { background-color: #523c91 !important; }

.add-treehouse-resources-fill, .add-treehouse-resources-fill-before:before, .add-treehouse-resources-fill-after:after, .add-treehouse-resources-fill-on-hover:hover, .add-treehouse-resources-fill-to-child-on-hover:hover .add-treehouse-resources-fill-on-parent-hover { fill: #5fcf80 !important; }

.add-treehouse-resources-fill-light, .add-treehouse-resources-fill-light-before:before, .add-treehouse-resources-fill-light-after:after, .add-treehouse-resources-fill-light-on-hover:hover, .add-treehouse-resources-fill-light-to-child-on-hover:hover .add-treehouse-resources-fill-light-on-parent-hover { fill: #73d590 !important; }

.add-treehouse-resources-fill-lighter, .add-treehouse-resources-fill-lighter-before:before, .add-treehouse-resources-fill-lighter-after:after, .add-treehouse-resources-fill-lighter-on-hover:hover, .add-treehouse-resources-fill-lighter-to-child-on-hover:hover .add-treehouse-resources-fill-lighter-on-parent-hover { fill: #86db9f !important; }

.add-treehouse-resources-fill-lightest, .add-treehouse-resources-fill-lightest-before:before, .add-treehouse-resources-fill-lightest-after:after, .add-treehouse-resources-fill-lightest-on-hover:hover, .add-treehouse-resources-fill-lightest-to-child-on-hover:hover .add-treehouse-resources-fill-lightest-on-parent-hover { fill: #ade7be !important; }

.add-treehouse-resources-fill-dark, .add-treehouse-resources-fill-dark-before:before, .add-treehouse-resources-fill-dark-after:after, .add-treehouse-resources-fill-dark-on-hover:hover, .add-treehouse-resources-fill-dark-to-child-on-hover:hover .add-treehouse-resources-fill-dark-on-parent-hover { fill: #4bc970 !important; }

.add-treehouse-resources-fill-darker, .add-treehouse-resources-fill-darker-before:before, .add-treehouse-resources-fill-darker-after:after, .add-treehouse-resources-fill-darker-on-hover:hover, .add-treehouse-resources-fill-darker-to-child-on-hover:hover .add-treehouse-resources-fill-darker-on-parent-hover { fill: #3ac162 !important; }

.add-treehouse-resources-fill-darkest, .add-treehouse-resources-fill-darkest-before:before, .add-treehouse-resources-fill-darkest-after:after, .add-treehouse-resources-fill-darkest-on-hover:hover, .add-treehouse-resources-fill-darkest-to-child-on-hover:hover .add-treehouse-resources-fill-darkest-on-parent-hover { fill: #2e9a4e !important; }

.add-treehouse-resources-stroke, .add-treehouse-resources-stroke-before:before, .add-treehouse-resources-stroke-after:after, .add-treehouse-resources-stroke-on-hover:hover, .add-treehouse-resources-stroke-to-child-on-hover:hover .add-treehouse-resources-stroke-on-parent-hover { stroke: #5fcf80 !important; }

.add-treehouse-resources-stroke-light, .add-treehouse-resources-stroke-light-before:before, .add-treehouse-resources-stroke-light-after:after, .add-treehouse-resources-stroke-light-on-hover:hover, .add-treehouse-resources-stroke-light-to-child-on-hover:hover .add-treehouse-resources-stroke-light-on-parent-hover { stroke: #73d590 !important; }

.add-treehouse-resources-stroke-lighter, .add-treehouse-resources-stroke-lighter-before:before, .add-treehouse-resources-stroke-lighter-after:after, .add-treehouse-resources-stroke-lighter-on-hover:hover, .add-treehouse-resources-stroke-lighter-to-child-on-hover:hover .add-treehouse-resources-stroke-lighter-on-parent-hover { stroke: #86db9f !important; }

.add-treehouse-resources-stroke-lightest, .add-treehouse-resources-stroke-lightest-before:before, .add-treehouse-resources-stroke-lightest-after:after, .add-treehouse-resources-stroke-lightest-on-hover:hover, .add-treehouse-resources-stroke-lightest-to-child-on-hover:hover .add-treehouse-resources-stroke-lightest-on-parent-hover { stroke: #ade7be !important; }

.add-treehouse-resources-stroke-dark, .add-treehouse-resources-stroke-dark-before:before, .add-treehouse-resources-stroke-dark-after:after, .add-treehouse-resources-stroke-dark-on-hover:hover, .add-treehouse-resources-stroke-dark-to-child-on-hover:hover .add-treehouse-resources-stroke-dark-on-parent-hover { stroke: #4bc970 !important; }

.add-treehouse-resources-stroke-darker, .add-treehouse-resources-stroke-darker-before:before, .add-treehouse-resources-stroke-darker-after:after, .add-treehouse-resources-stroke-darker-on-hover:hover, .add-treehouse-resources-stroke-darker-to-child-on-hover:hover .add-treehouse-resources-stroke-darker-on-parent-hover { stroke: #3ac162 !important; }

.add-treehouse-resources-stroke-darkest, .add-treehouse-resources-stroke-darkest-before:before, .add-treehouse-resources-stroke-darkest-after:after, .add-treehouse-resources-stroke-darkest-on-hover:hover, .add-treehouse-resources-stroke-darkest-to-child-on-hover:hover .add-treehouse-resources-stroke-darkest-on-parent-hover { stroke: #2e9a4e !important; }

.add-treehouse-resources-color, .add-treehouse-resources-color-before:before, .add-treehouse-resources-color-after:after, .add-treehouse-resources-color-on-hover:hover, .add-treehouse-resources-color-to-child-on-hover:hover .add-treehouse-resources-color-on-parent-hover { color: #5fcf80 !important; }

.add-treehouse-resources-color-light, .add-treehouse-resources-color-light-before:before, .add-treehouse-resources-color-light-after:after, .add-treehouse-resources-color-light-on-hover:hover, .add-treehouse-resources-color-light-to-child-on-hover:hover .add-treehouse-resources-color-light-on-parent-hover { color: #73d590 !important; }

.add-treehouse-resources-color-lighter, .add-treehouse-resources-color-lighter-before:before, .add-treehouse-resources-color-lighter-after:after, .add-treehouse-resources-color-lighter-on-hover:hover, .add-treehouse-resources-color-lighter-to-child-on-hover:hover .add-treehouse-resources-color-lighter-on-parent-hover { color: #86db9f !important; }

.add-treehouse-resources-color-lightest, .add-treehouse-resources-color-lightest-before:before, .add-treehouse-resources-color-lightest-after:after, .add-treehouse-resources-color-lightest-on-hover:hover, .add-treehouse-resources-color-lightest-to-child-on-hover:hover .add-treehouse-resources-color-lightest-on-parent-hover { color: #ade7be !important; }

.add-treehouse-resources-color-dark, .add-treehouse-resources-color-dark-before:before, .add-treehouse-resources-color-dark-after:after, .add-treehouse-resources-color-dark-on-hover:hover, .add-treehouse-resources-color-dark-to-child-on-hover:hover .add-treehouse-resources-color-dark-on-parent-hover { color: #4bc970 !important; }

.add-treehouse-resources-color-darker, .add-treehouse-resources-color-darker-before:before, .add-treehouse-resources-color-darker-after:after, .add-treehouse-resources-color-darker-on-hover:hover, .add-treehouse-resources-color-darker-to-child-on-hover:hover .add-treehouse-resources-color-darker-on-parent-hover { color: #3ac162 !important; }

.add-treehouse-resources-color-darkest, .add-treehouse-resources-color-darkest-before:before, .add-treehouse-resources-color-darkest-after:after, .add-treehouse-resources-color-darkest-on-hover:hover, .add-treehouse-resources-color-darkest-to-child-on-hover:hover .add-treehouse-resources-color-darkest-on-parent-hover { color: #2e9a4e !important; }

.add-treehouse-resources-border-color, .add-treehouse-resources-border-color-before:before, .add-treehouse-resources-border-color-after:after, .add-treehouse-resources-border-color-on-hover:hover, .add-treehouse-resources-border-color-to-child-on-hover:hover .add-treehouse-resources-border-color-on-parent-hover { border-color: #5fcf80 !important; }

.add-treehouse-resources-border-color-light, .add-treehouse-resources-border-color-light-before:before, .add-treehouse-resources-border-color-light-after:after, .add-treehouse-resources-border-color-light-on-hover:hover, .add-treehouse-resources-border-color-light-to-child-on-hover:hover .add-treehouse-resources-border-color-light-on-parent-hover { border-color: #73d590 !important; }

.add-treehouse-resources-border-color-lighter, .add-treehouse-resources-border-color-lighter-before:before, .add-treehouse-resources-border-color-lighter-after:after, .add-treehouse-resources-border-color-lighter-on-hover:hover, .add-treehouse-resources-border-color-lighter-to-child-on-hover:hover .add-treehouse-resources-border-color-lighter-on-parent-hover { border-color: #86db9f !important; }

.add-treehouse-resources-border-color-lightest, .add-treehouse-resources-border-color-lightest-before:before, .add-treehouse-resources-border-color-lightest-after:after, .add-treehouse-resources-border-color-lightest-on-hover:hover, .add-treehouse-resources-border-color-lightest-to-child-on-hover:hover .add-treehouse-resources-border-color-lightest-on-parent-hover { border-color: #ade7be !important; }

.add-treehouse-resources-border-color-dark, .add-treehouse-resources-border-color-dark-before:before, .add-treehouse-resources-border-color-dark-after:after, .add-treehouse-resources-border-color-dark-on-hover:hover, .add-treehouse-resources-border-color-dark-to-child-on-hover:hover .add-treehouse-resources-border-color-dark-on-parent-hover { border-color: #4bc970 !important; }

.add-treehouse-resources-border-color-darker, .add-treehouse-resources-border-color-darker-before:before, .add-treehouse-resources-border-color-darker-after:after, .add-treehouse-resources-border-color-darker-on-hover:hover, .add-treehouse-resources-border-color-darker-to-child-on-hover:hover .add-treehouse-resources-border-color-darker-on-parent-hover { border-color: #3ac162 !important; }

.add-treehouse-resources-border-color-darkest, .add-treehouse-resources-border-color-darkest-before:before, .add-treehouse-resources-border-color-darkest-after:after, .add-treehouse-resources-border-color-darkest-on-hover:hover, .add-treehouse-resources-border-color-darkest-to-child-on-hover:hover .add-treehouse-resources-border-color-darkest-on-parent-hover { border-color: #2e9a4e !important; }

.add-treehouse-resources-background-color, .add-treehouse-resources-background-color-before:before, .add-treehouse-resources-background-color-after:after, .add-treehouse-resources-background-color-on-hover:hover, .add-treehouse-resources-background-color-to-child-on-hover:hover .add-treehouse-resources-background-color-on-parent-hover { background-color: #5fcf80 !important; }

.add-treehouse-resources-background-color-light, .add-treehouse-resources-background-color-light-before:before, .add-treehouse-resources-background-color-light-after:after, .add-treehouse-resources-background-color-light-on-hover:hover, .add-treehouse-resources-background-color-light-to-child-on-hover:hover .add-treehouse-resources-background-color-light-on-parent-hover { background-color: #73d590 !important; }

.add-treehouse-resources-background-color-lighter, .add-treehouse-resources-background-color-lighter-before:before, .add-treehouse-resources-background-color-lighter-after:after, .add-treehouse-resources-background-color-lighter-on-hover:hover, .add-treehouse-resources-background-color-lighter-to-child-on-hover:hover .add-treehouse-resources-background-color-lighter-on-parent-hover { background-color: #86db9f !important; }

.add-treehouse-resources-background-color-lightest, .add-treehouse-resources-background-color-lightest-before:before, .add-treehouse-resources-background-color-lightest-after:after, .add-treehouse-resources-background-color-lightest-on-hover:hover, .add-treehouse-resources-background-color-lightest-to-child-on-hover:hover .add-treehouse-resources-background-color-lightest-on-parent-hover { background-color: #ade7be !important; }

.add-treehouse-resources-background-color-dark, .add-treehouse-resources-background-color-dark-before:before, .add-treehouse-resources-background-color-dark-after:after, .add-treehouse-resources-background-color-dark-on-hover:hover, .add-treehouse-resources-background-color-dark-to-child-on-hover:hover .add-treehouse-resources-background-color-dark-on-parent-hover { background-color: #4bc970 !important; }

.add-treehouse-resources-background-color-darker, .add-treehouse-resources-background-color-darker-before:before, .add-treehouse-resources-background-color-darker-after:after, .add-treehouse-resources-background-color-darker-on-hover:hover, .add-treehouse-resources-background-color-darker-to-child-on-hover:hover .add-treehouse-resources-background-color-darker-on-parent-hover { background-color: #3ac162 !important; }

.add-treehouse-resources-background-color-darkest, .add-treehouse-resources-background-color-darkest-before:before, .add-treehouse-resources-background-color-darkest-after:after, .add-treehouse-resources-background-color-darkest-on-hover:hover, .add-treehouse-resources-background-color-darkest-to-child-on-hover:hover .add-treehouse-resources-background-color-darkest-on-parent-hover { background-color: #2e9a4e !important; }

.add-coding-for-kids-fill, .add-coding-for-kids-fill-before:before, .add-coding-for-kids-fill-after:after, .add-coding-for-kids-fill-on-hover:hover, .add-coding-for-kids-fill-to-child-on-hover:hover .add-coding-for-kids-fill-on-parent-hover { fill: #F36C27 !important; }

.add-coding-for-kids-fill-light, .add-coding-for-kids-fill-light-before:before, .add-coding-for-kids-fill-light-after:after, .add-coding-for-kids-fill-light-on-hover:hover, .add-coding-for-kids-fill-light-to-child-on-hover:hover .add-coding-for-kids-fill-light-on-parent-hover { fill: #f47c3f !important; }

.add-coding-for-kids-fill-lighter, .add-coding-for-kids-fill-lighter-before:before, .add-coding-for-kids-fill-lighter-after:after, .add-coding-for-kids-fill-lighter-on-hover:hover, .add-coding-for-kids-fill-lighter-to-child-on-hover:hover .add-coding-for-kids-fill-lighter-on-parent-hover { fill: #f68d57 !important; }

.add-coding-for-kids-fill-lightest, .add-coding-for-kids-fill-lightest-before:before, .add-coding-for-kids-fill-lightest-after:after, .add-coding-for-kids-fill-lightest-on-hover:hover, .add-coding-for-kids-fill-lightest-to-child-on-hover:hover .add-coding-for-kids-fill-lightest-on-parent-hover { fill: #f8ae88 !important; }

.add-coding-for-kids-fill-dark, .add-coding-for-kids-fill-dark-before:before, .add-coding-for-kids-fill-dark-after:after, .add-coding-for-kids-fill-dark-on-hover:hover, .add-coding-for-kids-fill-dark-to-child-on-hover:hover .add-coding-for-kids-fill-dark-on-parent-hover { fill: #f25c0f !important; }

.add-coding-for-kids-fill-darker, .add-coding-for-kids-fill-darker-before:before, .add-coding-for-kids-fill-darker-after:after, .add-coding-for-kids-fill-darker-on-hover:hover, .add-coding-for-kids-fill-darker-to-child-on-hover:hover .add-coding-for-kids-fill-darker-on-parent-hover { fill: #db520c !important; }

.add-coding-for-kids-fill-darkest, .add-coding-for-kids-fill-darkest-before:before, .add-coding-for-kids-fill-darkest-after:after, .add-coding-for-kids-fill-darkest-on-hover:hover, .add-coding-for-kids-fill-darkest-to-child-on-hover:hover .add-coding-for-kids-fill-darkest-on-parent-hover { fill: #ab4009 !important; }

.add-coding-for-kids-stroke, .add-coding-for-kids-stroke-before:before, .add-coding-for-kids-stroke-after:after, .add-coding-for-kids-stroke-on-hover:hover, .add-coding-for-kids-stroke-to-child-on-hover:hover .add-coding-for-kids-stroke-on-parent-hover { stroke: #F36C27 !important; }

.add-coding-for-kids-stroke-light, .add-coding-for-kids-stroke-light-before:before, .add-coding-for-kids-stroke-light-after:after, .add-coding-for-kids-stroke-light-on-hover:hover, .add-coding-for-kids-stroke-light-to-child-on-hover:hover .add-coding-for-kids-stroke-light-on-parent-hover { stroke: #f47c3f !important; }

.add-coding-for-kids-stroke-lighter, .add-coding-for-kids-stroke-lighter-before:before, .add-coding-for-kids-stroke-lighter-after:after, .add-coding-for-kids-stroke-lighter-on-hover:hover, .add-coding-for-kids-stroke-lighter-to-child-on-hover:hover .add-coding-for-kids-stroke-lighter-on-parent-hover { stroke: #f68d57 !important; }

.add-coding-for-kids-stroke-lightest, .add-coding-for-kids-stroke-lightest-before:before, .add-coding-for-kids-stroke-lightest-after:after, .add-coding-for-kids-stroke-lightest-on-hover:hover, .add-coding-for-kids-stroke-lightest-to-child-on-hover:hover .add-coding-for-kids-stroke-lightest-on-parent-hover { stroke: #f8ae88 !important; }

.add-coding-for-kids-stroke-dark, .add-coding-for-kids-stroke-dark-before:before, .add-coding-for-kids-stroke-dark-after:after, .add-coding-for-kids-stroke-dark-on-hover:hover, .add-coding-for-kids-stroke-dark-to-child-on-hover:hover .add-coding-for-kids-stroke-dark-on-parent-hover { stroke: #f25c0f !important; }

.add-coding-for-kids-stroke-darker, .add-coding-for-kids-stroke-darker-before:before, .add-coding-for-kids-stroke-darker-after:after, .add-coding-for-kids-stroke-darker-on-hover:hover, .add-coding-for-kids-stroke-darker-to-child-on-hover:hover .add-coding-for-kids-stroke-darker-on-parent-hover { stroke: #db520c !important; }

.add-coding-for-kids-stroke-darkest, .add-coding-for-kids-stroke-darkest-before:before, .add-coding-for-kids-stroke-darkest-after:after, .add-coding-for-kids-stroke-darkest-on-hover:hover, .add-coding-for-kids-stroke-darkest-to-child-on-hover:hover .add-coding-for-kids-stroke-darkest-on-parent-hover { stroke: #ab4009 !important; }

.add-coding-for-kids-color, .add-coding-for-kids-color-before:before, .add-coding-for-kids-color-after:after, .add-coding-for-kids-color-on-hover:hover, .add-coding-for-kids-color-to-child-on-hover:hover .add-coding-for-kids-color-on-parent-hover { color: #F36C27 !important; }

.add-coding-for-kids-color-light, .add-coding-for-kids-color-light-before:before, .add-coding-for-kids-color-light-after:after, .add-coding-for-kids-color-light-on-hover:hover, .add-coding-for-kids-color-light-to-child-on-hover:hover .add-coding-for-kids-color-light-on-parent-hover { color: #f47c3f !important; }

.add-coding-for-kids-color-lighter, .add-coding-for-kids-color-lighter-before:before, .add-coding-for-kids-color-lighter-after:after, .add-coding-for-kids-color-lighter-on-hover:hover, .add-coding-for-kids-color-lighter-to-child-on-hover:hover .add-coding-for-kids-color-lighter-on-parent-hover { color: #f68d57 !important; }

.add-coding-for-kids-color-lightest, .add-coding-for-kids-color-lightest-before:before, .add-coding-for-kids-color-lightest-after:after, .add-coding-for-kids-color-lightest-on-hover:hover, .add-coding-for-kids-color-lightest-to-child-on-hover:hover .add-coding-for-kids-color-lightest-on-parent-hover { color: #f8ae88 !important; }

.add-coding-for-kids-color-dark, .add-coding-for-kids-color-dark-before:before, .add-coding-for-kids-color-dark-after:after, .add-coding-for-kids-color-dark-on-hover:hover, .add-coding-for-kids-color-dark-to-child-on-hover:hover .add-coding-for-kids-color-dark-on-parent-hover { color: #f25c0f !important; }

.add-coding-for-kids-color-darker, .add-coding-for-kids-color-darker-before:before, .add-coding-for-kids-color-darker-after:after, .add-coding-for-kids-color-darker-on-hover:hover, .add-coding-for-kids-color-darker-to-child-on-hover:hover .add-coding-for-kids-color-darker-on-parent-hover { color: #db520c !important; }

.add-coding-for-kids-color-darkest, .add-coding-for-kids-color-darkest-before:before, .add-coding-for-kids-color-darkest-after:after, .add-coding-for-kids-color-darkest-on-hover:hover, .add-coding-for-kids-color-darkest-to-child-on-hover:hover .add-coding-for-kids-color-darkest-on-parent-hover { color: #ab4009 !important; }

.add-coding-for-kids-border-color, .add-coding-for-kids-border-color-before:before, .add-coding-for-kids-border-color-after:after, .add-coding-for-kids-border-color-on-hover:hover, .add-coding-for-kids-border-color-to-child-on-hover:hover .add-coding-for-kids-border-color-on-parent-hover { border-color: #F36C27 !important; }

.add-coding-for-kids-border-color-light, .add-coding-for-kids-border-color-light-before:before, .add-coding-for-kids-border-color-light-after:after, .add-coding-for-kids-border-color-light-on-hover:hover, .add-coding-for-kids-border-color-light-to-child-on-hover:hover .add-coding-for-kids-border-color-light-on-parent-hover { border-color: #f47c3f !important; }

.add-coding-for-kids-border-color-lighter, .add-coding-for-kids-border-color-lighter-before:before, .add-coding-for-kids-border-color-lighter-after:after, .add-coding-for-kids-border-color-lighter-on-hover:hover, .add-coding-for-kids-border-color-lighter-to-child-on-hover:hover .add-coding-for-kids-border-color-lighter-on-parent-hover { border-color: #f68d57 !important; }

.add-coding-for-kids-border-color-lightest, .add-coding-for-kids-border-color-lightest-before:before, .add-coding-for-kids-border-color-lightest-after:after, .add-coding-for-kids-border-color-lightest-on-hover:hover, .add-coding-for-kids-border-color-lightest-to-child-on-hover:hover .add-coding-for-kids-border-color-lightest-on-parent-hover { border-color: #f8ae88 !important; }

.add-coding-for-kids-border-color-dark, .add-coding-for-kids-border-color-dark-before:before, .add-coding-for-kids-border-color-dark-after:after, .add-coding-for-kids-border-color-dark-on-hover:hover, .add-coding-for-kids-border-color-dark-to-child-on-hover:hover .add-coding-for-kids-border-color-dark-on-parent-hover { border-color: #f25c0f !important; }

.add-coding-for-kids-border-color-darker, .add-coding-for-kids-border-color-darker-before:before, .add-coding-for-kids-border-color-darker-after:after, .add-coding-for-kids-border-color-darker-on-hover:hover, .add-coding-for-kids-border-color-darker-to-child-on-hover:hover .add-coding-for-kids-border-color-darker-on-parent-hover { border-color: #db520c !important; }

.add-coding-for-kids-border-color-darkest, .add-coding-for-kids-border-color-darkest-before:before, .add-coding-for-kids-border-color-darkest-after:after, .add-coding-for-kids-border-color-darkest-on-hover:hover, .add-coding-for-kids-border-color-darkest-to-child-on-hover:hover .add-coding-for-kids-border-color-darkest-on-parent-hover { border-color: #ab4009 !important; }

.add-coding-for-kids-background-color, .add-coding-for-kids-background-color-before:before, .add-coding-for-kids-background-color-after:after, .add-coding-for-kids-background-color-on-hover:hover, .add-coding-for-kids-background-color-to-child-on-hover:hover .add-coding-for-kids-background-color-on-parent-hover { background-color: #F36C27 !important; }

.add-coding-for-kids-background-color-light, .add-coding-for-kids-background-color-light-before:before, .add-coding-for-kids-background-color-light-after:after, .add-coding-for-kids-background-color-light-on-hover:hover, .add-coding-for-kids-background-color-light-to-child-on-hover:hover .add-coding-for-kids-background-color-light-on-parent-hover { background-color: #f47c3f !important; }

.add-coding-for-kids-background-color-lighter, .add-coding-for-kids-background-color-lighter-before:before, .add-coding-for-kids-background-color-lighter-after:after, .add-coding-for-kids-background-color-lighter-on-hover:hover, .add-coding-for-kids-background-color-lighter-to-child-on-hover:hover .add-coding-for-kids-background-color-lighter-on-parent-hover { background-color: #f68d57 !important; }

.add-coding-for-kids-background-color-lightest, .add-coding-for-kids-background-color-lightest-before:before, .add-coding-for-kids-background-color-lightest-after:after, .add-coding-for-kids-background-color-lightest-on-hover:hover, .add-coding-for-kids-background-color-lightest-to-child-on-hover:hover .add-coding-for-kids-background-color-lightest-on-parent-hover { background-color: #f8ae88 !important; }

.add-coding-for-kids-background-color-dark, .add-coding-for-kids-background-color-dark-before:before, .add-coding-for-kids-background-color-dark-after:after, .add-coding-for-kids-background-color-dark-on-hover:hover, .add-coding-for-kids-background-color-dark-to-child-on-hover:hover .add-coding-for-kids-background-color-dark-on-parent-hover { background-color: #f25c0f !important; }

.add-coding-for-kids-background-color-darker, .add-coding-for-kids-background-color-darker-before:before, .add-coding-for-kids-background-color-darker-after:after, .add-coding-for-kids-background-color-darker-on-hover:hover, .add-coding-for-kids-background-color-darker-to-child-on-hover:hover .add-coding-for-kids-background-color-darker-on-parent-hover { background-color: #db520c !important; }

.add-coding-for-kids-background-color-darkest, .add-coding-for-kids-background-color-darkest-before:before, .add-coding-for-kids-background-color-darkest-after:after, .add-coding-for-kids-background-color-darkest-on-hover:hover, .add-coding-for-kids-background-color-darkest-to-child-on-hover:hover .add-coding-for-kids-background-color-darkest-on-parent-hover { background-color: #ab4009 !important; }
.container { position: relative; max-width: 1260px; margin: 0 auto; }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

@media screen and (min-width: 970px) { .container { padding: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .container { padding: 20px; } }

@media screen and (max-width: 679px) { .container { padding: 15px; } }

.container .row { margin: 0 -15px; width: auto; }
.col { float: left; width: 100%; }

@media screen and (min-width: 970px) { .col { padding: 0 15px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col { padding: 0 10px; } }

@media screen and (max-width: 679px) { .col { padding: 0 7.5px; } }

.col-container:before, .col-container:after { content: " "; display: table; }

.col-container:after { clear: both; }

@media screen and (min-width: 970px) { .col-container { margin: 0 -15px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-container { margin: 0 -10px; } }

@media screen and (max-width: 679px) { .col-container { margin: 0 -7.5px; } }

.col-center, .centered { float: none; margin: 0 auto; }

.col-5 { width: 5% !important; }

@media screen and (min-width: 970px) { .col-5-desktop { width: 5% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-5-tablet { width: 5% !important; } }

@media screen and (min-width: 680px) { .col-5-tablet-desktop, .col-5-desktop-tablet { width: 5% !important; } }

@media screen and (max-width: 969px) { .col-5-tablet-mobile, .col-5-mobile-tablet { width: 5% !important; } }

@media screen and (max-width: 679px) { .col-5-mobile { width: 5% !important; } }

.col-10 { width: 10% !important; }

@media screen and (min-width: 970px) { .col-10-desktop { width: 10% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-10-tablet { width: 10% !important; } }

@media screen and (min-width: 680px) { .col-10-tablet-desktop, .col-10-desktop-tablet { width: 10% !important; } }

@media screen and (max-width: 969px) { .col-10-tablet-mobile, .col-10-mobile-tablet { width: 10% !important; } }

@media screen and (max-width: 679px) { .col-10-mobile { width: 10% !important; } }

.col-15 { width: 15% !important; }

@media screen and (min-width: 970px) { .col-15-desktop { width: 15% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-15-tablet { width: 15% !important; } }

@media screen and (min-width: 680px) { .col-15-tablet-desktop, .col-15-desktop-tablet { width: 15% !important; } }

@media screen and (max-width: 969px) { .col-15-tablet-mobile, .col-15-mobile-tablet { width: 15% !important; } }

@media screen and (max-width: 679px) { .col-15-mobile { width: 15% !important; } }

.col-20 { width: 20% !important; }

@media screen and (min-width: 970px) { .col-20-desktop { width: 20% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-20-tablet { width: 20% !important; } }

@media screen and (min-width: 680px) { .col-20-tablet-desktop, .col-20-desktop-tablet { width: 20% !important; } }

@media screen and (max-width: 969px) { .col-20-tablet-mobile, .col-20-mobile-tablet { width: 20% !important; } }

@media screen and (max-width: 679px) { .col-20-mobile { width: 20% !important; } }

.col-25 { width: 25% !important; }

@media screen and (min-width: 970px) { .col-25-desktop { width: 25% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-25-tablet { width: 25% !important; } }

@media screen and (min-width: 680px) { .col-25-tablet-desktop, .col-25-desktop-tablet { width: 25% !important; } }

@media screen and (max-width: 969px) { .col-25-tablet-mobile, .col-25-mobile-tablet { width: 25% !important; } }

@media screen and (max-width: 679px) { .col-25-mobile { width: 25% !important; } }

.col-30 { width: 30% !important; }

@media screen and (min-width: 970px) { .col-30-desktop { width: 30% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-30-tablet { width: 30% !important; } }

@media screen and (min-width: 680px) { .col-30-tablet-desktop, .col-30-desktop-tablet { width: 30% !important; } }

@media screen and (max-width: 969px) { .col-30-tablet-mobile, .col-30-mobile-tablet { width: 30% !important; } }

@media screen and (max-width: 679px) { .col-30-mobile { width: 30% !important; } }

.col-33 { width: 33% !important; }

@media screen and (min-width: 970px) { .col-33-desktop { width: 33% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-33-tablet { width: 33% !important; } }

@media screen and (min-width: 680px) { .col-33-tablet-desktop, .col-33-desktop-tablet { width: 33% !important; } }

@media screen and (max-width: 969px) { .col-33-tablet-mobile, .col-33-mobile-tablet { width: 33% !important; } }

@media screen and (max-width: 679px) { .col-33-mobile { width: 33% !important; } }

.col-35 { width: 35% !important; }

@media screen and (min-width: 970px) { .col-35-desktop { width: 35% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-35-tablet { width: 35% !important; } }

@media screen and (min-width: 680px) { .col-35-tablet-desktop, .col-35-desktop-tablet { width: 35% !important; } }

@media screen and (max-width: 969px) { .col-35-tablet-mobile, .col-35-mobile-tablet { width: 35% !important; } }

@media screen and (max-width: 679px) { .col-35-mobile { width: 35% !important; } }

.col-40 { width: 40% !important; }

@media screen and (min-width: 970px) { .col-40-desktop { width: 40% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-40-tablet { width: 40% !important; } }

@media screen and (min-width: 680px) { .col-40-tablet-desktop, .col-40-desktop-tablet { width: 40% !important; } }

@media screen and (max-width: 969px) { .col-40-tablet-mobile, .col-40-mobile-tablet { width: 40% !important; } }

@media screen and (max-width: 679px) { .col-40-mobile { width: 40% !important; } }

.col-45 { width: 45% !important; }

@media screen and (min-width: 970px) { .col-45-desktop { width: 45% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-45-tablet { width: 45% !important; } }

@media screen and (min-width: 680px) { .col-45-tablet-desktop, .col-45-desktop-tablet { width: 45% !important; } }

@media screen and (max-width: 969px) { .col-45-tablet-mobile, .col-45-mobile-tablet { width: 45% !important; } }

@media screen and (max-width: 679px) { .col-45-mobile { width: 45% !important; } }

.col-50 { width: 50% !important; }

@media screen and (min-width: 970px) { .col-50-desktop { width: 50% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-50-tablet { width: 50% !important; } }

@media screen and (min-width: 680px) { .col-50-tablet-desktop, .col-50-desktop-tablet { width: 50% !important; } }

@media screen and (max-width: 969px) { .col-50-tablet-mobile, .col-50-mobile-tablet { width: 50% !important; } }

@media screen and (max-width: 679px) { .col-50-mobile { width: 50% !important; } }

.col-55 { width: 55% !important; }

@media screen and (min-width: 970px) { .col-55-desktop { width: 55% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-55-tablet { width: 55% !important; } }

@media screen and (min-width: 680px) { .col-55-tablet-desktop, .col-55-desktop-tablet { width: 55% !important; } }

@media screen and (max-width: 969px) { .col-55-tablet-mobile, .col-55-mobile-tablet { width: 55% !important; } }

@media screen and (max-width: 679px) { .col-55-mobile { width: 55% !important; } }

.col-60 { width: 60% !important; }

@media screen and (min-width: 970px) { .col-60-desktop { width: 60% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-60-tablet { width: 60% !important; } }

@media screen and (min-width: 680px) { .col-60-tablet-desktop, .col-60-desktop-tablet { width: 60% !important; } }

@media screen and (max-width: 969px) { .col-60-tablet-mobile, .col-60-mobile-tablet { width: 60% !important; } }

@media screen and (max-width: 679px) { .col-60-mobile { width: 60% !important; } }

.col-65 { width: 65% !important; }

@media screen and (min-width: 970px) { .col-65-desktop { width: 65% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-65-tablet { width: 65% !important; } }

@media screen and (min-width: 680px) { .col-65-tablet-desktop, .col-65-desktop-tablet { width: 65% !important; } }

@media screen and (max-width: 969px) { .col-65-tablet-mobile, .col-65-mobile-tablet { width: 65% !important; } }

@media screen and (max-width: 679px) { .col-65-mobile { width: 65% !important; } }

.col-70 { width: 70% !important; }

@media screen and (min-width: 970px) { .col-70-desktop { width: 70% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-70-tablet { width: 70% !important; } }

@media screen and (min-width: 680px) { .col-70-tablet-desktop, .col-70-desktop-tablet { width: 70% !important; } }

@media screen and (max-width: 969px) { .col-70-tablet-mobile, .col-70-mobile-tablet { width: 70% !important; } }

@media screen and (max-width: 679px) { .col-70-mobile { width: 70% !important; } }

.col-75 { width: 75% !important; }

@media screen and (min-width: 970px) { .col-75-desktop { width: 75% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-75-tablet { width: 75% !important; } }

@media screen and (min-width: 680px) { .col-75-tablet-desktop, .col-75-desktop-tablet { width: 75% !important; } }

@media screen and (max-width: 969px) { .col-75-tablet-mobile, .col-75-mobile-tablet { width: 75% !important; } }

@media screen and (max-width: 679px) { .col-75-mobile { width: 75% !important; } }

.col-80 { width: 80% !important; }

@media screen and (min-width: 970px) { .col-80-desktop { width: 80% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-80-tablet { width: 80% !important; } }

@media screen and (min-width: 680px) { .col-80-tablet-desktop, .col-80-desktop-tablet { width: 80% !important; } }

@media screen and (max-width: 969px) { .col-80-tablet-mobile, .col-80-mobile-tablet { width: 80% !important; } }

@media screen and (max-width: 679px) { .col-80-mobile { width: 80% !important; } }

.col-85 { width: 85% !important; }

@media screen and (min-width: 970px) { .col-85-desktop { width: 85% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-85-tablet { width: 85% !important; } }

@media screen and (min-width: 680px) { .col-85-tablet-desktop, .col-85-desktop-tablet { width: 85% !important; } }

@media screen and (max-width: 969px) { .col-85-tablet-mobile, .col-85-mobile-tablet { width: 85% !important; } }

@media screen and (max-width: 679px) { .col-85-mobile { width: 85% !important; } }

.col-90 { width: 90% !important; }

@media screen and (min-width: 970px) { .col-90-desktop { width: 90% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-90-tablet { width: 90% !important; } }

@media screen and (min-width: 680px) { .col-90-tablet-desktop, .col-90-desktop-tablet { width: 90% !important; } }

@media screen and (max-width: 969px) { .col-90-tablet-mobile, .col-90-mobile-tablet { width: 90% !important; } }

@media screen and (max-width: 679px) { .col-90-mobile { width: 90% !important; } }

.col-95 { width: 95% !important; }

@media screen and (min-width: 970px) { .col-95-desktop { width: 95% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-95-tablet { width: 95% !important; } }

@media screen and (min-width: 680px) { .col-95-tablet-desktop, .col-95-desktop-tablet { width: 95% !important; } }

@media screen and (max-width: 969px) { .col-95-tablet-mobile, .col-95-mobile-tablet { width: 95% !important; } }

@media screen and (max-width: 679px) { .col-95-mobile { width: 95% !important; } }

.col-100 { width: 100% !important; }

@media screen and (min-width: 970px) { .col-100-desktop { width: 100% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .col-100-tablet { width: 100% !important; } }

@media screen and (min-width: 680px) { .col-100-tablet-desktop, .col-100-desktop-tablet { width: 100% !important; } }

@media screen and (max-width: 969px) { .col-100-tablet-mobile, .col-100-mobile-tablet { width: 100% !important; } }

@media screen and (max-width: 679px) { .col-100-mobile { width: 100% !important; } }

@media screen and (min-width: 970px) { .right-desktop { float: right; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .right-tablet { float: right; } }

@media screen and (min-width: 680px) { .right-tablet-desktop, .right-desktop-tablet { float: right; } }

@media screen and (max-width: 969px) { .right-tablet-mobile, .right-mobile-tablet { float: right; } }

@media screen and (max-width: 679px) { .right-mobile { float: right; } }

@media screen and (min-width: 768px) { .right-768 { float: right; } }

.grid-container { margin: 0 -15px; }
.avatar { display: inline-block; position: relative; }

.avatar-x-small { width: 30px; height: 30px; }

.avatar-small { width: 36px; height: 36px; }

.avatar-medium { width: 48px; height: 48px; }

.avatar-large { width: 80px; height: 80px; }

.avatar-x-large { width: 120px; height: 120px; }

.avatar-container { background: #d4d9dd; border-radius: 50%; padding: 2px; width: 100%; height: 100%; border: 2px solid #edeff0; transition: border-color 300ms 0s ease; }

.avatar-white-bg .avatar-container { border-color: #fff; }

.avatar-light-green-bg .avatar-container { border-color: #f0fbf3; }

.avatar-bg-shade .avatar-container { border-color: #f9fafa; }

.avatar-deep-blue-bg .avatar-container { border-color: #3e474f; }

@media screen and (max-width: 969px) { .avatar-deep-blue-on-tablets .avatar-container { border-color: #3e474f; } }

@media screen and (max-width: 969px) { .avatar-deeper-blue-on-tablets .avatar-container { border-color: #333a41; } }

.avatar-x-small.avatar-degree-student .avatar-container { padding: 3px; }

.avatar-large .avatar-container, .avatar-x-large .avatar-container { padding: 4px; }

.avatar-large.avatar-degree-student .avatar-container { padding: 6px; }

.avatar-x-large .avatar-container { border-width: 5px; }

.avatar-x-large.avatar-degree-student .avatar-container { padding: 9px; }

.avatar-degree-student .avatar-container { background-color: #b2bdc5; border-width: 0; padding: 4px; }

.avatar-degree-graduate .avatar-container { background-color: #5fcf80; }

.avatar-moderator .avatar-container { background-color: #ff9f1f !important; }

.avatar-staff .avatar-container { background-color: #5fcf80 !important; }

.avatar-label { font-weight: 700; height: 15px; font-size: 10px; border-radius: 3px; padding: 0 3px; margin: 0 auto; line-height: 14px; z-index: 1; position: absolute; bottom: 0; left: 50%; -ms-transform: translatex(-50%); -moz-transform: translatex(-50%); -webkit-transform: translatex(-50%); transform: translatex(-50%); }

.avatar-pro .avatar-label { background: #d4d9dd; color: #596671; }

.avatar-moderator .avatar-label { background: #ff9f1f; }

.avatar-staff .avatar-label { background: #5fcf80; }

.avatar-moderator .avatar-label, .avatar-staff .avatar-label { color: #fff; }

.avatar-image { display: block; border-radius: 50%; position: relative; margin: 0 auto; width: 100%; height: 100%; transition: width 300ms 0s ease, height 300ms 0s ease; background: #edeff0; padding: 2px; }

.ie .avatar-image { border: 2px solid #edeff0; }

.avatar-white-bg .avatar-image { background: #fff; border-color: #fff; }

.avatar-light-green-bg .avatar-image { background: #f0fbf3; border-color: #f0fbf3; }

.avatar-bg-shade .avatar-image { background: #f9fafa; border-color: #f9fafa; }

.avatar-deep-blue-bg .avatar-image { background: #3e474f; border-color: #3e474f; }

@media screen and (max-width: 969px) { .avatar-deep-blue-on-tablets .avatar-image { background: #3e474f; border-color: #3e474f; } }

@media screen and (max-width: 969px) { .avatar-deeper-blue-on-tablets .avatar-image { background: #333a41; border-color: #333a41; } }

.avatar-large .avatar-image, .avatar-x-large .avatar-image { padding: 4px; border-width: 4px; }

.ie .avatar-image { padding: 0; }

.avatar-progress { position: absolute; top: 0; right: 0; bottom: 0; left: 0; stroke-width: 18px; overflow: hidden; }

.avatar-degree-graduate .avatar-progress { display: none; }

.avatar-progress .circle-progress { display: none; }

.avatar-progress .circle-progress-base, .avatar-progress .circle-progress-base-overlay { stroke: #b2bdc5; }

.avatar-points { transition: opacity 300ms 0s ease; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.avatar-link .avatar-points { opacity: 0; }

.avatar-link:hover .avatar-points { opacity: 1; }

.avatar-points.chart { position: absolute; }

.avatar-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; fill: #edeff0; z-index: 0; }

.avatar-white-bg .avatar-mask { fill: #fff; }

.avatar-light-green-bg .avatar-mask { fill: #f0fbf3; }

.avatar-bg-shade .avatar-mask { fill: #f9fafa; }

.avatar-deep-blue-bg .avatar-mask { fill: #3e474f; }

@media screen and (max-width: 969px) { .avatar-deep-blue-on-tablets .avatar-mask { fill: #3e474f; } }

@media screen and (max-width: 969px) { .avatar-deeper-blue-on-tablets .avatar-mask { fill: #333a41; } }
.box { -webkit-animation: panel-fade-up 0.4s ease; -moz-animation: panel-fade-up 0.4s ease; animation: panel-fade-up 0.4s ease; position: relative; background: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; }

.box:before, .box:after { content: " "; display: table; }

.box:after { clear: both; }

@media screen and (max-width: 679px) { .box { padding: 20px; } }

@media screen and (min-width: 680px) { .box { padding: 30px; } }

@media screen and (max-width: 679px) { .box { margin-bottom: 20px; } }

@media screen and (min-width: 680px) { .box { margin-bottom: 30px; } }

.box.secondary { background-color: #f9fafa; }

.box.box--note { background: #f9fafa url("/assets/icons/icon-info-small-10250be439106afda650a1788979c5d22a65fbfa9d4abc08ca46a7a432b56f65.svg") no-repeat 20px center/30px 30px; padding-left: 70px; }

.box.box--inverse { background: #55616c; box-shadow: none; color: white; }

.box.box--inverse h1, .box.box--inverse h2, .box.box--inverse h3, .box.box--inverse h4, .box.box--inverse p { color: white; }

.box.box-shaded { background: #f9fafa; box-shadow: none; border-radius: 4px; padding: 15px; }

.box.box-outlined { border: 2px solid #d4d9dd; }

.mixed-box { -webkit-animation: panel-fade-up 0.4s ease; -moz-animation: panel-fade-up 0.4s ease; animation: panel-fade-up 0.4s ease; }

@media screen and (max-width: 679px) { .mixed-box { margin-bottom: 20px; } }

@media screen and (min-width: 680px) { .mixed-box { margin-bottom: 30px; } }

.mixed-box .contained { margin-bottom: 0; border-radius: 0; }

.mixed-box .box-header, .mixed-box .box-content, .mixed-box .box-actions, .mixed-box .box-alert, .mixed-box .box-footer { position: relative; background: #fff; }

@media screen and (max-width: 679px) { .mixed-box .box-header, .mixed-box .box-content, .mixed-box .box-actions, .mixed-box .box-alert, .mixed-box .box-footer { padding: 20px; } }

@media screen and (min-width: 680px) { .mixed-box .box-header, .mixed-box .box-content, .mixed-box .box-actions, .mixed-box .box-alert, .mixed-box .box-footer { padding: 30px; } }

.mixed-box .box-header:before, .mixed-box .box-header:after, .mixed-box .box-content:before, .mixed-box .box-content:after, .mixed-box .box-actions:before, .mixed-box .box-actions:after, .mixed-box .box-alert:before, .mixed-box .box-alert:after, .mixed-box .box-footer:before, .mixed-box .box-footer:after { content: " "; display: table; }

.mixed-box .box-header:after, .mixed-box .box-content:after, .mixed-box .box-actions:after, .mixed-box .box-alert:after, .mixed-box .box-footer:after { clear: both; }

.mixed-box .box-header.secondary, .mixed-box .box-content.secondary, .mixed-box .box-actions.secondary, .mixed-box .box-alert.secondary, .mixed-box .box-footer.secondary { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset; }

.mixed-box .box-header.secondary:not(.alert), .mixed-box .box-content.secondary:not(.alert), .mixed-box .box-actions.secondary:not(.alert), .mixed-box .box-alert.secondary:not(.alert), .mixed-box .box-footer.secondary:not(.alert) { background-color: #f9fafa; }

.mixed-box .page-header { margin-bottom: 20px; }

.mixed-box .box-header { border-radius: 4px 4px 0 0; }

.mixed-box .box-header.secondary { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; }

@media screen and (min-width: 680px) { .mixed-box .box-actions { display: table; width: 100%; } }

.mixed-box .box-actions:not(.box-footer) { padding-top: 15px; padding-bottom: 15px; }

@media screen and (min-width: 680px) { .mixed-box .box-actions.box-footer { padding-top: 15px; padding-bottom: 15px; } }

@media screen and (min-width: 680px) { .mixed-box .box-actions .box-action-text, .mixed-box .box-actions .box-action-buttons { display: table-cell; vertical-align: middle; } }

.mixed-box .box-actions .box-action-text { line-height: 24px; width: 100%; padding-right: 10px; }

@media screen and (max-width: 969px) { .mixed-box .box-actions .box-action-text { font-size: 13px; } }

@media screen and (min-width: 970px) { .mixed-box .box-actions .box-action-text { font-size: 14px; } }

@media screen and (min-width: 680px) { .mixed-box .box-actions .box-action-text { margin: 0; height: 40px; } }

@media screen and (max-width: 679px) { .mixed-box .box-actions .box-action-text { margin: 0 0 10px; } }

.mixed-box .box-actions .box-action-text svg { vertical-align: middle; fill: #8e969d; margin: 0 5px 0 0; }

.mixed-box .box-actions.icons-only.success .box-action-text svg { fill: #35A961; }

.mixed-box .box-actions.icons-only.success .box-action-text strong { color: #35A961; }

.mixed-box .box-actions.icons-only.error .box-action-text { -webkit-animation: shake 325ms ease-in-out; -moz-animation: shake 325ms ease-in-out; animation: shake 325ms ease-in-out; }

.mixed-box .box-actions.icons-only.error .box-action-text svg { fill: #e21919; }

.mixed-box .box-actions.icons-only.error .box-action-text strong.error-text { color: #e21919; }

.mixed-box .box-actions .box-action-buttons { white-space: nowrap; }

@media screen and (max-width: 679px) { .mixed-box .box-actions .box-action-buttons .button:last-child { width: 100%; margin-top: 10px; display: block; } }

.mixed-box .box-actions.alert { margin: 0; border-radius: 0; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset; }

.mixed-box .box-actions.alert.info, .mixed-box .box-actions.alert.icons-only { background-color: #f9fafa; }

.mixed-box .box-footer { border-radius: 0 0 4px 4px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); }

.mixed-box .box-footer.secondary { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 2px 0 rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 680px) { .mixed-box .box-footer.secondary { padding-top: 15px; padding-bottom: 15px; } }

.mixed-box .box-footer.secondary .icon-info { float: left; margin: 0 12px 5px 0; position: relative; top: 3px; }

.mixed-box .box-footer.secondary p { font-size: 13px; line-height: 1.5; text-align: left; margin-bottom: 2px; }

.mixed-box .box-footer.secondary p a { color: #1a2126; font-weight: 700; }

.mixed-box .box-footer.secondary p strong { font-weight: 700; }

.contained { background: #fff; padding: 30px 15px; margin-bottom: 30px; position: relative; border-radius: 4px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }

.contained:before, .contained:after { content: " "; display: table; }

.contained:after { clear: both; }

@media screen and (max-width: 679px) { .contained { padding: 20px 5px; } }

.contained.secondary { padding: 20px; }

.contained.secondary .disclaimer { padding: 15px 20px 15px 65px; margin: 0 -20px -20px -20px; }

.contained.secondary .disclaimer .icon.icon-info { text-indent: -9999px; }

.contained.secondary .disclaimer p { margin-bottom: 0; }
@charset "UTF-8";
.card { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; position: relative; padding: 0 15px; transition: transform 50ms 0s ease; -webkit-animation: card-fade-up 0.5s ease; -moz-animation: card-fade-up 0.5s ease; animation: card-fade-up 0.5s ease; }

@media screen and (max-width: 679px) { .card { margin-bottom: 20px; } }

@media screen and (min-width: 680px) { .card { margin-bottom: 30px; } }

@-webkit-keyframes card-fade-up { 0% { opacity: 0;
    -ms-transform: translatey(20px);
    -moz-transform: translatey(20px);
    -webkit-transform: translatey(20px);
    transform: translatey(20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@-moz-keyframes card-fade-up { 0% { opacity: 0;
    -ms-transform: translatey(20px);
    -moz-transform: translatey(20px);
    -webkit-transform: translatey(20px);
    transform: translatey(20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@keyframes card-fade-up { 0% { opacity: 0;
    -ms-transform: translatey(20px);
    -moz-transform: translatey(20px);
    -webkit-transform: translatey(20px);
    transform: translatey(20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

.modal .card { z-index: 500; width: auto; }

.card-list .card:active { -ms-transform: translatey(3px); -moz-transform: translatey(3px); -webkit-transform: translatey(3px); transform: translatey(3px); }

.card:hover, .card:active { z-index: 10; }

.card .hidden { display: none; }

.card.current-card, .card.variable-height { width: 100%; }

@media screen and (min-width: 750px) and (max-width: 1259px) { .card { width: 50%; float: left; }
  .card:nth-child(even) { padding-left: 15px; }
  .card:nth-child(even) .card-tags, .card:nth-child(even) .card-actions { left: 45px; }
  .card:nth-child(even) .confirmation-tarp { left: 15px; }
  .card:nth-child(odd) { padding-right: 15px; }
  .card:nth-child(odd) .card-actions { right: 45px; }
  .card:nth-child(odd).current-card .actions { right: 30px; }
  .card:nth-child(odd) .confirmation-tarp { right: 15px; }
  .card.current-card { width: 100%; padding-right: 0; } }

@media screen and (min-width: 1260px) { .card { float: left; width: 33.3%; } }

.card-list-single .card, .card-description-show .card { width: 100%; }

.card-list { list-style: none; margin: 0 -15px; }

.card-list:before, .card-list:after { content: " "; display: table; }

.card-list:after { clear: both; }

@media screen and (min-width: 1300px) { .card-list.truncated .card:nth-child(4) { display: none; } }

.card.track.variable-height { margin-bottom: 10px; }

.card.track:not(.variable-height) { margin-bottom: 40px; }

.card.track .card-tags { right: 45px; left: auto; }

.card.track .card-actions .resume { display: inherit; }

.card.track.premium-video .card-tags { right: 95px; }

.card.track.current-card > a { padding-bottom: 90px; }

.card.track .track-due-date { float: right; }

.card.track.expired .card-progress { opacity: .5; }

.card-box { position: relative; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 5px 5px 4px 4px; display: block; min-height: 310px; padding: 88px 30px 30px; }

.card-box:before, .card-box:after { content: " "; display: table; }

.card-box:after { clear: both; }

.card-box:hover, .card-box-hover { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }

.card-box.card-link { font-weight: 400; }

.card-box:not(.has-topic-background-color) { background: #fff; }

.card-techdegree .card-box { transition: background-color 300ms 0s ease; }

.card-techdegree .card-box:before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/assets/global/education-cards/techdegree-bg-eacf663b922381ef3edabda2c4fb9ffcc4dff91c1f3943ce4b478335df7aad5c.jpg); background-size: cover; opacity: .1; }

.modal .card-box.trailer { padding-bottom: 90px; }

.modal .card-box.trailer .estimate { display: none; }

.recommended-card .card-box { padding: 0px 30px; border-radius: 4px 4px 0 0; min-height: 0; }

.card-trailer .card-box { padding-top: 265px; }

.variable-height .card-box { padding-bottom: 100px; }

a.card-box { cursor: pointer; }

.track .card-box:after, .track .card-box:before { content: ""; background: #fff; height: 5px; display: block; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07) inset, 0 2px 0 rgba(0, 0, 0, 0.07); border-radius: 0 0 4px 4px; position: absolute; top: 100%; right: 10px; left: 10px; transition: .1s ease-in-out; }

.track .card-box:before { height: 10px; left: 20px; right: 20px; }

.track .card-box.card-link:hover:after { height: 10px; }

.track .card-box.card-link:hover:before { height: 20px; }

.card-techdegree .card-type, .card-techdegree .card-description, .card-techdegree .card-description-markdown, .card-techdegree .card-title { color: #fff; }

.card-hero { position: relative; margin: -90px -30px 30px; height: 211px; border-radius: 4px 4px 0 0; text-align: center; transition: background-color 300ms 0s ease; }

.card-hero:before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/assets/global/education-cards/techdegree-bg-eacf663b922381ef3edabda2c4fb9ffcc4dff91c1f3943ce4b478335df7aad5c.jpg); background-size: cover; opacity: .1; }

.card-hero .seal { width: 134px; height: 134px; display: inline-block; fill: #fff; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -67px 0 0 -67px; }

.card-hero .seal-interior, .card-hero .seal-leaf-cap-interior { display: none; }

.card-hero .seal-cap-glow { opacity: .4; }

.card-cta { float: right; margin: 0 0 0 10px; font-size: 13px; }

.card-type { display: block; margin: 0 0 7px; line-height: 12px; font-size: 14px; color: #1a2126; }

.card-techdegree .card-type { opacity: 0.7; }

.card-experiment-b .card-type { font-size: 13px; margin: 0 0 5px; }

.card-title { font-size: 18px; line-height: 24px; letter-spacing: normal; margin: 0 0 20px; color: #101417; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.card-experiment-b .card-title { margin: 0; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.card-techdegree .card-title { opacity: 1; }

.recommended-card .card-title { margin-bottom: 0; overflow: visible; }

.card-description, .card-description-markdown { position: relative; z-index: 0; font-size: 14px; overflow: hidden; margin: 0; color: #2b363e; font-weight: 400; }

.card-techdegree .card-description, .card-techdegree .card-description-markdown { opacity: 0.8; }

.modal .card-description, .modal .card-description-markdown { color: #1a2126; }

.card-description-salary { font-weight: 700; }

.card-description a, .card-description-markdown a { display: inline; font-weight: 700; }

.topic-ai.card-description a, .topic-ai.card-description-markdown a { color: #733A88; }

.topic-ai .card-description a, .topic-ai .card-description-markdown a { color: #733A88; }

.topic-back-end.card-description a, .topic-back-end.card-description-markdown a { color: #008297; }

.topic-back-end .card-description a, .topic-back-end .card-description-markdown a { color: #008297; }

.topic-data.card-description a, .topic-data.card-description-markdown a { color: #9F4B84; }

.topic-data .card-description a, .topic-data .card-description-markdown a { color: #9F4B84; }

.topic-design.card-description a, .topic-design.card-description-markdown a { color: #4a4290; }

.topic-design .card-description a, .topic-design .card-description-markdown a { color: #4a4290; }

.topic-experimental.card-description a, .topic-experimental.card-description-markdown a { color: #733a88; }

.topic-experimental .card-description a, .topic-experimental .card-description-markdown a { color: #733a88; }

.topic-front-end.card-description a, .topic-front-end.card-description-markdown a { color: #3659a2; }

.topic-front-end .card-description a, .topic-front-end .card-description-markdown a { color: #3659a2; }

.topic-fundamentals.card-description a, .topic-fundamentals.card-description-markdown a { color: #9b3b5a; }

.topic-fundamentals .card-description a, .topic-fundamentals .card-description-markdown a { color: #9b3b5a; }

.topic-mobile.card-description a, .topic-mobile.card-description-markdown a { color: #30826C; }

.topic-mobile .card-description a, .topic-mobile .card-description-markdown a { color: #30826C; }

.topic-internal.card-description a, .topic-internal.card-description-markdown a { color: #55616c; }

.topic-internal .card-description a, .topic-internal .card-description-markdown a { color: #55616c; }

.topic-foundations.card-description a, .topic-foundations.card-description-markdown a { color: #004e61; }

.topic-foundations .card-description a, .topic-foundations .card-description-markdown a { color: #004e61; }

.topic-undefined.card-description a, .topic-undefined.card-description-markdown a { color: #55616c; }

.topic-undefined .card-description a, .topic-undefined .card-description-markdown a { color: #55616c; }

.topic-college-credit.card-description a, .topic-college-credit.card-description-markdown a { color: #3887c8; }

.topic-college-credit .card-description a, .topic-college-credit .card-description-markdown a { color: #3887c8; }

.topic-no-code.card-description a, .topic-no-code.card-description-markdown a { color: #31AF7F; }

.topic-no-code .card-description a, .topic-no-code .card-description-markdown a { color: #31AF7F; }

.topic-security.card-description a, .topic-security.card-description-markdown a { color: #409BE9; }

.topic-security .card-description a, .topic-security .card-description-markdown a { color: #409BE9; }

.topic-game-development.card-description a, .topic-game-development.card-description-markdown a { color: #856fc4; }

.topic-game-development .card-description a, .topic-game-development .card-description-markdown a { color: #856fc4; }

.topic-treehouse-resources.card-description a, .topic-treehouse-resources.card-description-markdown a { color: #5fcf80; }

.topic-treehouse-resources .card-description a, .topic-treehouse-resources .card-description-markdown a { color: #5fcf80; }

.topic-coding-for-kids.card-description a, .topic-coding-for-kids.card-description-markdown a { color: #F36C27; }

.topic-coding-for-kids .card-description a, .topic-coding-for-kids .card-description-markdown a { color: #F36C27; }

.card:not(.variable-height) .card-description, .card:not(.variable-height) .card-description-markdown { max-height: 40px; }

.webkit .card:not(.variable-height) .card-description, .webkit .card:not(.variable-height) .card-description-markdown { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

html:not(.webkit) .card:not(.variable-height):not(.card-techdegree) .card-description:after, html:not(.webkit) .card:not(.variable-height):not(.card-techdegree) .card-description-markdown:after { position: absolute; bottom: 0; right: 0; height: 16px; width: 80px; content: ""; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 40%, #fff); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 40%, #fff); }

.card-description-markdown hr { display: none; }

.card-description p:last-child, .card-description-markdown p:last-child { margin: 0; }

.card .current-step { position: absolute; left: 30px; right: 30px; bottom: 80px; margin: 0; height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2b363e; }

.card .current-step svg { position: relative; vertical-align: middle; height: 16px; width: 16px; margin-right: 5px; top: -1px; fill: #2b363e; }

.safari .card .current-step svg { top: -2px; }

.card-progress { position: absolute; top: 0; right: 0; left: 0; border-radius: 4px 4px 0 0; color: #fff; display: flex; justify-content: space-between; align-items: center; flex-direction: row; justify-items: center; height: 58px; line-height: 58px; padding: 0 30px; background-color: #55616c; transition: background-color 300ms 0s ease; }

.topic-ai.card-progress { background-color: #733A88; }

.topic-ai .card-progress { background-color: #733A88; }

.topic-back-end.card-progress { background-color: #008297; }

.topic-back-end .card-progress { background-color: #008297; }

.topic-data.card-progress { background-color: #9F4B84; }

.topic-data .card-progress { background-color: #9F4B84; }

.topic-design.card-progress { background-color: #4a4290; }

.topic-design .card-progress { background-color: #4a4290; }

.topic-experimental.card-progress { background-color: #733a88; }

.topic-experimental .card-progress { background-color: #733a88; }

.topic-front-end.card-progress { background-color: #3659a2; }

.topic-front-end .card-progress { background-color: #3659a2; }

.topic-fundamentals.card-progress { background-color: #9b3b5a; }

.topic-fundamentals .card-progress { background-color: #9b3b5a; }

.topic-mobile.card-progress { background-color: #30826C; }

.topic-mobile .card-progress { background-color: #30826C; }

.topic-internal.card-progress { background-color: #55616c; }

.topic-internal .card-progress { background-color: #55616c; }

.topic-foundations.card-progress { background-color: #004e61; }

.topic-foundations .card-progress { background-color: #004e61; }

.topic-undefined.card-progress { background-color: #55616c; }

.topic-undefined .card-progress { background-color: #55616c; }

.topic-college-credit.card-progress { background-color: #3887c8; }

.topic-college-credit .card-progress { background-color: #3887c8; }

.topic-no-code.card-progress { background-color: #31AF7F; }

.topic-no-code .card-progress { background-color: #31AF7F; }

.topic-security.card-progress { background-color: #409BE9; }

.topic-security .card-progress { background-color: #409BE9; }

.topic-game-development.card-progress { background-color: #856fc4; }

.topic-game-development .card-progress { background-color: #856fc4; }

.topic-treehouse-resources.card-progress { background-color: #5fcf80; }

.topic-treehouse-resources .card-progress { background-color: #5fcf80; }

.topic-coding-for-kids.card-progress { background-color: #F36C27; }

.topic-coding-for-kids .card-progress { background-color: #F36C27; }

.card-techdegree .card-progress { background: none; border-bottom: 2px solid rgba(255, 255, 255, 0.1); }

.card-progress .modal-close { line-height: 0px; padding: 5px; background: rgba(0, 0, 0, 0.15); border-radius: 3px; z-index: 1; border: 0; cursor: pointer; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }

.card-progress .modal-close:hover { background: rgba(0, 0, 0, 0.25); }

.card-progress .modal-close svg { fill: #fff; width: 12px; height: 12px; top: 0; margin: 0; }

.card-stages { display: inline-block; margin: 0; overflow: hidden; width: 100%; height: 10px; -webkit-mask-image: linear-gradient(to left, transparent 0%, black 30%); mask-image: linear-gradient(to left, transparent 0%, black 30%); }

.upcoming .card-stages, .completed .card-stages, .conference .card-stages { display: none; }

.card-stages li { background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 100px; text-indent: -100px; overflow: hidden; display: block; float: left; height: 10px; margin: 0 7px 0 0 !important; width: 10px; }

.card-stages li.current { border-color: #fff; }

.card-stages li.complete { background-color: #fff; border-color: #fff; }

.card-icon { fill: #fff; height: 18px; width: 18px; margin-right: 15px; }

.card-estimate { color: #fff; font-size: 14px; font-weight: 700; margin-left: auto; text-align: right; white-space: nowrap; }

.card-trailer .card-estimate { display: none; }

.upcoming .card-estimate { display: none; }

.card-recommendation-thumb { position: relative; display: block; padding: 0; margin: 0 -30px 0; min-height: 250px; text-align: center; overflow: hidden; z-index: 1; box-shadow: none; border-radius: 4px 4px 0 0; }

.card-recommendation-thumb img { width: 100%; opacity: .1; }

.card-recommendation-meta { position: absolute; left: 0; right: 0; top: 50%; z-index: 1; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.card-recommendation-meta h3 { font-size: 18px; margin: 0 0 30px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.card-recommendation-meta strong { font-size: 14px; margin-bottom: 5px; color: #fff; opacity: .5; }

.card-recommendation-meta .loading-circle { fill: rgba(255, 255, 255, 0.5); }

.card-recommendation-meta .loading-quarter-circle { fill: #fff; }

.card-recommendation { margin: 0; text-align: left; font-weight: 400; font-size: 12px; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 4px 4px; padding: 20px 15px 20px 35px; color: #2b363e; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }

.card-recommendation:hover { overflow: auto; white-space: normal; text-overflow: clip; }

.card-recommendation strong { display: inline; color: static; }

.card-recommendation .right-arrow-icon { position: relative; margin: 3px 0 0 -20px; float: left; }

.card-course-trailer { margin: -30px -30px 30px; background: #384047; }

.card-course-trailer .mejs-container, .card-course-trailer .mejs-container .mejs-mediaelement video { border-radius: 0 !important; }

.card-meta { display: block; }

.card-tags { position: absolute; bottom: 30px; left: 45px; right: 125px; height: 36px; margin: 0; overflow: hidden; z-index: 2; white-space: nowrap; transition: opacity 0.15s ease 0.15s; }

.card-tags:hover { overflow: visible; }

.completed .card-tags { display: none; }

.fade-out-quick .card-tags { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }

.card-tags li { margin: 0 10px 0 0; }

.card-tags li.new-content > a, .card-tags li.new-content > span, .card-tags li.pro-content > a, .card-tags li.pro-content > span, .card-tags li.techdegree-content > a, .card-tags li.techdegree-content > span { color: #fff; }

.topic-ai.card-tags li.new-content > a, .topic-ai.card-tags li.new-content > span, .topic-ai.card-tags li.pro-content > a, .topic-ai.card-tags li.pro-content > span, .topic-ai.card-tags li.techdegree-content > a, .topic-ai.card-tags li.techdegree-content > span { background-color: #733A88; border-color: #733A88; }

.topic-ai .card-tags li.new-content > a, .topic-ai .card-tags li.new-content > span, .topic-ai .card-tags li.pro-content > a, .topic-ai .card-tags li.pro-content > span, .topic-ai .card-tags li.techdegree-content > a, .topic-ai .card-tags li.techdegree-content > span { background-color: #733A88; border-color: #733A88; }

.topic-back-end.card-tags li.new-content > a, .topic-back-end.card-tags li.new-content > span, .topic-back-end.card-tags li.pro-content > a, .topic-back-end.card-tags li.pro-content > span, .topic-back-end.card-tags li.techdegree-content > a, .topic-back-end.card-tags li.techdegree-content > span { background-color: #008297; border-color: #008297; }

.topic-back-end .card-tags li.new-content > a, .topic-back-end .card-tags li.new-content > span, .topic-back-end .card-tags li.pro-content > a, .topic-back-end .card-tags li.pro-content > span, .topic-back-end .card-tags li.techdegree-content > a, .topic-back-end .card-tags li.techdegree-content > span { background-color: #008297; border-color: #008297; }

.topic-data.card-tags li.new-content > a, .topic-data.card-tags li.new-content > span, .topic-data.card-tags li.pro-content > a, .topic-data.card-tags li.pro-content > span, .topic-data.card-tags li.techdegree-content > a, .topic-data.card-tags li.techdegree-content > span { background-color: #9F4B84; border-color: #9F4B84; }

.topic-data .card-tags li.new-content > a, .topic-data .card-tags li.new-content > span, .topic-data .card-tags li.pro-content > a, .topic-data .card-tags li.pro-content > span, .topic-data .card-tags li.techdegree-content > a, .topic-data .card-tags li.techdegree-content > span { background-color: #9F4B84; border-color: #9F4B84; }

.topic-design.card-tags li.new-content > a, .topic-design.card-tags li.new-content > span, .topic-design.card-tags li.pro-content > a, .topic-design.card-tags li.pro-content > span, .topic-design.card-tags li.techdegree-content > a, .topic-design.card-tags li.techdegree-content > span { background-color: #4a4290; border-color: #4a4290; }

.topic-design .card-tags li.new-content > a, .topic-design .card-tags li.new-content > span, .topic-design .card-tags li.pro-content > a, .topic-design .card-tags li.pro-content > span, .topic-design .card-tags li.techdegree-content > a, .topic-design .card-tags li.techdegree-content > span { background-color: #4a4290; border-color: #4a4290; }

.topic-experimental.card-tags li.new-content > a, .topic-experimental.card-tags li.new-content > span, .topic-experimental.card-tags li.pro-content > a, .topic-experimental.card-tags li.pro-content > span, .topic-experimental.card-tags li.techdegree-content > a, .topic-experimental.card-tags li.techdegree-content > span { background-color: #733a88; border-color: #733a88; }

.topic-experimental .card-tags li.new-content > a, .topic-experimental .card-tags li.new-content > span, .topic-experimental .card-tags li.pro-content > a, .topic-experimental .card-tags li.pro-content > span, .topic-experimental .card-tags li.techdegree-content > a, .topic-experimental .card-tags li.techdegree-content > span { background-color: #733a88; border-color: #733a88; }

.topic-front-end.card-tags li.new-content > a, .topic-front-end.card-tags li.new-content > span, .topic-front-end.card-tags li.pro-content > a, .topic-front-end.card-tags li.pro-content > span, .topic-front-end.card-tags li.techdegree-content > a, .topic-front-end.card-tags li.techdegree-content > span { background-color: #3659a2; border-color: #3659a2; }

.topic-front-end .card-tags li.new-content > a, .topic-front-end .card-tags li.new-content > span, .topic-front-end .card-tags li.pro-content > a, .topic-front-end .card-tags li.pro-content > span, .topic-front-end .card-tags li.techdegree-content > a, .topic-front-end .card-tags li.techdegree-content > span { background-color: #3659a2; border-color: #3659a2; }

.topic-fundamentals.card-tags li.new-content > a, .topic-fundamentals.card-tags li.new-content > span, .topic-fundamentals.card-tags li.pro-content > a, .topic-fundamentals.card-tags li.pro-content > span, .topic-fundamentals.card-tags li.techdegree-content > a, .topic-fundamentals.card-tags li.techdegree-content > span { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-fundamentals .card-tags li.new-content > a, .topic-fundamentals .card-tags li.new-content > span, .topic-fundamentals .card-tags li.pro-content > a, .topic-fundamentals .card-tags li.pro-content > span, .topic-fundamentals .card-tags li.techdegree-content > a, .topic-fundamentals .card-tags li.techdegree-content > span { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-mobile.card-tags li.new-content > a, .topic-mobile.card-tags li.new-content > span, .topic-mobile.card-tags li.pro-content > a, .topic-mobile.card-tags li.pro-content > span, .topic-mobile.card-tags li.techdegree-content > a, .topic-mobile.card-tags li.techdegree-content > span { background-color: #30826C; border-color: #30826C; }

.topic-mobile .card-tags li.new-content > a, .topic-mobile .card-tags li.new-content > span, .topic-mobile .card-tags li.pro-content > a, .topic-mobile .card-tags li.pro-content > span, .topic-mobile .card-tags li.techdegree-content > a, .topic-mobile .card-tags li.techdegree-content > span { background-color: #30826C; border-color: #30826C; }

.topic-internal.card-tags li.new-content > a, .topic-internal.card-tags li.new-content > span, .topic-internal.card-tags li.pro-content > a, .topic-internal.card-tags li.pro-content > span, .topic-internal.card-tags li.techdegree-content > a, .topic-internal.card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-internal .card-tags li.new-content > a, .topic-internal .card-tags li.new-content > span, .topic-internal .card-tags li.pro-content > a, .topic-internal .card-tags li.pro-content > span, .topic-internal .card-tags li.techdegree-content > a, .topic-internal .card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-foundations.card-tags li.new-content > a, .topic-foundations.card-tags li.new-content > span, .topic-foundations.card-tags li.pro-content > a, .topic-foundations.card-tags li.pro-content > span, .topic-foundations.card-tags li.techdegree-content > a, .topic-foundations.card-tags li.techdegree-content > span { background-color: #004e61; border-color: #004e61; }

.topic-foundations .card-tags li.new-content > a, .topic-foundations .card-tags li.new-content > span, .topic-foundations .card-tags li.pro-content > a, .topic-foundations .card-tags li.pro-content > span, .topic-foundations .card-tags li.techdegree-content > a, .topic-foundations .card-tags li.techdegree-content > span { background-color: #004e61; border-color: #004e61; }

.topic-undefined.card-tags li.new-content > a, .topic-undefined.card-tags li.new-content > span, .topic-undefined.card-tags li.pro-content > a, .topic-undefined.card-tags li.pro-content > span, .topic-undefined.card-tags li.techdegree-content > a, .topic-undefined.card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-undefined .card-tags li.new-content > a, .topic-undefined .card-tags li.new-content > span, .topic-undefined .card-tags li.pro-content > a, .topic-undefined .card-tags li.pro-content > span, .topic-undefined .card-tags li.techdegree-content > a, .topic-undefined .card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-college-credit.card-tags li.new-content > a, .topic-college-credit.card-tags li.new-content > span, .topic-college-credit.card-tags li.pro-content > a, .topic-college-credit.card-tags li.pro-content > span, .topic-college-credit.card-tags li.techdegree-content > a, .topic-college-credit.card-tags li.techdegree-content > span { background-color: #3887c8; border-color: #3887c8; }

.topic-college-credit .card-tags li.new-content > a, .topic-college-credit .card-tags li.new-content > span, .topic-college-credit .card-tags li.pro-content > a, .topic-college-credit .card-tags li.pro-content > span, .topic-college-credit .card-tags li.techdegree-content > a, .topic-college-credit .card-tags li.techdegree-content > span { background-color: #3887c8; border-color: #3887c8; }

.topic-no-code.card-tags li.new-content > a, .topic-no-code.card-tags li.new-content > span, .topic-no-code.card-tags li.pro-content > a, .topic-no-code.card-tags li.pro-content > span, .topic-no-code.card-tags li.techdegree-content > a, .topic-no-code.card-tags li.techdegree-content > span { background-color: #31AF7F; border-color: #31AF7F; }

.topic-no-code .card-tags li.new-content > a, .topic-no-code .card-tags li.new-content > span, .topic-no-code .card-tags li.pro-content > a, .topic-no-code .card-tags li.pro-content > span, .topic-no-code .card-tags li.techdegree-content > a, .topic-no-code .card-tags li.techdegree-content > span { background-color: #31AF7F; border-color: #31AF7F; }

.topic-security.card-tags li.new-content > a, .topic-security.card-tags li.new-content > span, .topic-security.card-tags li.pro-content > a, .topic-security.card-tags li.pro-content > span, .topic-security.card-tags li.techdegree-content > a, .topic-security.card-tags li.techdegree-content > span { background-color: #409BE9; border-color: #409BE9; }

.topic-security .card-tags li.new-content > a, .topic-security .card-tags li.new-content > span, .topic-security .card-tags li.pro-content > a, .topic-security .card-tags li.pro-content > span, .topic-security .card-tags li.techdegree-content > a, .topic-security .card-tags li.techdegree-content > span { background-color: #409BE9; border-color: #409BE9; }

.topic-game-development.card-tags li.new-content > a, .topic-game-development.card-tags li.new-content > span, .topic-game-development.card-tags li.pro-content > a, .topic-game-development.card-tags li.pro-content > span, .topic-game-development.card-tags li.techdegree-content > a, .topic-game-development.card-tags li.techdegree-content > span { background-color: #856fc4; border-color: #856fc4; }

.topic-game-development .card-tags li.new-content > a, .topic-game-development .card-tags li.new-content > span, .topic-game-development .card-tags li.pro-content > a, .topic-game-development .card-tags li.pro-content > span, .topic-game-development .card-tags li.techdegree-content > a, .topic-game-development .card-tags li.techdegree-content > span { background-color: #856fc4; border-color: #856fc4; }

.topic-treehouse-resources.card-tags li.new-content > a, .topic-treehouse-resources.card-tags li.new-content > span, .topic-treehouse-resources.card-tags li.pro-content > a, .topic-treehouse-resources.card-tags li.pro-content > span, .topic-treehouse-resources.card-tags li.techdegree-content > a, .topic-treehouse-resources.card-tags li.techdegree-content > span { background-color: #5fcf80; border-color: #5fcf80; }

.topic-treehouse-resources .card-tags li.new-content > a, .topic-treehouse-resources .card-tags li.new-content > span, .topic-treehouse-resources .card-tags li.pro-content > a, .topic-treehouse-resources .card-tags li.pro-content > span, .topic-treehouse-resources .card-tags li.techdegree-content > a, .topic-treehouse-resources .card-tags li.techdegree-content > span { background-color: #5fcf80; border-color: #5fcf80; }

.topic-coding-for-kids.card-tags li.new-content > a, .topic-coding-for-kids.card-tags li.new-content > span, .topic-coding-for-kids.card-tags li.pro-content > a, .topic-coding-for-kids.card-tags li.pro-content > span, .topic-coding-for-kids.card-tags li.techdegree-content > a, .topic-coding-for-kids.card-tags li.techdegree-content > span { background-color: #F36C27; border-color: #F36C27; }

.topic-coding-for-kids .card-tags li.new-content > a, .topic-coding-for-kids .card-tags li.new-content > span, .topic-coding-for-kids .card-tags li.pro-content > a, .topic-coding-for-kids .card-tags li.pro-content > span, .topic-coding-for-kids .card-tags li.techdegree-content > a, .topic-coding-for-kids .card-tags li.techdegree-content > span { background-color: #F36C27; border-color: #F36C27; }

.topic-ai.card-tags li.new-content > a:hover, .topic-ai.card-tags li.pro-content > a:hover, .topic-ai.card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-ai .card-tags li.new-content > a:hover, .topic-ai .card-tags li.pro-content > a:hover, .topic-ai .card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-back-end.card-tags li.new-content > a:hover, .topic-back-end.card-tags li.pro-content > a:hover, .topic-back-end.card-tags li.techdegree-content > a:hover { background-color: #006c7e; border-color: #006c7e; }

.topic-back-end .card-tags li.new-content > a:hover, .topic-back-end .card-tags li.pro-content > a:hover, .topic-back-end .card-tags li.techdegree-content > a:hover { background-color: #006c7e; border-color: #006c7e; }

.topic-data.card-tags li.new-content > a:hover, .topic-data.card-tags li.pro-content > a:hover, .topic-data.card-tags li.techdegree-content > a:hover { background-color: #8e4376; border-color: #8e4376; }

.topic-data .card-tags li.new-content > a:hover, .topic-data .card-tags li.pro-content > a:hover, .topic-data .card-tags li.techdegree-content > a:hover { background-color: #8e4376; border-color: #8e4376; }

.topic-design.card-tags li.new-content > a:hover, .topic-design.card-tags li.pro-content > a:hover, .topic-design.card-tags li.techdegree-content > a:hover { background-color: #413a7f; border-color: #413a7f; }

.topic-design .card-tags li.new-content > a:hover, .topic-design .card-tags li.pro-content > a:hover, .topic-design .card-tags li.techdegree-content > a:hover { background-color: #413a7f; border-color: #413a7f; }

.topic-experimental.card-tags li.new-content > a:hover, .topic-experimental.card-tags li.pro-content > a:hover, .topic-experimental.card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-experimental .card-tags li.new-content > a:hover, .topic-experimental .card-tags li.pro-content > a:hover, .topic-experimental .card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-front-end.card-tags li.new-content > a:hover, .topic-front-end.card-tags li.pro-content > a:hover, .topic-front-end.card-tags li.techdegree-content > a:hover { background-color: #304e8f; border-color: #304e8f; }

.topic-front-end .card-tags li.new-content > a:hover, .topic-front-end .card-tags li.pro-content > a:hover, .topic-front-end .card-tags li.techdegree-content > a:hover { background-color: #304e8f; border-color: #304e8f; }

.topic-fundamentals.card-tags li.new-content > a:hover, .topic-fundamentals.card-tags li.pro-content > a:hover, .topic-fundamentals.card-tags li.techdegree-content > a:hover { background-color: #89344f; border-color: #89344f; }

.topic-fundamentals .card-tags li.new-content > a:hover, .topic-fundamentals .card-tags li.pro-content > a:hover, .topic-fundamentals .card-tags li.techdegree-content > a:hover { background-color: #89344f; border-color: #89344f; }

.topic-mobile.card-tags li.new-content > a:hover, .topic-mobile.card-tags li.pro-content > a:hover, .topic-mobile.card-tags li.techdegree-content > a:hover { background-color: #296f5d; border-color: #296f5d; }

.topic-mobile .card-tags li.new-content > a:hover, .topic-mobile .card-tags li.pro-content > a:hover, .topic-mobile .card-tags li.techdegree-content > a:hover { background-color: #296f5d; border-color: #296f5d; }

.topic-internal.card-tags li.new-content > a:hover, .topic-internal.card-tags li.pro-content > a:hover, .topic-internal.card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-internal .card-tags li.new-content > a:hover, .topic-internal .card-tags li.pro-content > a:hover, .topic-internal .card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-foundations.card-tags li.new-content > a:hover, .topic-foundations.card-tags li.pro-content > a:hover, .topic-foundations.card-tags li.techdegree-content > a:hover { background-color: #003948; border-color: #003948; }

.topic-foundations .card-tags li.new-content > a:hover, .topic-foundations .card-tags li.pro-content > a:hover, .topic-foundations .card-tags li.techdegree-content > a:hover { background-color: #003948; border-color: #003948; }

.topic-undefined.card-tags li.new-content > a:hover, .topic-undefined.card-tags li.pro-content > a:hover, .topic-undefined.card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-undefined .card-tags li.new-content > a:hover, .topic-undefined .card-tags li.pro-content > a:hover, .topic-undefined .card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-college-credit.card-tags li.new-content > a:hover, .topic-college-credit.card-tags li.pro-content > a:hover, .topic-college-credit.card-tags li.techdegree-content > a:hover { background-color: #327ab5; border-color: #327ab5; }

.topic-college-credit .card-tags li.new-content > a:hover, .topic-college-credit .card-tags li.pro-content > a:hover, .topic-college-credit .card-tags li.techdegree-content > a:hover { background-color: #327ab5; border-color: #327ab5; }

.topic-no-code.card-tags li.new-content > a:hover, .topic-no-code.card-tags li.pro-content > a:hover, .topic-no-code.card-tags li.techdegree-content > a:hover { background-color: #2b9b71; border-color: #2b9b71; }

.topic-no-code .card-tags li.new-content > a:hover, .topic-no-code .card-tags li.pro-content > a:hover, .topic-no-code .card-tags li.techdegree-content > a:hover { background-color: #2b9b71; border-color: #2b9b71; }

.topic-security.card-tags li.new-content > a:hover, .topic-security.card-tags li.pro-content > a:hover, .topic-security.card-tags li.techdegree-content > a:hover { background-color: #298fe6; border-color: #298fe6; }

.topic-security .card-tags li.new-content > a:hover, .topic-security .card-tags li.pro-content > a:hover, .topic-security .card-tags li.techdegree-content > a:hover { background-color: #298fe6; border-color: #298fe6; }

.topic-game-development.card-tags li.new-content > a:hover, .topic-game-development.card-tags li.pro-content > a:hover, .topic-game-development.card-tags li.techdegree-content > a:hover { background-color: #765dbd; border-color: #765dbd; }

.topic-game-development .card-tags li.new-content > a:hover, .topic-game-development .card-tags li.pro-content > a:hover, .topic-game-development .card-tags li.techdegree-content > a:hover { background-color: #765dbd; border-color: #765dbd; }

.topic-treehouse-resources.card-tags li.new-content > a:hover, .topic-treehouse-resources.card-tags li.pro-content > a:hover, .topic-treehouse-resources.card-tags li.techdegree-content > a:hover { background-color: #4bc970; border-color: #4bc970; }

.topic-treehouse-resources .card-tags li.new-content > a:hover, .topic-treehouse-resources .card-tags li.pro-content > a:hover, .topic-treehouse-resources .card-tags li.techdegree-content > a:hover { background-color: #4bc970; border-color: #4bc970; }

.topic-coding-for-kids.card-tags li.new-content > a:hover, .topic-coding-for-kids.card-tags li.pro-content > a:hover, .topic-coding-for-kids.card-tags li.techdegree-content > a:hover { background-color: #f25c0f; border-color: #f25c0f; }

.topic-coding-for-kids .card-tags li.new-content > a:hover, .topic-coding-for-kids .card-tags li.pro-content > a:hover, .topic-coding-for-kids .card-tags li.techdegree-content > a:hover { background-color: #f25c0f; border-color: #f25c0f; }

.card-tags li.qa-content > a, .card-tags li.qa-content > span { border-color: #ed5a5a; color: #ed5a5a; padding-left: 15px; padding-right: 15px; }

.card-tags li.upcoming-content > a, .card-tags li.upcoming-content > span { border-style: dashed; border-color: #e6e8eb; padding-left: 15px; padding-right: 15px; }

.card-tags li:last-child { margin-right: 0; }

.card-tags li.truncated-tags { display: none; }

.card-tags li.truncated-tags > span { padding: 0; font-size: 11px; text-indent: 1px; width: 36px; text-align: center; }

.card-tags li.truncated-tags > span:after { content: "•••"; letter-spacing: 1px; }

.card-tags li.topics ul .topic.topic-ai:before { color: #733A88; }

.card-tags li.topics ul .topic.topic-back-end:before { color: #008297; }

.card-tags li.topics ul .topic.topic-data:before { color: #9F4B84; }

.card-tags li.topics ul .topic.topic-design:before { color: #4a4290; }

.card-tags li.topics ul .topic.topic-experimental:before { color: #733a88; }

.card-tags li.topics ul .topic.topic-front-end:before { color: #3659a2; }

.card-tags li.topics ul .topic.topic-fundamentals:before { color: #9b3b5a; }

.card-tags li.topics ul .topic.topic-mobile:before { color: #30826C; }

.card-tags li.topics ul .topic.topic-internal:before { color: #55616c; }

.card-tags li.topics ul .topic.topic-foundations:before { color: #004e61; }

.card-tags li.topics ul .topic.topic-undefined:before { color: #55616c; }

.card-tags li.topics ul .topic.topic-college-credit:before { color: #3887c8; }

.card-tags li.topics ul .topic.topic-no-code:before { color: #31AF7F; }

.card-tags li.topics ul .topic.topic-security:before { color: #409BE9; }

.card-tags li.topics ul .topic.topic-game-development:before { color: #856fc4; }

.card-tags li.topics ul .topic.topic-treehouse-resources:before { color: #5fcf80; }

.card-tags li.topics ul .topic.topic-coding-for-kids:before { color: #F36C27; }

.card-tags li.topics ul .topic:before { content: "•"; margin-right: 4px; font-size: 20px; vertical-align: middle; position: relative; top: -1px; }

.card-tags li.truncated-tags, .card-tags li.topics { position: relative; }

.card-tags li.truncated-tags:hover ul, .card-tags li.topics:hover ul { bottom: 43px; opacity: 1; transition: bottom 0.3s ease, opacity 0.3s ease; }

.card-tags li.truncated-tags ul, .card-tags li.topics ul { opacity: 0; position: absolute; bottom: 35px; left: -10px; padding: 15px 20px; background: #282e33; border-radius: 4px; }

.card-tags li.truncated-tags ul:after, .card-tags li.topics ul:after { position: absolute; bottom: -5px; left: 22px; content: ""; background: #282e33; width: 10px; height: 10px; border-radius: 0 0 3px 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.card-tags li.truncated-tags ul li, .card-tags li.topics ul li { display: block; }

.card-tags li.truncated-tags ul li a, .card-tags li.truncated-tags ul li span, .card-tags li.topics ul li a, .card-tags li.topics ul li span { padding: 0; line-height: 24px; font-size: 13px; border: none; color: #fff; font-weight: 700; }

.card-tags.truncated .truncated-tags { display: inline-block; }

.card-status { bottom: 40px; position: absolute; display: none; }

.completed .card-status { display: block; }

.card-status-icon { margin-right: 5px; position: relative; top: 1px; fill: #55616c; }

.topic-ai.card-status-icon { fill: #733A88; }

.topic-ai .card-status-icon { fill: #733A88; }

.topic-back-end.card-status-icon { fill: #008297; }

.topic-back-end .card-status-icon { fill: #008297; }

.topic-data.card-status-icon { fill: #9F4B84; }

.topic-data .card-status-icon { fill: #9F4B84; }

.topic-design.card-status-icon { fill: #4a4290; }

.topic-design .card-status-icon { fill: #4a4290; }

.topic-experimental.card-status-icon { fill: #733a88; }

.topic-experimental .card-status-icon { fill: #733a88; }

.topic-front-end.card-status-icon { fill: #3659a2; }

.topic-front-end .card-status-icon { fill: #3659a2; }

.topic-fundamentals.card-status-icon { fill: #9b3b5a; }

.topic-fundamentals .card-status-icon { fill: #9b3b5a; }

.topic-mobile.card-status-icon { fill: #30826C; }

.topic-mobile .card-status-icon { fill: #30826C; }

.topic-internal.card-status-icon { fill: #55616c; }

.topic-internal .card-status-icon { fill: #55616c; }

.topic-foundations.card-status-icon { fill: #004e61; }

.topic-foundations .card-status-icon { fill: #004e61; }

.topic-undefined.card-status-icon { fill: #55616c; }

.topic-undefined .card-status-icon { fill: #55616c; }

.topic-college-credit.card-status-icon { fill: #3887c8; }

.topic-college-credit .card-status-icon { fill: #3887c8; }

.topic-no-code.card-status-icon { fill: #31AF7F; }

.topic-no-code .card-status-icon { fill: #31AF7F; }

.topic-security.card-status-icon { fill: #409BE9; }

.topic-security .card-status-icon { fill: #409BE9; }

.topic-game-development.card-status-icon { fill: #856fc4; }

.topic-game-development .card-status-icon { fill: #856fc4; }

.topic-treehouse-resources.card-status-icon { fill: #5fcf80; }

.topic-treehouse-resources .card-status-icon { fill: #5fcf80; }

.topic-coding-for-kids.card-status-icon { fill: #F36C27; }

.topic-coding-for-kids .card-status-icon { fill: #F36C27; }

.card-status-title { color: #1a2126; font-weight: 700; }

.card.completed .card-status { display: block; }

.card-actions { pointer-events: none; list-style: none; display: block; position: absolute; left: 45px; right: 45px; bottom: 30px; z-index: 1; }

.card-techdegree .card-actions { left: 30px; right: 30px !important; }

.completed .card-actions, .card:not(.track):not(.card-techdegree):not(.personalized) .card-actions { display: none; }

.completed.instruction .card-actions { display: block; }

.card-actions .bookmarkable { padding: 0 !important; }

.card-actions .bookmarkable .bookmark, .card-actions .bookmarkable .unbookmark { pointer-events: auto; }

.card-button { height: 36px !important; padding: 0 18px !important; line-height: 32px !important; font-size: 14px !important; }

.card-action { position: relative; float: left; pointer-events: auto; }

.card-action.resume, .card-action.secondary-action { float: left; }

.card-action.resume .button, .card-action.secondary-action .button { height: 36px; padding: 0 22px; line-height: 32px; }

.card-action.resume .button.button-primary, .card-action.resume .button.primary, .card-action.secondary-action .button.button-primary, .card-action.secondary-action .button.primary { border-width: 0 0 2px; line-height: 34px; }

.topic-ai.card-action.resume .button.button-primary, .topic-ai.card-action.resume .button.primary, .topic-ai.card-action.secondary-action .button.button-primary, .topic-ai.card-action.secondary-action .button.primary { background-color: #733A88; }

.topic-ai .card-action.resume .button.button-primary, .topic-ai .card-action.resume .button.primary, .topic-ai .card-action.secondary-action .button.button-primary, .topic-ai .card-action.secondary-action .button.primary { background-color: #733A88; }

.topic-back-end.card-action.resume .button.button-primary, .topic-back-end.card-action.resume .button.primary, .topic-back-end.card-action.secondary-action .button.button-primary, .topic-back-end.card-action.secondary-action .button.primary { background-color: #008297; }

.topic-back-end .card-action.resume .button.button-primary, .topic-back-end .card-action.resume .button.primary, .topic-back-end .card-action.secondary-action .button.button-primary, .topic-back-end .card-action.secondary-action .button.primary { background-color: #008297; }

.topic-data.card-action.resume .button.button-primary, .topic-data.card-action.resume .button.primary, .topic-data.card-action.secondary-action .button.button-primary, .topic-data.card-action.secondary-action .button.primary { background-color: #9F4B84; }

.topic-data .card-action.resume .button.button-primary, .topic-data .card-action.resume .button.primary, .topic-data .card-action.secondary-action .button.button-primary, .topic-data .card-action.secondary-action .button.primary { background-color: #9F4B84; }

.topic-design.card-action.resume .button.button-primary, .topic-design.card-action.resume .button.primary, .topic-design.card-action.secondary-action .button.button-primary, .topic-design.card-action.secondary-action .button.primary { background-color: #4a4290; }

.topic-design .card-action.resume .button.button-primary, .topic-design .card-action.resume .button.primary, .topic-design .card-action.secondary-action .button.button-primary, .topic-design .card-action.secondary-action .button.primary { background-color: #4a4290; }

.topic-experimental.card-action.resume .button.button-primary, .topic-experimental.card-action.resume .button.primary, .topic-experimental.card-action.secondary-action .button.button-primary, .topic-experimental.card-action.secondary-action .button.primary { background-color: #733a88; }

.topic-experimental .card-action.resume .button.button-primary, .topic-experimental .card-action.resume .button.primary, .topic-experimental .card-action.secondary-action .button.button-primary, .topic-experimental .card-action.secondary-action .button.primary { background-color: #733a88; }

.topic-front-end.card-action.resume .button.button-primary, .topic-front-end.card-action.resume .button.primary, .topic-front-end.card-action.secondary-action .button.button-primary, .topic-front-end.card-action.secondary-action .button.primary { background-color: #3659a2; }

.topic-front-end .card-action.resume .button.button-primary, .topic-front-end .card-action.resume .button.primary, .topic-front-end .card-action.secondary-action .button.button-primary, .topic-front-end .card-action.secondary-action .button.primary { background-color: #3659a2; }

.topic-fundamentals.card-action.resume .button.button-primary, .topic-fundamentals.card-action.resume .button.primary, .topic-fundamentals.card-action.secondary-action .button.button-primary, .topic-fundamentals.card-action.secondary-action .button.primary { background-color: #9b3b5a; }

.topic-fundamentals .card-action.resume .button.button-primary, .topic-fundamentals .card-action.resume .button.primary, .topic-fundamentals .card-action.secondary-action .button.button-primary, .topic-fundamentals .card-action.secondary-action .button.primary { background-color: #9b3b5a; }

.topic-mobile.card-action.resume .button.button-primary, .topic-mobile.card-action.resume .button.primary, .topic-mobile.card-action.secondary-action .button.button-primary, .topic-mobile.card-action.secondary-action .button.primary { background-color: #30826C; }

.topic-mobile .card-action.resume .button.button-primary, .topic-mobile .card-action.resume .button.primary, .topic-mobile .card-action.secondary-action .button.button-primary, .topic-mobile .card-action.secondary-action .button.primary { background-color: #30826C; }

.topic-internal.card-action.resume .button.button-primary, .topic-internal.card-action.resume .button.primary, .topic-internal.card-action.secondary-action .button.button-primary, .topic-internal.card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-internal .card-action.resume .button.button-primary, .topic-internal .card-action.resume .button.primary, .topic-internal .card-action.secondary-action .button.button-primary, .topic-internal .card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-foundations.card-action.resume .button.button-primary, .topic-foundations.card-action.resume .button.primary, .topic-foundations.card-action.secondary-action .button.button-primary, .topic-foundations.card-action.secondary-action .button.primary { background-color: #004e61; }

.topic-foundations .card-action.resume .button.button-primary, .topic-foundations .card-action.resume .button.primary, .topic-foundations .card-action.secondary-action .button.button-primary, .topic-foundations .card-action.secondary-action .button.primary { background-color: #004e61; }

.topic-undefined.card-action.resume .button.button-primary, .topic-undefined.card-action.resume .button.primary, .topic-undefined.card-action.secondary-action .button.button-primary, .topic-undefined.card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-undefined .card-action.resume .button.button-primary, .topic-undefined .card-action.resume .button.primary, .topic-undefined .card-action.secondary-action .button.button-primary, .topic-undefined .card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-college-credit.card-action.resume .button.button-primary, .topic-college-credit.card-action.resume .button.primary, .topic-college-credit.card-action.secondary-action .button.button-primary, .topic-college-credit.card-action.secondary-action .button.primary { background-color: #3887c8; }

.topic-college-credit .card-action.resume .button.button-primary, .topic-college-credit .card-action.resume .button.primary, .topic-college-credit .card-action.secondary-action .button.button-primary, .topic-college-credit .card-action.secondary-action .button.primary { background-color: #3887c8; }

.topic-no-code.card-action.resume .button.button-primary, .topic-no-code.card-action.resume .button.primary, .topic-no-code.card-action.secondary-action .button.button-primary, .topic-no-code.card-action.secondary-action .button.primary { background-color: #31AF7F; }

.topic-no-code .card-action.resume .button.button-primary, .topic-no-code .card-action.resume .button.primary, .topic-no-code .card-action.secondary-action .button.button-primary, .topic-no-code .card-action.secondary-action .button.primary { background-color: #31AF7F; }

.topic-security.card-action.resume .button.button-primary, .topic-security.card-action.resume .button.primary, .topic-security.card-action.secondary-action .button.button-primary, .topic-security.card-action.secondary-action .button.primary { background-color: #409BE9; }

.topic-security .card-action.resume .button.button-primary, .topic-security .card-action.resume .button.primary, .topic-security .card-action.secondary-action .button.button-primary, .topic-security .card-action.secondary-action .button.primary { background-color: #409BE9; }

.topic-game-development.card-action.resume .button.button-primary, .topic-game-development.card-action.resume .button.primary, .topic-game-development.card-action.secondary-action .button.button-primary, .topic-game-development.card-action.secondary-action .button.primary { background-color: #856fc4; }

.topic-game-development .card-action.resume .button.button-primary, .topic-game-development .card-action.resume .button.primary, .topic-game-development .card-action.secondary-action .button.button-primary, .topic-game-development .card-action.secondary-action .button.primary { background-color: #856fc4; }

.topic-treehouse-resources.card-action.resume .button.button-primary, .topic-treehouse-resources.card-action.resume .button.primary, .topic-treehouse-resources.card-action.secondary-action .button.button-primary, .topic-treehouse-resources.card-action.secondary-action .button.primary { background-color: #5fcf80; }

.topic-treehouse-resources .card-action.resume .button.button-primary, .topic-treehouse-resources .card-action.resume .button.primary, .topic-treehouse-resources .card-action.secondary-action .button.button-primary, .topic-treehouse-resources .card-action.secondary-action .button.primary { background-color: #5fcf80; }

.topic-coding-for-kids.card-action.resume .button.button-primary, .topic-coding-for-kids.card-action.resume .button.primary, .topic-coding-for-kids.card-action.secondary-action .button.button-primary, .topic-coding-for-kids.card-action.secondary-action .button.primary { background-color: #F36C27; }

.topic-coding-for-kids .card-action.resume .button.button-primary, .topic-coding-for-kids .card-action.resume .button.primary, .topic-coding-for-kids .card-action.secondary-action .button.button-primary, .topic-coding-for-kids .card-action.secondary-action .button.primary { background-color: #F36C27; }

.topic-ai.card-action.resume .button.button-primary, .topic-ai.card-action.resume .button.primary, .topic-ai.card-action.secondary-action .button.button-primary, .topic-ai.card-action.secondary-action .button.primary { border-color: #643276; }

.topic-ai .card-action.resume .button.button-primary, .topic-ai .card-action.resume .button.primary, .topic-ai .card-action.secondary-action .button.button-primary, .topic-ai .card-action.secondary-action .button.primary { border-color: #643276; }

.topic-back-end.card-action.resume .button.button-primary, .topic-back-end.card-action.resume .button.primary, .topic-back-end.card-action.secondary-action .button.button-primary, .topic-back-end.card-action.secondary-action .button.primary { border-color: #006c7e; }

.topic-back-end .card-action.resume .button.button-primary, .topic-back-end .card-action.resume .button.primary, .topic-back-end .card-action.secondary-action .button.button-primary, .topic-back-end .card-action.secondary-action .button.primary { border-color: #006c7e; }

.topic-data.card-action.resume .button.button-primary, .topic-data.card-action.resume .button.primary, .topic-data.card-action.secondary-action .button.button-primary, .topic-data.card-action.secondary-action .button.primary { border-color: #8e4376; }

.topic-data .card-action.resume .button.button-primary, .topic-data .card-action.resume .button.primary, .topic-data .card-action.secondary-action .button.button-primary, .topic-data .card-action.secondary-action .button.primary { border-color: #8e4376; }

.topic-design.card-action.resume .button.button-primary, .topic-design.card-action.resume .button.primary, .topic-design.card-action.secondary-action .button.button-primary, .topic-design.card-action.secondary-action .button.primary { border-color: #413a7f; }

.topic-design .card-action.resume .button.button-primary, .topic-design .card-action.resume .button.primary, .topic-design .card-action.secondary-action .button.button-primary, .topic-design .card-action.secondary-action .button.primary { border-color: #413a7f; }

.topic-experimental.card-action.resume .button.button-primary, .topic-experimental.card-action.resume .button.primary, .topic-experimental.card-action.secondary-action .button.button-primary, .topic-experimental.card-action.secondary-action .button.primary { border-color: #643276; }

.topic-experimental .card-action.resume .button.button-primary, .topic-experimental .card-action.resume .button.primary, .topic-experimental .card-action.secondary-action .button.button-primary, .topic-experimental .card-action.secondary-action .button.primary { border-color: #643276; }

.topic-front-end.card-action.resume .button.button-primary, .topic-front-end.card-action.resume .button.primary, .topic-front-end.card-action.secondary-action .button.button-primary, .topic-front-end.card-action.secondary-action .button.primary { border-color: #304e8f; }

.topic-front-end .card-action.resume .button.button-primary, .topic-front-end .card-action.resume .button.primary, .topic-front-end .card-action.secondary-action .button.button-primary, .topic-front-end .card-action.secondary-action .button.primary { border-color: #304e8f; }

.topic-fundamentals.card-action.resume .button.button-primary, .topic-fundamentals.card-action.resume .button.primary, .topic-fundamentals.card-action.secondary-action .button.button-primary, .topic-fundamentals.card-action.secondary-action .button.primary { border-color: #89344f; }

.topic-fundamentals .card-action.resume .button.button-primary, .topic-fundamentals .card-action.resume .button.primary, .topic-fundamentals .card-action.secondary-action .button.button-primary, .topic-fundamentals .card-action.secondary-action .button.primary { border-color: #89344f; }

.topic-mobile.card-action.resume .button.button-primary, .topic-mobile.card-action.resume .button.primary, .topic-mobile.card-action.secondary-action .button.button-primary, .topic-mobile.card-action.secondary-action .button.primary { border-color: #296f5d; }

.topic-mobile .card-action.resume .button.button-primary, .topic-mobile .card-action.resume .button.primary, .topic-mobile .card-action.secondary-action .button.button-primary, .topic-mobile .card-action.secondary-action .button.primary { border-color: #296f5d; }

.topic-internal.card-action.resume .button.button-primary, .topic-internal.card-action.resume .button.primary, .topic-internal.card-action.secondary-action .button.button-primary, .topic-internal.card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-internal .card-action.resume .button.button-primary, .topic-internal .card-action.resume .button.primary, .topic-internal .card-action.secondary-action .button.button-primary, .topic-internal .card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-foundations.card-action.resume .button.button-primary, .topic-foundations.card-action.resume .button.primary, .topic-foundations.card-action.secondary-action .button.button-primary, .topic-foundations.card-action.secondary-action .button.primary { border-color: #003948; }

.topic-foundations .card-action.resume .button.button-primary, .topic-foundations .card-action.resume .button.primary, .topic-foundations .card-action.secondary-action .button.button-primary, .topic-foundations .card-action.secondary-action .button.primary { border-color: #003948; }

.topic-undefined.card-action.resume .button.button-primary, .topic-undefined.card-action.resume .button.primary, .topic-undefined.card-action.secondary-action .button.button-primary, .topic-undefined.card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-undefined .card-action.resume .button.button-primary, .topic-undefined .card-action.resume .button.primary, .topic-undefined .card-action.secondary-action .button.button-primary, .topic-undefined .card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-college-credit.card-action.resume .button.button-primary, .topic-college-credit.card-action.resume .button.primary, .topic-college-credit.card-action.secondary-action .button.button-primary, .topic-college-credit.card-action.secondary-action .button.primary { border-color: #327ab5; }

.topic-college-credit .card-action.resume .button.button-primary, .topic-college-credit .card-action.resume .button.primary, .topic-college-credit .card-action.secondary-action .button.button-primary, .topic-college-credit .card-action.secondary-action .button.primary { border-color: #327ab5; }

.topic-no-code.card-action.resume .button.button-primary, .topic-no-code.card-action.resume .button.primary, .topic-no-code.card-action.secondary-action .button.button-primary, .topic-no-code.card-action.secondary-action .button.primary { border-color: #2b9b71; }

.topic-no-code .card-action.resume .button.button-primary, .topic-no-code .card-action.resume .button.primary, .topic-no-code .card-action.secondary-action .button.button-primary, .topic-no-code .card-action.secondary-action .button.primary { border-color: #2b9b71; }

.topic-security.card-action.resume .button.button-primary, .topic-security.card-action.resume .button.primary, .topic-security.card-action.secondary-action .button.button-primary, .topic-security.card-action.secondary-action .button.primary { border-color: #298fe6; }

.topic-security .card-action.resume .button.button-primary, .topic-security .card-action.resume .button.primary, .topic-security .card-action.secondary-action .button.button-primary, .topic-security .card-action.secondary-action .button.primary { border-color: #298fe6; }

.topic-game-development.card-action.resume .button.button-primary, .topic-game-development.card-action.resume .button.primary, .topic-game-development.card-action.secondary-action .button.button-primary, .topic-game-development.card-action.secondary-action .button.primary { border-color: #765dbd; }

.topic-game-development .card-action.resume .button.button-primary, .topic-game-development .card-action.resume .button.primary, .topic-game-development .card-action.secondary-action .button.button-primary, .topic-game-development .card-action.secondary-action .button.primary { border-color: #765dbd; }

.topic-treehouse-resources.card-action.resume .button.button-primary, .topic-treehouse-resources.card-action.resume .button.primary, .topic-treehouse-resources.card-action.secondary-action .button.button-primary, .topic-treehouse-resources.card-action.secondary-action .button.primary { border-color: #4bc970; }

.topic-treehouse-resources .card-action.resume .button.button-primary, .topic-treehouse-resources .card-action.resume .button.primary, .topic-treehouse-resources .card-action.secondary-action .button.button-primary, .topic-treehouse-resources .card-action.secondary-action .button.primary { border-color: #4bc970; }

.topic-coding-for-kids.card-action.resume .button.button-primary, .topic-coding-for-kids.card-action.resume .button.primary, .topic-coding-for-kids.card-action.secondary-action .button.button-primary, .topic-coding-for-kids.card-action.secondary-action .button.primary { border-color: #f25c0f; }

.topic-coding-for-kids .card-action.resume .button.button-primary, .topic-coding-for-kids .card-action.resume .button.primary, .topic-coding-for-kids .card-action.secondary-action .button.button-primary, .topic-coding-for-kids .card-action.secondary-action .button.primary { border-color: #f25c0f; }

.topic-ai.card-action.resume .button.button-primary:hover, .topic-ai.card-action.resume .button.button-primary:focus, .topic-ai.card-action.resume .button.primary:hover, .topic-ai.card-action.resume .button.primary:focus, .topic-ai.card-action.secondary-action .button.button-primary:hover, .topic-ai.card-action.secondary-action .button.button-primary:focus, .topic-ai.card-action.secondary-action .button.primary:hover, .topic-ai.card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-ai .card-action.resume .button.button-primary:hover, .topic-ai .card-action.resume .button.button-primary:focus, .topic-ai .card-action.resume .button.primary:hover, .topic-ai .card-action.resume .button.primary:focus, .topic-ai .card-action.secondary-action .button.button-primary:hover, .topic-ai .card-action.secondary-action .button.button-primary:focus, .topic-ai .card-action.secondary-action .button.primary:hover, .topic-ai .card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-back-end.card-action.resume .button.button-primary:hover, .topic-back-end.card-action.resume .button.button-primary:focus, .topic-back-end.card-action.resume .button.primary:hover, .topic-back-end.card-action.resume .button.primary:focus, .topic-back-end.card-action.secondary-action .button.button-primary:hover, .topic-back-end.card-action.secondary-action .button.button-primary:focus, .topic-back-end.card-action.secondary-action .button.primary:hover, .topic-back-end.card-action.secondary-action .button.primary:focus { background-color: #007083; }

.topic-back-end .card-action.resume .button.button-primary:hover, .topic-back-end .card-action.resume .button.button-primary:focus, .topic-back-end .card-action.resume .button.primary:hover, .topic-back-end .card-action.resume .button.primary:focus, .topic-back-end .card-action.secondary-action .button.button-primary:hover, .topic-back-end .card-action.secondary-action .button.button-primary:focus, .topic-back-end .card-action.secondary-action .button.primary:hover, .topic-back-end .card-action.secondary-action .button.primary:focus { background-color: #007083; }

.topic-data.card-action.resume .button.button-primary:hover, .topic-data.card-action.resume .button.button-primary:focus, .topic-data.card-action.resume .button.primary:hover, .topic-data.card-action.resume .button.primary:focus, .topic-data.card-action.secondary-action .button.button-primary:hover, .topic-data.card-action.secondary-action .button.button-primary:focus, .topic-data.card-action.secondary-action .button.primary:hover, .topic-data.card-action.secondary-action .button.primary:focus { background-color: #914478; }

.topic-data .card-action.resume .button.button-primary:hover, .topic-data .card-action.resume .button.button-primary:focus, .topic-data .card-action.resume .button.primary:hover, .topic-data .card-action.resume .button.primary:focus, .topic-data .card-action.secondary-action .button.button-primary:hover, .topic-data .card-action.secondary-action .button.button-primary:focus, .topic-data .card-action.secondary-action .button.primary:hover, .topic-data .card-action.secondary-action .button.primary:focus { background-color: #914478; }

.topic-design.card-action.resume .button.button-primary:hover, .topic-design.card-action.resume .button.button-primary:focus, .topic-design.card-action.resume .button.primary:hover, .topic-design.card-action.resume .button.primary:focus, .topic-design.card-action.secondary-action .button.button-primary:hover, .topic-design.card-action.secondary-action .button.button-primary:focus, .topic-design.card-action.secondary-action .button.primary:hover, .topic-design.card-action.secondary-action .button.primary:focus { background-color: #433c82; }

.topic-design .card-action.resume .button.button-primary:hover, .topic-design .card-action.resume .button.button-primary:focus, .topic-design .card-action.resume .button.primary:hover, .topic-design .card-action.resume .button.primary:focus, .topic-design .card-action.secondary-action .button.button-primary:hover, .topic-design .card-action.secondary-action .button.button-primary:focus, .topic-design .card-action.secondary-action .button.primary:hover, .topic-design .card-action.secondary-action .button.primary:focus { background-color: #433c82; }

.topic-experimental.card-action.resume .button.button-primary:hover, .topic-experimental.card-action.resume .button.button-primary:focus, .topic-experimental.card-action.resume .button.primary:hover, .topic-experimental.card-action.resume .button.primary:focus, .topic-experimental.card-action.secondary-action .button.button-primary:hover, .topic-experimental.card-action.secondary-action .button.button-primary:focus, .topic-experimental.card-action.secondary-action .button.primary:hover, .topic-experimental.card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-experimental .card-action.resume .button.button-primary:hover, .topic-experimental .card-action.resume .button.button-primary:focus, .topic-experimental .card-action.resume .button.primary:hover, .topic-experimental .card-action.resume .button.primary:focus, .topic-experimental .card-action.secondary-action .button.button-primary:hover, .topic-experimental .card-action.secondary-action .button.button-primary:focus, .topic-experimental .card-action.secondary-action .button.primary:hover, .topic-experimental .card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-front-end.card-action.resume .button.button-primary:hover, .topic-front-end.card-action.resume .button.button-primary:focus, .topic-front-end.card-action.resume .button.primary:hover, .topic-front-end.card-action.resume .button.primary:focus, .topic-front-end.card-action.secondary-action .button.button-primary:hover, .topic-front-end.card-action.secondary-action .button.button-primary:focus, .topic-front-end.card-action.secondary-action .button.primary:hover, .topic-front-end.card-action.secondary-action .button.primary:focus { background-color: #315193; }

.topic-front-end .card-action.resume .button.button-primary:hover, .topic-front-end .card-action.resume .button.button-primary:focus, .topic-front-end .card-action.resume .button.primary:hover, .topic-front-end .card-action.resume .button.primary:focus, .topic-front-end .card-action.secondary-action .button.button-primary:hover, .topic-front-end .card-action.secondary-action .button.button-primary:focus, .topic-front-end .card-action.secondary-action .button.primary:hover, .topic-front-end .card-action.secondary-action .button.primary:focus { background-color: #315193; }

.topic-fundamentals.card-action.resume .button.button-primary:hover, .topic-fundamentals.card-action.resume .button.button-primary:focus, .topic-fundamentals.card-action.resume .button.primary:hover, .topic-fundamentals.card-action.resume .button.primary:focus, .topic-fundamentals.card-action.secondary-action .button.button-primary:hover, .topic-fundamentals.card-action.secondary-action .button.button-primary:focus, .topic-fundamentals.card-action.secondary-action .button.primary:hover, .topic-fundamentals.card-action.secondary-action .button.primary:focus { background-color: #8c3551; }

.topic-fundamentals .card-action.resume .button.button-primary:hover, .topic-fundamentals .card-action.resume .button.button-primary:focus, .topic-fundamentals .card-action.resume .button.primary:hover, .topic-fundamentals .card-action.resume .button.primary:focus, .topic-fundamentals .card-action.secondary-action .button.button-primary:hover, .topic-fundamentals .card-action.secondary-action .button.button-primary:focus, .topic-fundamentals .card-action.secondary-action .button.primary:hover, .topic-fundamentals .card-action.secondary-action .button.primary:focus { background-color: #8c3551; }

.topic-mobile.card-action.resume .button.button-primary:hover, .topic-mobile.card-action.resume .button.button-primary:focus, .topic-mobile.card-action.resume .button.primary:hover, .topic-mobile.card-action.resume .button.primary:focus, .topic-mobile.card-action.secondary-action .button.button-primary:hover, .topic-mobile.card-action.secondary-action .button.button-primary:focus, .topic-mobile.card-action.secondary-action .button.primary:hover, .topic-mobile.card-action.secondary-action .button.primary:focus { background-color: #2a7360; }

.topic-mobile .card-action.resume .button.button-primary:hover, .topic-mobile .card-action.resume .button.button-primary:focus, .topic-mobile .card-action.resume .button.primary:hover, .topic-mobile .card-action.resume .button.primary:focus, .topic-mobile .card-action.secondary-action .button.button-primary:hover, .topic-mobile .card-action.secondary-action .button.button-primary:focus, .topic-mobile .card-action.secondary-action .button.primary:hover, .topic-mobile .card-action.secondary-action .button.primary:focus { background-color: #2a7360; }

.topic-internal.card-action.resume .button.button-primary:hover, .topic-internal.card-action.resume .button.button-primary:focus, .topic-internal.card-action.resume .button.primary:hover, .topic-internal.card-action.resume .button.primary:focus, .topic-internal.card-action.secondary-action .button.button-primary:hover, .topic-internal.card-action.secondary-action .button.button-primary:focus, .topic-internal.card-action.secondary-action .button.primary:hover, .topic-internal.card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-internal .card-action.resume .button.button-primary:hover, .topic-internal .card-action.resume .button.button-primary:focus, .topic-internal .card-action.resume .button.primary:hover, .topic-internal .card-action.resume .button.primary:focus, .topic-internal .card-action.secondary-action .button.button-primary:hover, .topic-internal .card-action.secondary-action .button.button-primary:focus, .topic-internal .card-action.secondary-action .button.primary:hover, .topic-internal .card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-foundations.card-action.resume .button.button-primary:hover, .topic-foundations.card-action.resume .button.button-primary:focus, .topic-foundations.card-action.resume .button.primary:hover, .topic-foundations.card-action.resume .button.primary:focus, .topic-foundations.card-action.secondary-action .button.button-primary:hover, .topic-foundations.card-action.secondary-action .button.button-primary:focus, .topic-foundations.card-action.secondary-action .button.primary:hover, .topic-foundations.card-action.secondary-action .button.primary:focus { background-color: #003e4d; }

.topic-foundations .card-action.resume .button.button-primary:hover, .topic-foundations .card-action.resume .button.button-primary:focus, .topic-foundations .card-action.resume .button.primary:hover, .topic-foundations .card-action.resume .button.primary:focus, .topic-foundations .card-action.secondary-action .button.button-primary:hover, .topic-foundations .card-action.secondary-action .button.button-primary:focus, .topic-foundations .card-action.secondary-action .button.primary:hover, .topic-foundations .card-action.secondary-action .button.primary:focus { background-color: #003e4d; }

.topic-undefined.card-action.resume .button.button-primary:hover, .topic-undefined.card-action.resume .button.button-primary:focus, .topic-undefined.card-action.resume .button.primary:hover, .topic-undefined.card-action.resume .button.primary:focus, .topic-undefined.card-action.secondary-action .button.button-primary:hover, .topic-undefined.card-action.secondary-action .button.button-primary:focus, .topic-undefined.card-action.secondary-action .button.primary:hover, .topic-undefined.card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-undefined .card-action.resume .button.button-primary:hover, .topic-undefined .card-action.resume .button.button-primary:focus, .topic-undefined .card-action.resume .button.primary:hover, .topic-undefined .card-action.resume .button.primary:focus, .topic-undefined .card-action.secondary-action .button.button-primary:hover, .topic-undefined .card-action.secondary-action .button.button-primary:focus, .topic-undefined .card-action.secondary-action .button.primary:hover, .topic-undefined .card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-college-credit.card-action.resume .button.button-primary:hover, .topic-college-credit.card-action.resume .button.button-primary:focus, .topic-college-credit.card-action.resume .button.primary:hover, .topic-college-credit.card-action.resume .button.primary:focus, .topic-college-credit.card-action.secondary-action .button.button-primary:hover, .topic-college-credit.card-action.secondary-action .button.button-primary:focus, .topic-college-credit.card-action.secondary-action .button.primary:hover, .topic-college-credit.card-action.secondary-action .button.primary:focus { background-color: #337cb9; }

.topic-college-credit .card-action.resume .button.button-primary:hover, .topic-college-credit .card-action.resume .button.button-primary:focus, .topic-college-credit .card-action.resume .button.primary:hover, .topic-college-credit .card-action.resume .button.primary:focus, .topic-college-credit .card-action.secondary-action .button.button-primary:hover, .topic-college-credit .card-action.secondary-action .button.button-primary:focus, .topic-college-credit .card-action.secondary-action .button.primary:hover, .topic-college-credit .card-action.secondary-action .button.primary:focus { background-color: #337cb9; }

.topic-no-code.card-action.resume .button.button-primary:hover, .topic-no-code.card-action.resume .button.button-primary:focus, .topic-no-code.card-action.resume .button.primary:hover, .topic-no-code.card-action.resume .button.primary:focus, .topic-no-code.card-action.secondary-action .button.button-primary:hover, .topic-no-code.card-action.secondary-action .button.button-primary:focus, .topic-no-code.card-action.secondary-action .button.primary:hover, .topic-no-code.card-action.secondary-action .button.primary:focus { background-color: #2d9f73; }

.topic-no-code .card-action.resume .button.button-primary:hover, .topic-no-code .card-action.resume .button.button-primary:focus, .topic-no-code .card-action.resume .button.primary:hover, .topic-no-code .card-action.resume .button.primary:focus, .topic-no-code .card-action.secondary-action .button.button-primary:hover, .topic-no-code .card-action.secondary-action .button.button-primary:focus, .topic-no-code .card-action.secondary-action .button.primary:hover, .topic-no-code .card-action.secondary-action .button.primary:focus { background-color: #2d9f73; }

.topic-security.card-action.resume .button.button-primary:hover, .topic-security.card-action.resume .button.button-primary:focus, .topic-security.card-action.resume .button.primary:hover, .topic-security.card-action.resume .button.primary:focus, .topic-security.card-action.secondary-action .button.button-primary:hover, .topic-security.card-action.secondary-action .button.button-primary:focus, .topic-security.card-action.secondary-action .button.primary:hover, .topic-security.card-action.secondary-action .button.primary:focus { background-color: #2e91e7; }

.topic-security .card-action.resume .button.button-primary:hover, .topic-security .card-action.resume .button.button-primary:focus, .topic-security .card-action.resume .button.primary:hover, .topic-security .card-action.resume .button.primary:focus, .topic-security .card-action.secondary-action .button.button-primary:hover, .topic-security .card-action.secondary-action .button.button-primary:focus, .topic-security .card-action.secondary-action .button.primary:hover, .topic-security .card-action.secondary-action .button.primary:focus { background-color: #2e91e7; }

.topic-game-development.card-action.resume .button.button-primary:hover, .topic-game-development.card-action.resume .button.button-primary:focus, .topic-game-development.card-action.resume .button.primary:hover, .topic-game-development.card-action.resume .button.primary:focus, .topic-game-development.card-action.secondary-action .button.button-primary:hover, .topic-game-development.card-action.secondary-action .button.button-primary:focus, .topic-game-development.card-action.secondary-action .button.primary:hover, .topic-game-development.card-action.secondary-action .button.primary:focus { background-color: #7961be; }

.topic-game-development .card-action.resume .button.button-primary:hover, .topic-game-development .card-action.resume .button.button-primary:focus, .topic-game-development .card-action.resume .button.primary:hover, .topic-game-development .card-action.resume .button.primary:focus, .topic-game-development .card-action.secondary-action .button.button-primary:hover, .topic-game-development .card-action.secondary-action .button.button-primary:focus, .topic-game-development .card-action.secondary-action .button.primary:hover, .topic-game-development .card-action.secondary-action .button.primary:focus { background-color: #7961be; }

.topic-treehouse-resources.card-action.resume .button.button-primary:hover, .topic-treehouse-resources.card-action.resume .button.button-primary:focus, .topic-treehouse-resources.card-action.resume .button.primary:hover, .topic-treehouse-resources.card-action.resume .button.primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.primary:focus { background-color: #4fca74; }

.topic-treehouse-resources .card-action.resume .button.button-primary:hover, .topic-treehouse-resources .card-action.resume .button.button-primary:focus, .topic-treehouse-resources .card-action.resume .button.primary:hover, .topic-treehouse-resources .card-action.resume .button.primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.primary:focus { background-color: #4fca74; }

.topic-coding-for-kids.card-action.resume .button.button-primary:hover, .topic-coding-for-kids.card-action.resume .button.button-primary:focus, .topic-coding-for-kids.card-action.resume .button.primary:hover, .topic-coding-for-kids.card-action.resume .button.primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.primary:focus { background-color: #f25f14; }

.topic-coding-for-kids .card-action.resume .button.button-primary:hover, .topic-coding-for-kids .card-action.resume .button.button-primary:focus, .topic-coding-for-kids .card-action.resume .button.primary:hover, .topic-coding-for-kids .card-action.resume .button.primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.primary:focus { background-color: #f25f14; }

.topic-ai.card-action.resume .button.button-primary:hover, .topic-ai.card-action.resume .button.button-primary:focus, .topic-ai.card-action.resume .button.primary:hover, .topic-ai.card-action.resume .button.primary:focus, .topic-ai.card-action.secondary-action .button.button-primary:hover, .topic-ai.card-action.secondary-action .button.button-primary:focus, .topic-ai.card-action.secondary-action .button.primary:hover, .topic-ai.card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-ai .card-action.resume .button.button-primary:hover, .topic-ai .card-action.resume .button.button-primary:focus, .topic-ai .card-action.resume .button.primary:hover, .topic-ai .card-action.resume .button.primary:focus, .topic-ai .card-action.secondary-action .button.button-primary:hover, .topic-ai .card-action.secondary-action .button.button-primary:focus, .topic-ai .card-action.secondary-action .button.primary:hover, .topic-ai .card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-back-end.card-action.resume .button.button-primary:hover, .topic-back-end.card-action.resume .button.button-primary:focus, .topic-back-end.card-action.resume .button.primary:hover, .topic-back-end.card-action.resume .button.primary:focus, .topic-back-end.card-action.secondary-action .button.button-primary:hover, .topic-back-end.card-action.secondary-action .button.button-primary:focus, .topic-back-end.card-action.secondary-action .button.primary:hover, .topic-back-end.card-action.secondary-action .button.primary:focus { border-color: #005664; }

.topic-back-end .card-action.resume .button.button-primary:hover, .topic-back-end .card-action.resume .button.button-primary:focus, .topic-back-end .card-action.resume .button.primary:hover, .topic-back-end .card-action.resume .button.primary:focus, .topic-back-end .card-action.secondary-action .button.button-primary:hover, .topic-back-end .card-action.secondary-action .button.button-primary:focus, .topic-back-end .card-action.secondary-action .button.primary:hover, .topic-back-end .card-action.secondary-action .button.primary:focus { border-color: #005664; }

.topic-data.card-action.resume .button.button-primary:hover, .topic-data.card-action.resume .button.button-primary:focus, .topic-data.card-action.resume .button.primary:hover, .topic-data.card-action.resume .button.primary:focus, .topic-data.card-action.secondary-action .button.button-primary:hover, .topic-data.card-action.secondary-action .button.button-primary:focus, .topic-data.card-action.secondary-action .button.primary:hover, .topic-data.card-action.secondary-action .button.primary:focus { border-color: #7c3b67; }

.topic-data .card-action.resume .button.button-primary:hover, .topic-data .card-action.resume .button.button-primary:focus, .topic-data .card-action.resume .button.primary:hover, .topic-data .card-action.resume .button.primary:focus, .topic-data .card-action.secondary-action .button.button-primary:hover, .topic-data .card-action.secondary-action .button.button-primary:focus, .topic-data .card-action.secondary-action .button.primary:hover, .topic-data .card-action.secondary-action .button.primary:focus { border-color: #7c3b67; }

.topic-design.card-action.resume .button.button-primary:hover, .topic-design.card-action.resume .button.button-primary:focus, .topic-design.card-action.resume .button.primary:hover, .topic-design.card-action.resume .button.primary:focus, .topic-design.card-action.secondary-action .button.button-primary:hover, .topic-design.card-action.secondary-action .button.button-primary:focus, .topic-design.card-action.secondary-action .button.primary:hover, .topic-design.card-action.secondary-action .button.primary:focus { border-color: #38326d; }

.topic-design .card-action.resume .button.button-primary:hover, .topic-design .card-action.resume .button.button-primary:focus, .topic-design .card-action.resume .button.primary:hover, .topic-design .card-action.resume .button.primary:focus, .topic-design .card-action.secondary-action .button.button-primary:hover, .topic-design .card-action.secondary-action .button.button-primary:focus, .topic-design .card-action.secondary-action .button.primary:hover, .topic-design .card-action.secondary-action .button.primary:focus { border-color: #38326d; }

.topic-experimental.card-action.resume .button.button-primary:hover, .topic-experimental.card-action.resume .button.button-primary:focus, .topic-experimental.card-action.resume .button.primary:hover, .topic-experimental.card-action.resume .button.primary:focus, .topic-experimental.card-action.secondary-action .button.button-primary:hover, .topic-experimental.card-action.secondary-action .button.button-primary:focus, .topic-experimental.card-action.secondary-action .button.primary:hover, .topic-experimental.card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-experimental .card-action.resume .button.button-primary:hover, .topic-experimental .card-action.resume .button.button-primary:focus, .topic-experimental .card-action.resume .button.primary:hover, .topic-experimental .card-action.resume .button.primary:focus, .topic-experimental .card-action.secondary-action .button.button-primary:hover, .topic-experimental .card-action.secondary-action .button.button-primary:focus, .topic-experimental .card-action.secondary-action .button.primary:hover, .topic-experimental .card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-front-end.card-action.resume .button.button-primary:hover, .topic-front-end.card-action.resume .button.button-primary:focus, .topic-front-end.card-action.resume .button.primary:hover, .topic-front-end.card-action.resume .button.primary:focus, .topic-front-end.card-action.secondary-action .button.button-primary:hover, .topic-front-end.card-action.secondary-action .button.button-primary:focus, .topic-front-end.card-action.secondary-action .button.primary:hover, .topic-front-end.card-action.secondary-action .button.primary:focus { border-color: #29447c; }

.topic-front-end .card-action.resume .button.button-primary:hover, .topic-front-end .card-action.resume .button.button-primary:focus, .topic-front-end .card-action.resume .button.primary:hover, .topic-front-end .card-action.resume .button.primary:focus, .topic-front-end .card-action.secondary-action .button.button-primary:hover, .topic-front-end .card-action.secondary-action .button.button-primary:focus, .topic-front-end .card-action.secondary-action .button.primary:hover, .topic-front-end .card-action.secondary-action .button.primary:focus { border-color: #29447c; }

.topic-fundamentals.card-action.resume .button.button-primary:hover, .topic-fundamentals.card-action.resume .button.button-primary:focus, .topic-fundamentals.card-action.resume .button.primary:hover, .topic-fundamentals.card-action.resume .button.primary:focus, .topic-fundamentals.card-action.secondary-action .button.button-primary:hover, .topic-fundamentals.card-action.secondary-action .button.button-primary:focus, .topic-fundamentals.card-action.secondary-action .button.primary:hover, .topic-fundamentals.card-action.secondary-action .button.primary:focus { border-color: #762d45; }

.topic-fundamentals .card-action.resume .button.button-primary:hover, .topic-fundamentals .card-action.resume .button.button-primary:focus, .topic-fundamentals .card-action.resume .button.primary:hover, .topic-fundamentals .card-action.resume .button.primary:focus, .topic-fundamentals .card-action.secondary-action .button.button-primary:hover, .topic-fundamentals .card-action.secondary-action .button.button-primary:focus, .topic-fundamentals .card-action.secondary-action .button.primary:hover, .topic-fundamentals .card-action.secondary-action .button.primary:focus { border-color: #762d45; }

.topic-mobile.card-action.resume .button.button-primary:hover, .topic-mobile.card-action.resume .button.button-primary:focus, .topic-mobile.card-action.resume .button.primary:hover, .topic-mobile.card-action.resume .button.primary:focus, .topic-mobile.card-action.secondary-action .button.button-primary:hover, .topic-mobile.card-action.secondary-action .button.button-primary:focus, .topic-mobile.card-action.secondary-action .button.primary:hover, .topic-mobile.card-action.secondary-action .button.primary:focus { border-color: #225d4d; }

.topic-mobile .card-action.resume .button.button-primary:hover, .topic-mobile .card-action.resume .button.button-primary:focus, .topic-mobile .card-action.resume .button.primary:hover, .topic-mobile .card-action.resume .button.primary:focus, .topic-mobile .card-action.secondary-action .button.button-primary:hover, .topic-mobile .card-action.secondary-action .button.button-primary:focus, .topic-mobile .card-action.secondary-action .button.primary:hover, .topic-mobile .card-action.secondary-action .button.primary:focus { border-color: #225d4d; }

.topic-internal.card-action.resume .button.button-primary:hover, .topic-internal.card-action.resume .button.button-primary:focus, .topic-internal.card-action.resume .button.primary:hover, .topic-internal.card-action.resume .button.primary:focus, .topic-internal.card-action.secondary-action .button.button-primary:hover, .topic-internal.card-action.secondary-action .button.button-primary:focus, .topic-internal.card-action.secondary-action .button.primary:hover, .topic-internal.card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-internal .card-action.resume .button.button-primary:hover, .topic-internal .card-action.resume .button.button-primary:focus, .topic-internal .card-action.resume .button.primary:hover, .topic-internal .card-action.resume .button.primary:focus, .topic-internal .card-action.secondary-action .button.button-primary:hover, .topic-internal .card-action.secondary-action .button.button-primary:focus, .topic-internal .card-action.secondary-action .button.primary:hover, .topic-internal .card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-foundations.card-action.resume .button.button-primary:hover, .topic-foundations.card-action.resume .button.button-primary:focus, .topic-foundations.card-action.resume .button.primary:hover, .topic-foundations.card-action.resume .button.primary:focus, .topic-foundations.card-action.secondary-action .button.button-primary:hover, .topic-foundations.card-action.secondary-action .button.button-primary:focus, .topic-foundations.card-action.secondary-action .button.primary:hover, .topic-foundations.card-action.secondary-action .button.primary:focus { border-color: #00252e; }

.topic-foundations .card-action.resume .button.button-primary:hover, .topic-foundations .card-action.resume .button.button-primary:focus, .topic-foundations .card-action.resume .button.primary:hover, .topic-foundations .card-action.resume .button.primary:focus, .topic-foundations .card-action.secondary-action .button.button-primary:hover, .topic-foundations .card-action.secondary-action .button.button-primary:focus, .topic-foundations .card-action.secondary-action .button.primary:hover, .topic-foundations .card-action.secondary-action .button.primary:focus { border-color: #00252e; }

.topic-undefined.card-action.resume .button.button-primary:hover, .topic-undefined.card-action.resume .button.button-primary:focus, .topic-undefined.card-action.resume .button.primary:hover, .topic-undefined.card-action.resume .button.primary:focus, .topic-undefined.card-action.secondary-action .button.button-primary:hover, .topic-undefined.card-action.secondary-action .button.button-primary:focus, .topic-undefined.card-action.secondary-action .button.primary:hover, .topic-undefined.card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-undefined .card-action.resume .button.button-primary:hover, .topic-undefined .card-action.resume .button.button-primary:focus, .topic-undefined .card-action.resume .button.primary:hover, .topic-undefined .card-action.resume .button.primary:focus, .topic-undefined .card-action.secondary-action .button.button-primary:hover, .topic-undefined .card-action.secondary-action .button.button-primary:focus, .topic-undefined .card-action.secondary-action .button.primary:hover, .topic-undefined .card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-college-credit.card-action.resume .button.button-primary:hover, .topic-college-credit.card-action.resume .button.button-primary:focus, .topic-college-credit.card-action.resume .button.primary:hover, .topic-college-credit.card-action.resume .button.primary:focus, .topic-college-credit.card-action.secondary-action .button.button-primary:hover, .topic-college-credit.card-action.secondary-action .button.button-primary:focus, .topic-college-credit.card-action.secondary-action .button.primary:hover, .topic-college-credit.card-action.secondary-action .button.primary:focus { border-color: #2c6ca1; }

.topic-college-credit .card-action.resume .button.button-primary:hover, .topic-college-credit .card-action.resume .button.button-primary:focus, .topic-college-credit .card-action.resume .button.primary:hover, .topic-college-credit .card-action.resume .button.primary:focus, .topic-college-credit .card-action.secondary-action .button.button-primary:hover, .topic-college-credit .card-action.secondary-action .button.button-primary:focus, .topic-college-credit .card-action.secondary-action .button.primary:hover, .topic-college-credit .card-action.secondary-action .button.primary:focus { border-color: #2c6ca1; }

.topic-no-code.card-action.resume .button.button-primary:hover, .topic-no-code.card-action.resume .button.button-primary:focus, .topic-no-code.card-action.resume .button.primary:hover, .topic-no-code.card-action.resume .button.primary:focus, .topic-no-code.card-action.secondary-action .button.button-primary:hover, .topic-no-code.card-action.secondary-action .button.button-primary:focus, .topic-no-code.card-action.secondary-action .button.primary:hover, .topic-no-code.card-action.secondary-action .button.primary:focus { border-color: #268762; }

.topic-no-code .card-action.resume .button.button-primary:hover, .topic-no-code .card-action.resume .button.button-primary:focus, .topic-no-code .card-action.resume .button.primary:hover, .topic-no-code .card-action.resume .button.primary:focus, .topic-no-code .card-action.secondary-action .button.button-primary:hover, .topic-no-code .card-action.secondary-action .button.button-primary:focus, .topic-no-code .card-action.secondary-action .button.primary:hover, .topic-no-code .card-action.secondary-action .button.primary:focus { border-color: #268762; }

.topic-security.card-action.resume .button.button-primary:hover, .topic-security.card-action.resume .button.button-primary:focus, .topic-security.card-action.resume .button.primary:hover, .topic-security.card-action.resume .button.primary:focus, .topic-security.card-action.secondary-action .button.button-primary:hover, .topic-security.card-action.secondary-action .button.button-primary:focus, .topic-security.card-action.secondary-action .button.primary:hover, .topic-security.card-action.secondary-action .button.primary:focus { border-color: #1983dd; }

.topic-security .card-action.resume .button.button-primary:hover, .topic-security .card-action.resume .button.button-primary:focus, .topic-security .card-action.resume .button.primary:hover, .topic-security .card-action.resume .button.primary:focus, .topic-security .card-action.secondary-action .button.button-primary:hover, .topic-security .card-action.secondary-action .button.button-primary:focus, .topic-security .card-action.secondary-action .button.primary:hover, .topic-security .card-action.secondary-action .button.primary:focus { border-color: #1983dd; }

.topic-game-development.card-action.resume .button.button-primary:hover, .topic-game-development.card-action.resume .button.button-primary:focus, .topic-game-development.card-action.resume .button.primary:hover, .topic-game-development.card-action.resume .button.primary:focus, .topic-game-development.card-action.secondary-action .button.button-primary:hover, .topic-game-development.card-action.secondary-action .button.button-primary:focus, .topic-game-development.card-action.secondary-action .button.primary:hover, .topic-game-development.card-action.secondary-action .button.primary:focus { border-color: #664bb5; }

.topic-game-development .card-action.resume .button.button-primary:hover, .topic-game-development .card-action.resume .button.button-primary:focus, .topic-game-development .card-action.resume .button.primary:hover, .topic-game-development .card-action.resume .button.primary:focus, .topic-game-development .card-action.secondary-action .button.button-primary:hover, .topic-game-development .card-action.secondary-action .button.button-primary:focus, .topic-game-development .card-action.secondary-action .button.primary:hover, .topic-game-development .card-action.secondary-action .button.primary:focus { border-color: #664bb5; }

.topic-treehouse-resources.card-action.resume .button.button-primary:hover, .topic-treehouse-resources.card-action.resume .button.button-primary:focus, .topic-treehouse-resources.card-action.resume .button.primary:hover, .topic-treehouse-resources.card-action.resume .button.primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.primary:focus { border-color: #3ac162; }

.topic-treehouse-resources .card-action.resume .button.button-primary:hover, .topic-treehouse-resources .card-action.resume .button.button-primary:focus, .topic-treehouse-resources .card-action.resume .button.primary:hover, .topic-treehouse-resources .card-action.resume .button.primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.primary:focus { border-color: #3ac162; }

.topic-coding-for-kids.card-action.resume .button.button-primary:hover, .topic-coding-for-kids.card-action.resume .button.button-primary:focus, .topic-coding-for-kids.card-action.resume .button.primary:hover, .topic-coding-for-kids.card-action.resume .button.primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.primary:focus { border-color: #db520c; }

.topic-coding-for-kids .card-action.resume .button.button-primary:hover, .topic-coding-for-kids .card-action.resume .button.button-primary:focus, .topic-coding-for-kids .card-action.resume .button.primary:hover, .topic-coding-for-kids .card-action.resume .button.primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.primary:focus { border-color: #db520c; }

.card-action.resume .button.button-primary:hover ~ .card-box, .card-action.resume .button.primary:hover ~ .card-box, .card-action.secondary-action .button.button-primary:hover ~ .card-box, .card-action.secondary-action .button.primary:hover ~ .card-box { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }

.card-action.resume { margin-left: 0; display: none; }

.topic-ai.card-action-trailer:hover a, .topic-ai.card-action-trailer:focus a, .topic-ai.card-action-trailer.loading a, .topic-ai.card-action.bookmarkable:hover a, .topic-ai.card-action.bookmarkable:focus a, .topic-ai.card-action.bookmarkable.loading a { border-color: #733A88; }

.topic-ai .card-action-trailer:hover a, .topic-ai .card-action-trailer:focus a, .topic-ai .card-action-trailer.loading a, .topic-ai .card-action.bookmarkable:hover a, .topic-ai .card-action.bookmarkable:focus a, .topic-ai .card-action.bookmarkable.loading a { border-color: #733A88; }

.topic-back-end.card-action-trailer:hover a, .topic-back-end.card-action-trailer:focus a, .topic-back-end.card-action-trailer.loading a, .topic-back-end.card-action.bookmarkable:hover a, .topic-back-end.card-action.bookmarkable:focus a, .topic-back-end.card-action.bookmarkable.loading a { border-color: #008297; }

.topic-back-end .card-action-trailer:hover a, .topic-back-end .card-action-trailer:focus a, .topic-back-end .card-action-trailer.loading a, .topic-back-end .card-action.bookmarkable:hover a, .topic-back-end .card-action.bookmarkable:focus a, .topic-back-end .card-action.bookmarkable.loading a { border-color: #008297; }

.topic-data.card-action-trailer:hover a, .topic-data.card-action-trailer:focus a, .topic-data.card-action-trailer.loading a, .topic-data.card-action.bookmarkable:hover a, .topic-data.card-action.bookmarkable:focus a, .topic-data.card-action.bookmarkable.loading a { border-color: #9F4B84; }

.topic-data .card-action-trailer:hover a, .topic-data .card-action-trailer:focus a, .topic-data .card-action-trailer.loading a, .topic-data .card-action.bookmarkable:hover a, .topic-data .card-action.bookmarkable:focus a, .topic-data .card-action.bookmarkable.loading a { border-color: #9F4B84; }

.topic-design.card-action-trailer:hover a, .topic-design.card-action-trailer:focus a, .topic-design.card-action-trailer.loading a, .topic-design.card-action.bookmarkable:hover a, .topic-design.card-action.bookmarkable:focus a, .topic-design.card-action.bookmarkable.loading a { border-color: #4a4290; }

.topic-design .card-action-trailer:hover a, .topic-design .card-action-trailer:focus a, .topic-design .card-action-trailer.loading a, .topic-design .card-action.bookmarkable:hover a, .topic-design .card-action.bookmarkable:focus a, .topic-design .card-action.bookmarkable.loading a { border-color: #4a4290; }

.topic-experimental.card-action-trailer:hover a, .topic-experimental.card-action-trailer:focus a, .topic-experimental.card-action-trailer.loading a, .topic-experimental.card-action.bookmarkable:hover a, .topic-experimental.card-action.bookmarkable:focus a, .topic-experimental.card-action.bookmarkable.loading a { border-color: #733a88; }

.topic-experimental .card-action-trailer:hover a, .topic-experimental .card-action-trailer:focus a, .topic-experimental .card-action-trailer.loading a, .topic-experimental .card-action.bookmarkable:hover a, .topic-experimental .card-action.bookmarkable:focus a, .topic-experimental .card-action.bookmarkable.loading a { border-color: #733a88; }

.topic-front-end.card-action-trailer:hover a, .topic-front-end.card-action-trailer:focus a, .topic-front-end.card-action-trailer.loading a, .topic-front-end.card-action.bookmarkable:hover a, .topic-front-end.card-action.bookmarkable:focus a, .topic-front-end.card-action.bookmarkable.loading a { border-color: #3659a2; }

.topic-front-end .card-action-trailer:hover a, .topic-front-end .card-action-trailer:focus a, .topic-front-end .card-action-trailer.loading a, .topic-front-end .card-action.bookmarkable:hover a, .topic-front-end .card-action.bookmarkable:focus a, .topic-front-end .card-action.bookmarkable.loading a { border-color: #3659a2; }

.topic-fundamentals.card-action-trailer:hover a, .topic-fundamentals.card-action-trailer:focus a, .topic-fundamentals.card-action-trailer.loading a, .topic-fundamentals.card-action.bookmarkable:hover a, .topic-fundamentals.card-action.bookmarkable:focus a, .topic-fundamentals.card-action.bookmarkable.loading a { border-color: #9b3b5a; }

.topic-fundamentals .card-action-trailer:hover a, .topic-fundamentals .card-action-trailer:focus a, .topic-fundamentals .card-action-trailer.loading a, .topic-fundamentals .card-action.bookmarkable:hover a, .topic-fundamentals .card-action.bookmarkable:focus a, .topic-fundamentals .card-action.bookmarkable.loading a { border-color: #9b3b5a; }

.topic-mobile.card-action-trailer:hover a, .topic-mobile.card-action-trailer:focus a, .topic-mobile.card-action-trailer.loading a, .topic-mobile.card-action.bookmarkable:hover a, .topic-mobile.card-action.bookmarkable:focus a, .topic-mobile.card-action.bookmarkable.loading a { border-color: #30826C; }

.topic-mobile .card-action-trailer:hover a, .topic-mobile .card-action-trailer:focus a, .topic-mobile .card-action-trailer.loading a, .topic-mobile .card-action.bookmarkable:hover a, .topic-mobile .card-action.bookmarkable:focus a, .topic-mobile .card-action.bookmarkable.loading a { border-color: #30826C; }

.topic-internal.card-action-trailer:hover a, .topic-internal.card-action-trailer:focus a, .topic-internal.card-action-trailer.loading a, .topic-internal.card-action.bookmarkable:hover a, .topic-internal.card-action.bookmarkable:focus a, .topic-internal.card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-internal .card-action-trailer:hover a, .topic-internal .card-action-trailer:focus a, .topic-internal .card-action-trailer.loading a, .topic-internal .card-action.bookmarkable:hover a, .topic-internal .card-action.bookmarkable:focus a, .topic-internal .card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-foundations.card-action-trailer:hover a, .topic-foundations.card-action-trailer:focus a, .topic-foundations.card-action-trailer.loading a, .topic-foundations.card-action.bookmarkable:hover a, .topic-foundations.card-action.bookmarkable:focus a, .topic-foundations.card-action.bookmarkable.loading a { border-color: #004e61; }

.topic-foundations .card-action-trailer:hover a, .topic-foundations .card-action-trailer:focus a, .topic-foundations .card-action-trailer.loading a, .topic-foundations .card-action.bookmarkable:hover a, .topic-foundations .card-action.bookmarkable:focus a, .topic-foundations .card-action.bookmarkable.loading a { border-color: #004e61; }

.topic-undefined.card-action-trailer:hover a, .topic-undefined.card-action-trailer:focus a, .topic-undefined.card-action-trailer.loading a, .topic-undefined.card-action.bookmarkable:hover a, .topic-undefined.card-action.bookmarkable:focus a, .topic-undefined.card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-undefined .card-action-trailer:hover a, .topic-undefined .card-action-trailer:focus a, .topic-undefined .card-action-trailer.loading a, .topic-undefined .card-action.bookmarkable:hover a, .topic-undefined .card-action.bookmarkable:focus a, .topic-undefined .card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-college-credit.card-action-trailer:hover a, .topic-college-credit.card-action-trailer:focus a, .topic-college-credit.card-action-trailer.loading a, .topic-college-credit.card-action.bookmarkable:hover a, .topic-college-credit.card-action.bookmarkable:focus a, .topic-college-credit.card-action.bookmarkable.loading a { border-color: #3887c8; }

.topic-college-credit .card-action-trailer:hover a, .topic-college-credit .card-action-trailer:focus a, .topic-college-credit .card-action-trailer.loading a, .topic-college-credit .card-action.bookmarkable:hover a, .topic-college-credit .card-action.bookmarkable:focus a, .topic-college-credit .card-action.bookmarkable.loading a { border-color: #3887c8; }

.topic-no-code.card-action-trailer:hover a, .topic-no-code.card-action-trailer:focus a, .topic-no-code.card-action-trailer.loading a, .topic-no-code.card-action.bookmarkable:hover a, .topic-no-code.card-action.bookmarkable:focus a, .topic-no-code.card-action.bookmarkable.loading a { border-color: #31AF7F; }

.topic-no-code .card-action-trailer:hover a, .topic-no-code .card-action-trailer:focus a, .topic-no-code .card-action-trailer.loading a, .topic-no-code .card-action.bookmarkable:hover a, .topic-no-code .card-action.bookmarkable:focus a, .topic-no-code .card-action.bookmarkable.loading a { border-color: #31AF7F; }

.topic-security.card-action-trailer:hover a, .topic-security.card-action-trailer:focus a, .topic-security.card-action-trailer.loading a, .topic-security.card-action.bookmarkable:hover a, .topic-security.card-action.bookmarkable:focus a, .topic-security.card-action.bookmarkable.loading a { border-color: #409BE9; }

.topic-security .card-action-trailer:hover a, .topic-security .card-action-trailer:focus a, .topic-security .card-action-trailer.loading a, .topic-security .card-action.bookmarkable:hover a, .topic-security .card-action.bookmarkable:focus a, .topic-security .card-action.bookmarkable.loading a { border-color: #409BE9; }

.topic-game-development.card-action-trailer:hover a, .topic-game-development.card-action-trailer:focus a, .topic-game-development.card-action-trailer.loading a, .topic-game-development.card-action.bookmarkable:hover a, .topic-game-development.card-action.bookmarkable:focus a, .topic-game-development.card-action.bookmarkable.loading a { border-color: #856fc4; }

.topic-game-development .card-action-trailer:hover a, .topic-game-development .card-action-trailer:focus a, .topic-game-development .card-action-trailer.loading a, .topic-game-development .card-action.bookmarkable:hover a, .topic-game-development .card-action.bookmarkable:focus a, .topic-game-development .card-action.bookmarkable.loading a { border-color: #856fc4; }

.topic-treehouse-resources.card-action-trailer:hover a, .topic-treehouse-resources.card-action-trailer:focus a, .topic-treehouse-resources.card-action-trailer.loading a, .topic-treehouse-resources.card-action.bookmarkable:hover a, .topic-treehouse-resources.card-action.bookmarkable:focus a, .topic-treehouse-resources.card-action.bookmarkable.loading a { border-color: #5fcf80; }

.topic-treehouse-resources .card-action-trailer:hover a, .topic-treehouse-resources .card-action-trailer:focus a, .topic-treehouse-resources .card-action-trailer.loading a, .topic-treehouse-resources .card-action.bookmarkable:hover a, .topic-treehouse-resources .card-action.bookmarkable:focus a, .topic-treehouse-resources .card-action.bookmarkable.loading a { border-color: #5fcf80; }

.topic-coding-for-kids.card-action-trailer:hover a, .topic-coding-for-kids.card-action-trailer:focus a, .topic-coding-for-kids.card-action-trailer.loading a, .topic-coding-for-kids.card-action.bookmarkable:hover a, .topic-coding-for-kids.card-action.bookmarkable:focus a, .topic-coding-for-kids.card-action.bookmarkable.loading a { border-color: #F36C27; }

.topic-coding-for-kids .card-action-trailer:hover a, .topic-coding-for-kids .card-action-trailer:focus a, .topic-coding-for-kids .card-action-trailer.loading a, .topic-coding-for-kids .card-action.bookmarkable:hover a, .topic-coding-for-kids .card-action.bookmarkable:focus a, .topic-coding-for-kids .card-action.bookmarkable.loading a { border-color: #F36C27; }

.topic-ai.card-action-trailer:hover a svg, .topic-ai.card-action-trailer:focus a svg, .topic-ai.card-action-trailer.loading a svg, .topic-ai.card-action.bookmarkable:hover a svg, .topic-ai.card-action.bookmarkable:focus a svg, .topic-ai.card-action.bookmarkable.loading a svg { fill: #733A88; }

.topic-ai .card-action-trailer:hover a svg, .topic-ai .card-action-trailer:focus a svg, .topic-ai .card-action-trailer.loading a svg, .topic-ai .card-action.bookmarkable:hover a svg, .topic-ai .card-action.bookmarkable:focus a svg, .topic-ai .card-action.bookmarkable.loading a svg { fill: #733A88; }

.topic-back-end.card-action-trailer:hover a svg, .topic-back-end.card-action-trailer:focus a svg, .topic-back-end.card-action-trailer.loading a svg, .topic-back-end.card-action.bookmarkable:hover a svg, .topic-back-end.card-action.bookmarkable:focus a svg, .topic-back-end.card-action.bookmarkable.loading a svg { fill: #008297; }

.topic-back-end .card-action-trailer:hover a svg, .topic-back-end .card-action-trailer:focus a svg, .topic-back-end .card-action-trailer.loading a svg, .topic-back-end .card-action.bookmarkable:hover a svg, .topic-back-end .card-action.bookmarkable:focus a svg, .topic-back-end .card-action.bookmarkable.loading a svg { fill: #008297; }

.topic-data.card-action-trailer:hover a svg, .topic-data.card-action-trailer:focus a svg, .topic-data.card-action-trailer.loading a svg, .topic-data.card-action.bookmarkable:hover a svg, .topic-data.card-action.bookmarkable:focus a svg, .topic-data.card-action.bookmarkable.loading a svg { fill: #9F4B84; }

.topic-data .card-action-trailer:hover a svg, .topic-data .card-action-trailer:focus a svg, .topic-data .card-action-trailer.loading a svg, .topic-data .card-action.bookmarkable:hover a svg, .topic-data .card-action.bookmarkable:focus a svg, .topic-data .card-action.bookmarkable.loading a svg { fill: #9F4B84; }

.topic-design.card-action-trailer:hover a svg, .topic-design.card-action-trailer:focus a svg, .topic-design.card-action-trailer.loading a svg, .topic-design.card-action.bookmarkable:hover a svg, .topic-design.card-action.bookmarkable:focus a svg, .topic-design.card-action.bookmarkable.loading a svg { fill: #4a4290; }

.topic-design .card-action-trailer:hover a svg, .topic-design .card-action-trailer:focus a svg, .topic-design .card-action-trailer.loading a svg, .topic-design .card-action.bookmarkable:hover a svg, .topic-design .card-action.bookmarkable:focus a svg, .topic-design .card-action.bookmarkable.loading a svg { fill: #4a4290; }

.topic-experimental.card-action-trailer:hover a svg, .topic-experimental.card-action-trailer:focus a svg, .topic-experimental.card-action-trailer.loading a svg, .topic-experimental.card-action.bookmarkable:hover a svg, .topic-experimental.card-action.bookmarkable:focus a svg, .topic-experimental.card-action.bookmarkable.loading a svg { fill: #733a88; }

.topic-experimental .card-action-trailer:hover a svg, .topic-experimental .card-action-trailer:focus a svg, .topic-experimental .card-action-trailer.loading a svg, .topic-experimental .card-action.bookmarkable:hover a svg, .topic-experimental .card-action.bookmarkable:focus a svg, .topic-experimental .card-action.bookmarkable.loading a svg { fill: #733a88; }

.topic-front-end.card-action-trailer:hover a svg, .topic-front-end.card-action-trailer:focus a svg, .topic-front-end.card-action-trailer.loading a svg, .topic-front-end.card-action.bookmarkable:hover a svg, .topic-front-end.card-action.bookmarkable:focus a svg, .topic-front-end.card-action.bookmarkable.loading a svg { fill: #3659a2; }

.topic-front-end .card-action-trailer:hover a svg, .topic-front-end .card-action-trailer:focus a svg, .topic-front-end .card-action-trailer.loading a svg, .topic-front-end .card-action.bookmarkable:hover a svg, .topic-front-end .card-action.bookmarkable:focus a svg, .topic-front-end .card-action.bookmarkable.loading a svg { fill: #3659a2; }

.topic-fundamentals.card-action-trailer:hover a svg, .topic-fundamentals.card-action-trailer:focus a svg, .topic-fundamentals.card-action-trailer.loading a svg, .topic-fundamentals.card-action.bookmarkable:hover a svg, .topic-fundamentals.card-action.bookmarkable:focus a svg, .topic-fundamentals.card-action.bookmarkable.loading a svg { fill: #9b3b5a; }

.topic-fundamentals .card-action-trailer:hover a svg, .topic-fundamentals .card-action-trailer:focus a svg, .topic-fundamentals .card-action-trailer.loading a svg, .topic-fundamentals .card-action.bookmarkable:hover a svg, .topic-fundamentals .card-action.bookmarkable:focus a svg, .topic-fundamentals .card-action.bookmarkable.loading a svg { fill: #9b3b5a; }

.topic-mobile.card-action-trailer:hover a svg, .topic-mobile.card-action-trailer:focus a svg, .topic-mobile.card-action-trailer.loading a svg, .topic-mobile.card-action.bookmarkable:hover a svg, .topic-mobile.card-action.bookmarkable:focus a svg, .topic-mobile.card-action.bookmarkable.loading a svg { fill: #30826C; }

.topic-mobile .card-action-trailer:hover a svg, .topic-mobile .card-action-trailer:focus a svg, .topic-mobile .card-action-trailer.loading a svg, .topic-mobile .card-action.bookmarkable:hover a svg, .topic-mobile .card-action.bookmarkable:focus a svg, .topic-mobile .card-action.bookmarkable.loading a svg { fill: #30826C; }

.topic-internal.card-action-trailer:hover a svg, .topic-internal.card-action-trailer:focus a svg, .topic-internal.card-action-trailer.loading a svg, .topic-internal.card-action.bookmarkable:hover a svg, .topic-internal.card-action.bookmarkable:focus a svg, .topic-internal.card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-internal .card-action-trailer:hover a svg, .topic-internal .card-action-trailer:focus a svg, .topic-internal .card-action-trailer.loading a svg, .topic-internal .card-action.bookmarkable:hover a svg, .topic-internal .card-action.bookmarkable:focus a svg, .topic-internal .card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-foundations.card-action-trailer:hover a svg, .topic-foundations.card-action-trailer:focus a svg, .topic-foundations.card-action-trailer.loading a svg, .topic-foundations.card-action.bookmarkable:hover a svg, .topic-foundations.card-action.bookmarkable:focus a svg, .topic-foundations.card-action.bookmarkable.loading a svg { fill: #004e61; }

.topic-foundations .card-action-trailer:hover a svg, .topic-foundations .card-action-trailer:focus a svg, .topic-foundations .card-action-trailer.loading a svg, .topic-foundations .card-action.bookmarkable:hover a svg, .topic-foundations .card-action.bookmarkable:focus a svg, .topic-foundations .card-action.bookmarkable.loading a svg { fill: #004e61; }

.topic-undefined.card-action-trailer:hover a svg, .topic-undefined.card-action-trailer:focus a svg, .topic-undefined.card-action-trailer.loading a svg, .topic-undefined.card-action.bookmarkable:hover a svg, .topic-undefined.card-action.bookmarkable:focus a svg, .topic-undefined.card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-undefined .card-action-trailer:hover a svg, .topic-undefined .card-action-trailer:focus a svg, .topic-undefined .card-action-trailer.loading a svg, .topic-undefined .card-action.bookmarkable:hover a svg, .topic-undefined .card-action.bookmarkable:focus a svg, .topic-undefined .card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-college-credit.card-action-trailer:hover a svg, .topic-college-credit.card-action-trailer:focus a svg, .topic-college-credit.card-action-trailer.loading a svg, .topic-college-credit.card-action.bookmarkable:hover a svg, .topic-college-credit.card-action.bookmarkable:focus a svg, .topic-college-credit.card-action.bookmarkable.loading a svg { fill: #3887c8; }

.topic-college-credit .card-action-trailer:hover a svg, .topic-college-credit .card-action-trailer:focus a svg, .topic-college-credit .card-action-trailer.loading a svg, .topic-college-credit .card-action.bookmarkable:hover a svg, .topic-college-credit .card-action.bookmarkable:focus a svg, .topic-college-credit .card-action.bookmarkable.loading a svg { fill: #3887c8; }

.topic-no-code.card-action-trailer:hover a svg, .topic-no-code.card-action-trailer:focus a svg, .topic-no-code.card-action-trailer.loading a svg, .topic-no-code.card-action.bookmarkable:hover a svg, .topic-no-code.card-action.bookmarkable:focus a svg, .topic-no-code.card-action.bookmarkable.loading a svg { fill: #31AF7F; }

.topic-no-code .card-action-trailer:hover a svg, .topic-no-code .card-action-trailer:focus a svg, .topic-no-code .card-action-trailer.loading a svg, .topic-no-code .card-action.bookmarkable:hover a svg, .topic-no-code .card-action.bookmarkable:focus a svg, .topic-no-code .card-action.bookmarkable.loading a svg { fill: #31AF7F; }

.topic-security.card-action-trailer:hover a svg, .topic-security.card-action-trailer:focus a svg, .topic-security.card-action-trailer.loading a svg, .topic-security.card-action.bookmarkable:hover a svg, .topic-security.card-action.bookmarkable:focus a svg, .topic-security.card-action.bookmarkable.loading a svg { fill: #409BE9; }

.topic-security .card-action-trailer:hover a svg, .topic-security .card-action-trailer:focus a svg, .topic-security .card-action-trailer.loading a svg, .topic-security .card-action.bookmarkable:hover a svg, .topic-security .card-action.bookmarkable:focus a svg, .topic-security .card-action.bookmarkable.loading a svg { fill: #409BE9; }

.topic-game-development.card-action-trailer:hover a svg, .topic-game-development.card-action-trailer:focus a svg, .topic-game-development.card-action-trailer.loading a svg, .topic-game-development.card-action.bookmarkable:hover a svg, .topic-game-development.card-action.bookmarkable:focus a svg, .topic-game-development.card-action.bookmarkable.loading a svg { fill: #856fc4; }

.topic-game-development .card-action-trailer:hover a svg, .topic-game-development .card-action-trailer:focus a svg, .topic-game-development .card-action-trailer.loading a svg, .topic-game-development .card-action.bookmarkable:hover a svg, .topic-game-development .card-action.bookmarkable:focus a svg, .topic-game-development .card-action.bookmarkable.loading a svg { fill: #856fc4; }

.topic-treehouse-resources.card-action-trailer:hover a svg, .topic-treehouse-resources.card-action-trailer:focus a svg, .topic-treehouse-resources.card-action-trailer.loading a svg, .topic-treehouse-resources.card-action.bookmarkable:hover a svg, .topic-treehouse-resources.card-action.bookmarkable:focus a svg, .topic-treehouse-resources.card-action.bookmarkable.loading a svg { fill: #5fcf80; }

.topic-treehouse-resources .card-action-trailer:hover a svg, .topic-treehouse-resources .card-action-trailer:focus a svg, .topic-treehouse-resources .card-action-trailer.loading a svg, .topic-treehouse-resources .card-action.bookmarkable:hover a svg, .topic-treehouse-resources .card-action.bookmarkable:focus a svg, .topic-treehouse-resources .card-action.bookmarkable.loading a svg { fill: #5fcf80; }

.topic-coding-for-kids.card-action-trailer:hover a svg, .topic-coding-for-kids.card-action-trailer:focus a svg, .topic-coding-for-kids.card-action-trailer.loading a svg, .topic-coding-for-kids.card-action.bookmarkable:hover a svg, .topic-coding-for-kids.card-action.bookmarkable:focus a svg, .topic-coding-for-kids.card-action.bookmarkable.loading a svg { fill: #F36C27; }

.topic-coding-for-kids .card-action-trailer:hover a svg, .topic-coding-for-kids .card-action-trailer:focus a svg, .topic-coding-for-kids .card-action-trailer.loading a svg, .topic-coding-for-kids .card-action.bookmarkable:hover a svg, .topic-coding-for-kids .card-action.bookmarkable:focus a svg, .topic-coding-for-kids .card-action.bookmarkable.loading a svg { fill: #F36C27; }

.topic-ai.card-action-trailer a:hover, .topic-ai.card-action-trailer a:focus, .topic-ai.card-action-trailer span:hover, .topic-ai.card-action-trailer span:focus, .topic-ai.card-action.bookmarkable a:hover, .topic-ai.card-action.bookmarkable a:focus, .topic-ai.card-action.bookmarkable span:hover, .topic-ai.card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-ai .card-action-trailer a:hover, .topic-ai .card-action-trailer a:focus, .topic-ai .card-action-trailer span:hover, .topic-ai .card-action-trailer span:focus, .topic-ai .card-action.bookmarkable a:hover, .topic-ai .card-action.bookmarkable a:focus, .topic-ai .card-action.bookmarkable span:hover, .topic-ai .card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-back-end.card-action-trailer a:hover, .topic-back-end.card-action-trailer a:focus, .topic-back-end.card-action-trailer span:hover, .topic-back-end.card-action-trailer span:focus, .topic-back-end.card-action.bookmarkable a:hover, .topic-back-end.card-action.bookmarkable a:focus, .topic-back-end.card-action.bookmarkable span:hover, .topic-back-end.card-action.bookmarkable span:focus { border-color: #005664; }

.topic-back-end .card-action-trailer a:hover, .topic-back-end .card-action-trailer a:focus, .topic-back-end .card-action-trailer span:hover, .topic-back-end .card-action-trailer span:focus, .topic-back-end .card-action.bookmarkable a:hover, .topic-back-end .card-action.bookmarkable a:focus, .topic-back-end .card-action.bookmarkable span:hover, .topic-back-end .card-action.bookmarkable span:focus { border-color: #005664; }

.topic-data.card-action-trailer a:hover, .topic-data.card-action-trailer a:focus, .topic-data.card-action-trailer span:hover, .topic-data.card-action-trailer span:focus, .topic-data.card-action.bookmarkable a:hover, .topic-data.card-action.bookmarkable a:focus, .topic-data.card-action.bookmarkable span:hover, .topic-data.card-action.bookmarkable span:focus { border-color: #7c3b67; }

.topic-data .card-action-trailer a:hover, .topic-data .card-action-trailer a:focus, .topic-data .card-action-trailer span:hover, .topic-data .card-action-trailer span:focus, .topic-data .card-action.bookmarkable a:hover, .topic-data .card-action.bookmarkable a:focus, .topic-data .card-action.bookmarkable span:hover, .topic-data .card-action.bookmarkable span:focus { border-color: #7c3b67; }

.topic-design.card-action-trailer a:hover, .topic-design.card-action-trailer a:focus, .topic-design.card-action-trailer span:hover, .topic-design.card-action-trailer span:focus, .topic-design.card-action.bookmarkable a:hover, .topic-design.card-action.bookmarkable a:focus, .topic-design.card-action.bookmarkable span:hover, .topic-design.card-action.bookmarkable span:focus { border-color: #38326d; }

.topic-design .card-action-trailer a:hover, .topic-design .card-action-trailer a:focus, .topic-design .card-action-trailer span:hover, .topic-design .card-action-trailer span:focus, .topic-design .card-action.bookmarkable a:hover, .topic-design .card-action.bookmarkable a:focus, .topic-design .card-action.bookmarkable span:hover, .topic-design .card-action.bookmarkable span:focus { border-color: #38326d; }

.topic-experimental.card-action-trailer a:hover, .topic-experimental.card-action-trailer a:focus, .topic-experimental.card-action-trailer span:hover, .topic-experimental.card-action-trailer span:focus, .topic-experimental.card-action.bookmarkable a:hover, .topic-experimental.card-action.bookmarkable a:focus, .topic-experimental.card-action.bookmarkable span:hover, .topic-experimental.card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-experimental .card-action-trailer a:hover, .topic-experimental .card-action-trailer a:focus, .topic-experimental .card-action-trailer span:hover, .topic-experimental .card-action-trailer span:focus, .topic-experimental .card-action.bookmarkable a:hover, .topic-experimental .card-action.bookmarkable a:focus, .topic-experimental .card-action.bookmarkable span:hover, .topic-experimental .card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-front-end.card-action-trailer a:hover, .topic-front-end.card-action-trailer a:focus, .topic-front-end.card-action-trailer span:hover, .topic-front-end.card-action-trailer span:focus, .topic-front-end.card-action.bookmarkable a:hover, .topic-front-end.card-action.bookmarkable a:focus, .topic-front-end.card-action.bookmarkable span:hover, .topic-front-end.card-action.bookmarkable span:focus { border-color: #29447c; }

.topic-front-end .card-action-trailer a:hover, .topic-front-end .card-action-trailer a:focus, .topic-front-end .card-action-trailer span:hover, .topic-front-end .card-action-trailer span:focus, .topic-front-end .card-action.bookmarkable a:hover, .topic-front-end .card-action.bookmarkable a:focus, .topic-front-end .card-action.bookmarkable span:hover, .topic-front-end .card-action.bookmarkable span:focus { border-color: #29447c; }

.topic-fundamentals.card-action-trailer a:hover, .topic-fundamentals.card-action-trailer a:focus, .topic-fundamentals.card-action-trailer span:hover, .topic-fundamentals.card-action-trailer span:focus, .topic-fundamentals.card-action.bookmarkable a:hover, .topic-fundamentals.card-action.bookmarkable a:focus, .topic-fundamentals.card-action.bookmarkable span:hover, .topic-fundamentals.card-action.bookmarkable span:focus { border-color: #762d45; }

.topic-fundamentals .card-action-trailer a:hover, .topic-fundamentals .card-action-trailer a:focus, .topic-fundamentals .card-action-trailer span:hover, .topic-fundamentals .card-action-trailer span:focus, .topic-fundamentals .card-action.bookmarkable a:hover, .topic-fundamentals .card-action.bookmarkable a:focus, .topic-fundamentals .card-action.bookmarkable span:hover, .topic-fundamentals .card-action.bookmarkable span:focus { border-color: #762d45; }

.topic-mobile.card-action-trailer a:hover, .topic-mobile.card-action-trailer a:focus, .topic-mobile.card-action-trailer span:hover, .topic-mobile.card-action-trailer span:focus, .topic-mobile.card-action.bookmarkable a:hover, .topic-mobile.card-action.bookmarkable a:focus, .topic-mobile.card-action.bookmarkable span:hover, .topic-mobile.card-action.bookmarkable span:focus { border-color: #225d4d; }

.topic-mobile .card-action-trailer a:hover, .topic-mobile .card-action-trailer a:focus, .topic-mobile .card-action-trailer span:hover, .topic-mobile .card-action-trailer span:focus, .topic-mobile .card-action.bookmarkable a:hover, .topic-mobile .card-action.bookmarkable a:focus, .topic-mobile .card-action.bookmarkable span:hover, .topic-mobile .card-action.bookmarkable span:focus { border-color: #225d4d; }

.topic-internal.card-action-trailer a:hover, .topic-internal.card-action-trailer a:focus, .topic-internal.card-action-trailer span:hover, .topic-internal.card-action-trailer span:focus, .topic-internal.card-action.bookmarkable a:hover, .topic-internal.card-action.bookmarkable a:focus, .topic-internal.card-action.bookmarkable span:hover, .topic-internal.card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-internal .card-action-trailer a:hover, .topic-internal .card-action-trailer a:focus, .topic-internal .card-action-trailer span:hover, .topic-internal .card-action-trailer span:focus, .topic-internal .card-action.bookmarkable a:hover, .topic-internal .card-action.bookmarkable a:focus, .topic-internal .card-action.bookmarkable span:hover, .topic-internal .card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-foundations.card-action-trailer a:hover, .topic-foundations.card-action-trailer a:focus, .topic-foundations.card-action-trailer span:hover, .topic-foundations.card-action-trailer span:focus, .topic-foundations.card-action.bookmarkable a:hover, .topic-foundations.card-action.bookmarkable a:focus, .topic-foundations.card-action.bookmarkable span:hover, .topic-foundations.card-action.bookmarkable span:focus { border-color: #00252e; }

.topic-foundations .card-action-trailer a:hover, .topic-foundations .card-action-trailer a:focus, .topic-foundations .card-action-trailer span:hover, .topic-foundations .card-action-trailer span:focus, .topic-foundations .card-action.bookmarkable a:hover, .topic-foundations .card-action.bookmarkable a:focus, .topic-foundations .card-action.bookmarkable span:hover, .topic-foundations .card-action.bookmarkable span:focus { border-color: #00252e; }

.topic-undefined.card-action-trailer a:hover, .topic-undefined.card-action-trailer a:focus, .topic-undefined.card-action-trailer span:hover, .topic-undefined.card-action-trailer span:focus, .topic-undefined.card-action.bookmarkable a:hover, .topic-undefined.card-action.bookmarkable a:focus, .topic-undefined.card-action.bookmarkable span:hover, .topic-undefined.card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-undefined .card-action-trailer a:hover, .topic-undefined .card-action-trailer a:focus, .topic-undefined .card-action-trailer span:hover, .topic-undefined .card-action-trailer span:focus, .topic-undefined .card-action.bookmarkable a:hover, .topic-undefined .card-action.bookmarkable a:focus, .topic-undefined .card-action.bookmarkable span:hover, .topic-undefined .card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-college-credit.card-action-trailer a:hover, .topic-college-credit.card-action-trailer a:focus, .topic-college-credit.card-action-trailer span:hover, .topic-college-credit.card-action-trailer span:focus, .topic-college-credit.card-action.bookmarkable a:hover, .topic-college-credit.card-action.bookmarkable a:focus, .topic-college-credit.card-action.bookmarkable span:hover, .topic-college-credit.card-action.bookmarkable span:focus { border-color: #2c6ca1; }

.topic-college-credit .card-action-trailer a:hover, .topic-college-credit .card-action-trailer a:focus, .topic-college-credit .card-action-trailer span:hover, .topic-college-credit .card-action-trailer span:focus, .topic-college-credit .card-action.bookmarkable a:hover, .topic-college-credit .card-action.bookmarkable a:focus, .topic-college-credit .card-action.bookmarkable span:hover, .topic-college-credit .card-action.bookmarkable span:focus { border-color: #2c6ca1; }

.topic-no-code.card-action-trailer a:hover, .topic-no-code.card-action-trailer a:focus, .topic-no-code.card-action-trailer span:hover, .topic-no-code.card-action-trailer span:focus, .topic-no-code.card-action.bookmarkable a:hover, .topic-no-code.card-action.bookmarkable a:focus, .topic-no-code.card-action.bookmarkable span:hover, .topic-no-code.card-action.bookmarkable span:focus { border-color: #268762; }

.topic-no-code .card-action-trailer a:hover, .topic-no-code .card-action-trailer a:focus, .topic-no-code .card-action-trailer span:hover, .topic-no-code .card-action-trailer span:focus, .topic-no-code .card-action.bookmarkable a:hover, .topic-no-code .card-action.bookmarkable a:focus, .topic-no-code .card-action.bookmarkable span:hover, .topic-no-code .card-action.bookmarkable span:focus { border-color: #268762; }

.topic-security.card-action-trailer a:hover, .topic-security.card-action-trailer a:focus, .topic-security.card-action-trailer span:hover, .topic-security.card-action-trailer span:focus, .topic-security.card-action.bookmarkable a:hover, .topic-security.card-action.bookmarkable a:focus, .topic-security.card-action.bookmarkable span:hover, .topic-security.card-action.bookmarkable span:focus { border-color: #1983dd; }

.topic-security .card-action-trailer a:hover, .topic-security .card-action-trailer a:focus, .topic-security .card-action-trailer span:hover, .topic-security .card-action-trailer span:focus, .topic-security .card-action.bookmarkable a:hover, .topic-security .card-action.bookmarkable a:focus, .topic-security .card-action.bookmarkable span:hover, .topic-security .card-action.bookmarkable span:focus { border-color: #1983dd; }

.topic-game-development.card-action-trailer a:hover, .topic-game-development.card-action-trailer a:focus, .topic-game-development.card-action-trailer span:hover, .topic-game-development.card-action-trailer span:focus, .topic-game-development.card-action.bookmarkable a:hover, .topic-game-development.card-action.bookmarkable a:focus, .topic-game-development.card-action.bookmarkable span:hover, .topic-game-development.card-action.bookmarkable span:focus { border-color: #664bb5; }

.topic-game-development .card-action-trailer a:hover, .topic-game-development .card-action-trailer a:focus, .topic-game-development .card-action-trailer span:hover, .topic-game-development .card-action-trailer span:focus, .topic-game-development .card-action.bookmarkable a:hover, .topic-game-development .card-action.bookmarkable a:focus, .topic-game-development .card-action.bookmarkable span:hover, .topic-game-development .card-action.bookmarkable span:focus { border-color: #664bb5; }

.topic-treehouse-resources.card-action-trailer a:hover, .topic-treehouse-resources.card-action-trailer a:focus, .topic-treehouse-resources.card-action-trailer span:hover, .topic-treehouse-resources.card-action-trailer span:focus, .topic-treehouse-resources.card-action.bookmarkable a:hover, .topic-treehouse-resources.card-action.bookmarkable a:focus, .topic-treehouse-resources.card-action.bookmarkable span:hover, .topic-treehouse-resources.card-action.bookmarkable span:focus { border-color: #3ac162; }

.topic-treehouse-resources .card-action-trailer a:hover, .topic-treehouse-resources .card-action-trailer a:focus, .topic-treehouse-resources .card-action-trailer span:hover, .topic-treehouse-resources .card-action-trailer span:focus, .topic-treehouse-resources .card-action.bookmarkable a:hover, .topic-treehouse-resources .card-action.bookmarkable a:focus, .topic-treehouse-resources .card-action.bookmarkable span:hover, .topic-treehouse-resources .card-action.bookmarkable span:focus { border-color: #3ac162; }

.topic-coding-for-kids.card-action-trailer a:hover, .topic-coding-for-kids.card-action-trailer a:focus, .topic-coding-for-kids.card-action-trailer span:hover, .topic-coding-for-kids.card-action-trailer span:focus, .topic-coding-for-kids.card-action.bookmarkable a:hover, .topic-coding-for-kids.card-action.bookmarkable a:focus, .topic-coding-for-kids.card-action.bookmarkable span:hover, .topic-coding-for-kids.card-action.bookmarkable span:focus { border-color: #db520c; }

.topic-coding-for-kids .card-action-trailer a:hover, .topic-coding-for-kids .card-action-trailer a:focus, .topic-coding-for-kids .card-action-trailer span:hover, .topic-coding-for-kids .card-action-trailer span:focus, .topic-coding-for-kids .card-action.bookmarkable a:hover, .topic-coding-for-kids .card-action.bookmarkable a:focus, .topic-coding-for-kids .card-action.bookmarkable span:hover, .topic-coding-for-kids .card-action.bookmarkable span:focus { border-color: #db520c; }

.topic-ai.card-action-trailer a:hover svg, .topic-ai.card-action-trailer a:focus svg, .topic-ai.card-action-trailer span:hover svg, .topic-ai.card-action-trailer span:focus svg, .topic-ai.card-action.bookmarkable a:hover svg, .topic-ai.card-action.bookmarkable a:focus svg, .topic-ai.card-action.bookmarkable span:hover svg, .topic-ai.card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-ai .card-action-trailer a:hover svg, .topic-ai .card-action-trailer a:focus svg, .topic-ai .card-action-trailer span:hover svg, .topic-ai .card-action-trailer span:focus svg, .topic-ai .card-action.bookmarkable a:hover svg, .topic-ai .card-action.bookmarkable a:focus svg, .topic-ai .card-action.bookmarkable span:hover svg, .topic-ai .card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-back-end.card-action-trailer a:hover svg, .topic-back-end.card-action-trailer a:focus svg, .topic-back-end.card-action-trailer span:hover svg, .topic-back-end.card-action-trailer span:focus svg, .topic-back-end.card-action.bookmarkable a:hover svg, .topic-back-end.card-action.bookmarkable a:focus svg, .topic-back-end.card-action.bookmarkable span:hover svg, .topic-back-end.card-action.bookmarkable span:focus svg { fill: #005664; }

.topic-back-end .card-action-trailer a:hover svg, .topic-back-end .card-action-trailer a:focus svg, .topic-back-end .card-action-trailer span:hover svg, .topic-back-end .card-action-trailer span:focus svg, .topic-back-end .card-action.bookmarkable a:hover svg, .topic-back-end .card-action.bookmarkable a:focus svg, .topic-back-end .card-action.bookmarkable span:hover svg, .topic-back-end .card-action.bookmarkable span:focus svg { fill: #005664; }

.topic-data.card-action-trailer a:hover svg, .topic-data.card-action-trailer a:focus svg, .topic-data.card-action-trailer span:hover svg, .topic-data.card-action-trailer span:focus svg, .topic-data.card-action.bookmarkable a:hover svg, .topic-data.card-action.bookmarkable a:focus svg, .topic-data.card-action.bookmarkable span:hover svg, .topic-data.card-action.bookmarkable span:focus svg { fill: #7c3b67; }

.topic-data .card-action-trailer a:hover svg, .topic-data .card-action-trailer a:focus svg, .topic-data .card-action-trailer span:hover svg, .topic-data .card-action-trailer span:focus svg, .topic-data .card-action.bookmarkable a:hover svg, .topic-data .card-action.bookmarkable a:focus svg, .topic-data .card-action.bookmarkable span:hover svg, .topic-data .card-action.bookmarkable span:focus svg { fill: #7c3b67; }

.topic-design.card-action-trailer a:hover svg, .topic-design.card-action-trailer a:focus svg, .topic-design.card-action-trailer span:hover svg, .topic-design.card-action-trailer span:focus svg, .topic-design.card-action.bookmarkable a:hover svg, .topic-design.card-action.bookmarkable a:focus svg, .topic-design.card-action.bookmarkable span:hover svg, .topic-design.card-action.bookmarkable span:focus svg { fill: #38326d; }

.topic-design .card-action-trailer a:hover svg, .topic-design .card-action-trailer a:focus svg, .topic-design .card-action-trailer span:hover svg, .topic-design .card-action-trailer span:focus svg, .topic-design .card-action.bookmarkable a:hover svg, .topic-design .card-action.bookmarkable a:focus svg, .topic-design .card-action.bookmarkable span:hover svg, .topic-design .card-action.bookmarkable span:focus svg { fill: #38326d; }

.topic-experimental.card-action-trailer a:hover svg, .topic-experimental.card-action-trailer a:focus svg, .topic-experimental.card-action-trailer span:hover svg, .topic-experimental.card-action-trailer span:focus svg, .topic-experimental.card-action.bookmarkable a:hover svg, .topic-experimental.card-action.bookmarkable a:focus svg, .topic-experimental.card-action.bookmarkable span:hover svg, .topic-experimental.card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-experimental .card-action-trailer a:hover svg, .topic-experimental .card-action-trailer a:focus svg, .topic-experimental .card-action-trailer span:hover svg, .topic-experimental .card-action-trailer span:focus svg, .topic-experimental .card-action.bookmarkable a:hover svg, .topic-experimental .card-action.bookmarkable a:focus svg, .topic-experimental .card-action.bookmarkable span:hover svg, .topic-experimental .card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-front-end.card-action-trailer a:hover svg, .topic-front-end.card-action-trailer a:focus svg, .topic-front-end.card-action-trailer span:hover svg, .topic-front-end.card-action-trailer span:focus svg, .topic-front-end.card-action.bookmarkable a:hover svg, .topic-front-end.card-action.bookmarkable a:focus svg, .topic-front-end.card-action.bookmarkable span:hover svg, .topic-front-end.card-action.bookmarkable span:focus svg { fill: #29447c; }

.topic-front-end .card-action-trailer a:hover svg, .topic-front-end .card-action-trailer a:focus svg, .topic-front-end .card-action-trailer span:hover svg, .topic-front-end .card-action-trailer span:focus svg, .topic-front-end .card-action.bookmarkable a:hover svg, .topic-front-end .card-action.bookmarkable a:focus svg, .topic-front-end .card-action.bookmarkable span:hover svg, .topic-front-end .card-action.bookmarkable span:focus svg { fill: #29447c; }

.topic-fundamentals.card-action-trailer a:hover svg, .topic-fundamentals.card-action-trailer a:focus svg, .topic-fundamentals.card-action-trailer span:hover svg, .topic-fundamentals.card-action-trailer span:focus svg, .topic-fundamentals.card-action.bookmarkable a:hover svg, .topic-fundamentals.card-action.bookmarkable a:focus svg, .topic-fundamentals.card-action.bookmarkable span:hover svg, .topic-fundamentals.card-action.bookmarkable span:focus svg { fill: #762d45; }

.topic-fundamentals .card-action-trailer a:hover svg, .topic-fundamentals .card-action-trailer a:focus svg, .topic-fundamentals .card-action-trailer span:hover svg, .topic-fundamentals .card-action-trailer span:focus svg, .topic-fundamentals .card-action.bookmarkable a:hover svg, .topic-fundamentals .card-action.bookmarkable a:focus svg, .topic-fundamentals .card-action.bookmarkable span:hover svg, .topic-fundamentals .card-action.bookmarkable span:focus svg { fill: #762d45; }

.topic-mobile.card-action-trailer a:hover svg, .topic-mobile.card-action-trailer a:focus svg, .topic-mobile.card-action-trailer span:hover svg, .topic-mobile.card-action-trailer span:focus svg, .topic-mobile.card-action.bookmarkable a:hover svg, .topic-mobile.card-action.bookmarkable a:focus svg, .topic-mobile.card-action.bookmarkable span:hover svg, .topic-mobile.card-action.bookmarkable span:focus svg { fill: #225d4d; }

.topic-mobile .card-action-trailer a:hover svg, .topic-mobile .card-action-trailer a:focus svg, .topic-mobile .card-action-trailer span:hover svg, .topic-mobile .card-action-trailer span:focus svg, .topic-mobile .card-action.bookmarkable a:hover svg, .topic-mobile .card-action.bookmarkable a:focus svg, .topic-mobile .card-action.bookmarkable span:hover svg, .topic-mobile .card-action.bookmarkable span:focus svg { fill: #225d4d; }

.topic-internal.card-action-trailer a:hover svg, .topic-internal.card-action-trailer a:focus svg, .topic-internal.card-action-trailer span:hover svg, .topic-internal.card-action-trailer span:focus svg, .topic-internal.card-action.bookmarkable a:hover svg, .topic-internal.card-action.bookmarkable a:focus svg, .topic-internal.card-action.bookmarkable span:hover svg, .topic-internal.card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-internal .card-action-trailer a:hover svg, .topic-internal .card-action-trailer a:focus svg, .topic-internal .card-action-trailer span:hover svg, .topic-internal .card-action-trailer span:focus svg, .topic-internal .card-action.bookmarkable a:hover svg, .topic-internal .card-action.bookmarkable a:focus svg, .topic-internal .card-action.bookmarkable span:hover svg, .topic-internal .card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-foundations.card-action-trailer a:hover svg, .topic-foundations.card-action-trailer a:focus svg, .topic-foundations.card-action-trailer span:hover svg, .topic-foundations.card-action-trailer span:focus svg, .topic-foundations.card-action.bookmarkable a:hover svg, .topic-foundations.card-action.bookmarkable a:focus svg, .topic-foundations.card-action.bookmarkable span:hover svg, .topic-foundations.card-action.bookmarkable span:focus svg { fill: #00252e; }

.topic-foundations .card-action-trailer a:hover svg, .topic-foundations .card-action-trailer a:focus svg, .topic-foundations .card-action-trailer span:hover svg, .topic-foundations .card-action-trailer span:focus svg, .topic-foundations .card-action.bookmarkable a:hover svg, .topic-foundations .card-action.bookmarkable a:focus svg, .topic-foundations .card-action.bookmarkable span:hover svg, .topic-foundations .card-action.bookmarkable span:focus svg { fill: #00252e; }

.topic-undefined.card-action-trailer a:hover svg, .topic-undefined.card-action-trailer a:focus svg, .topic-undefined.card-action-trailer span:hover svg, .topic-undefined.card-action-trailer span:focus svg, .topic-undefined.card-action.bookmarkable a:hover svg, .topic-undefined.card-action.bookmarkable a:focus svg, .topic-undefined.card-action.bookmarkable span:hover svg, .topic-undefined.card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-undefined .card-action-trailer a:hover svg, .topic-undefined .card-action-trailer a:focus svg, .topic-undefined .card-action-trailer span:hover svg, .topic-undefined .card-action-trailer span:focus svg, .topic-undefined .card-action.bookmarkable a:hover svg, .topic-undefined .card-action.bookmarkable a:focus svg, .topic-undefined .card-action.bookmarkable span:hover svg, .topic-undefined .card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-college-credit.card-action-trailer a:hover svg, .topic-college-credit.card-action-trailer a:focus svg, .topic-college-credit.card-action-trailer span:hover svg, .topic-college-credit.card-action-trailer span:focus svg, .topic-college-credit.card-action.bookmarkable a:hover svg, .topic-college-credit.card-action.bookmarkable a:focus svg, .topic-college-credit.card-action.bookmarkable span:hover svg, .topic-college-credit.card-action.bookmarkable span:focus svg { fill: #2c6ca1; }

.topic-college-credit .card-action-trailer a:hover svg, .topic-college-credit .card-action-trailer a:focus svg, .topic-college-credit .card-action-trailer span:hover svg, .topic-college-credit .card-action-trailer span:focus svg, .topic-college-credit .card-action.bookmarkable a:hover svg, .topic-college-credit .card-action.bookmarkable a:focus svg, .topic-college-credit .card-action.bookmarkable span:hover svg, .topic-college-credit .card-action.bookmarkable span:focus svg { fill: #2c6ca1; }

.topic-no-code.card-action-trailer a:hover svg, .topic-no-code.card-action-trailer a:focus svg, .topic-no-code.card-action-trailer span:hover svg, .topic-no-code.card-action-trailer span:focus svg, .topic-no-code.card-action.bookmarkable a:hover svg, .topic-no-code.card-action.bookmarkable a:focus svg, .topic-no-code.card-action.bookmarkable span:hover svg, .topic-no-code.card-action.bookmarkable span:focus svg { fill: #268762; }

.topic-no-code .card-action-trailer a:hover svg, .topic-no-code .card-action-trailer a:focus svg, .topic-no-code .card-action-trailer span:hover svg, .topic-no-code .card-action-trailer span:focus svg, .topic-no-code .card-action.bookmarkable a:hover svg, .topic-no-code .card-action.bookmarkable a:focus svg, .topic-no-code .card-action.bookmarkable span:hover svg, .topic-no-code .card-action.bookmarkable span:focus svg { fill: #268762; }

.topic-security.card-action-trailer a:hover svg, .topic-security.card-action-trailer a:focus svg, .topic-security.card-action-trailer span:hover svg, .topic-security.card-action-trailer span:focus svg, .topic-security.card-action.bookmarkable a:hover svg, .topic-security.card-action.bookmarkable a:focus svg, .topic-security.card-action.bookmarkable span:hover svg, .topic-security.card-action.bookmarkable span:focus svg { fill: #1983dd; }

.topic-security .card-action-trailer a:hover svg, .topic-security .card-action-trailer a:focus svg, .topic-security .card-action-trailer span:hover svg, .topic-security .card-action-trailer span:focus svg, .topic-security .card-action.bookmarkable a:hover svg, .topic-security .card-action.bookmarkable a:focus svg, .topic-security .card-action.bookmarkable span:hover svg, .topic-security .card-action.bookmarkable span:focus svg { fill: #1983dd; }

.topic-game-development.card-action-trailer a:hover svg, .topic-game-development.card-action-trailer a:focus svg, .topic-game-development.card-action-trailer span:hover svg, .topic-game-development.card-action-trailer span:focus svg, .topic-game-development.card-action.bookmarkable a:hover svg, .topic-game-development.card-action.bookmarkable a:focus svg, .topic-game-development.card-action.bookmarkable span:hover svg, .topic-game-development.card-action.bookmarkable span:focus svg { fill: #664bb5; }

.topic-game-development .card-action-trailer a:hover svg, .topic-game-development .card-action-trailer a:focus svg, .topic-game-development .card-action-trailer span:hover svg, .topic-game-development .card-action-trailer span:focus svg, .topic-game-development .card-action.bookmarkable a:hover svg, .topic-game-development .card-action.bookmarkable a:focus svg, .topic-game-development .card-action.bookmarkable span:hover svg, .topic-game-development .card-action.bookmarkable span:focus svg { fill: #664bb5; }

.topic-treehouse-resources.card-action-trailer a:hover svg, .topic-treehouse-resources.card-action-trailer a:focus svg, .topic-treehouse-resources.card-action-trailer span:hover svg, .topic-treehouse-resources.card-action-trailer span:focus svg, .topic-treehouse-resources.card-action.bookmarkable a:hover svg, .topic-treehouse-resources.card-action.bookmarkable a:focus svg, .topic-treehouse-resources.card-action.bookmarkable span:hover svg, .topic-treehouse-resources.card-action.bookmarkable span:focus svg { fill: #3ac162; }

.topic-treehouse-resources .card-action-trailer a:hover svg, .topic-treehouse-resources .card-action-trailer a:focus svg, .topic-treehouse-resources .card-action-trailer span:hover svg, .topic-treehouse-resources .card-action-trailer span:focus svg, .topic-treehouse-resources .card-action.bookmarkable a:hover svg, .topic-treehouse-resources .card-action.bookmarkable a:focus svg, .topic-treehouse-resources .card-action.bookmarkable span:hover svg, .topic-treehouse-resources .card-action.bookmarkable span:focus svg { fill: #3ac162; }

.topic-coding-for-kids.card-action-trailer a:hover svg, .topic-coding-for-kids.card-action-trailer a:focus svg, .topic-coding-for-kids.card-action-trailer span:hover svg, .topic-coding-for-kids.card-action-trailer span:focus svg, .topic-coding-for-kids.card-action.bookmarkable a:hover svg, .topic-coding-for-kids.card-action.bookmarkable a:focus svg, .topic-coding-for-kids.card-action.bookmarkable span:hover svg, .topic-coding-for-kids.card-action.bookmarkable span:focus svg { fill: #db520c; }

.topic-coding-for-kids .card-action-trailer a:hover svg, .topic-coding-for-kids .card-action-trailer a:focus svg, .topic-coding-for-kids .card-action-trailer span:hover svg, .topic-coding-for-kids .card-action-trailer span:focus svg, .topic-coding-for-kids .card-action.bookmarkable a:hover svg, .topic-coding-for-kids .card-action.bookmarkable a:focus svg, .topic-coding-for-kids .card-action.bookmarkable span:hover svg, .topic-coding-for-kids .card-action.bookmarkable span:focus svg { fill: #db520c; }

.card-action-trailer .bookmark:before, .card-action-trailer .bookmark:after, .card-action.bookmarkable .bookmark:before, .card-action.bookmarkable .bookmark:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.card-action-trailer .bookmark:before, .card-action.bookmarkable .bookmark:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action-trailer .bookmark:after, .card-action.bookmarkable .bookmark:after { content: "Bookmark"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-action-trailer .bookmark:hover:before, .card-action.bookmarkable .bookmark:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.card-action-trailer .bookmark:hover:after, .card-action.bookmarkable .bookmark:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.bookmarked .card-action-trailer .bookmark, .bookmarked .card-action.bookmarkable .bookmark { display: none; }

.card-action-trailer .unbookmark:before, .card-action-trailer .unbookmark:after, .card-action.bookmarkable .unbookmark:before, .card-action.bookmarkable .unbookmark:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.card-action-trailer .unbookmark:before, .card-action.bookmarkable .unbookmark:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action-trailer .unbookmark:after, .card-action.bookmarkable .unbookmark:after { content: "Remove Bookmark"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-action-trailer .unbookmark:hover:before, .card-action.bookmarkable .unbookmark:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.card-action-trailer .unbookmark:hover:after, .card-action.bookmarkable .unbookmark:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.topic-ai.card-action-trailer .unbookmark, .topic-ai.card-action.bookmarkable .unbookmark { border-color: #733A88; }

.topic-ai .card-action-trailer .unbookmark, .topic-ai .card-action.bookmarkable .unbookmark { border-color: #733A88; }

.topic-back-end.card-action-trailer .unbookmark, .topic-back-end.card-action.bookmarkable .unbookmark { border-color: #008297; }

.topic-back-end .card-action-trailer .unbookmark, .topic-back-end .card-action.bookmarkable .unbookmark { border-color: #008297; }

.topic-data.card-action-trailer .unbookmark, .topic-data.card-action.bookmarkable .unbookmark { border-color: #9F4B84; }

.topic-data .card-action-trailer .unbookmark, .topic-data .card-action.bookmarkable .unbookmark { border-color: #9F4B84; }

.topic-design.card-action-trailer .unbookmark, .topic-design.card-action.bookmarkable .unbookmark { border-color: #4a4290; }

.topic-design .card-action-trailer .unbookmark, .topic-design .card-action.bookmarkable .unbookmark { border-color: #4a4290; }

.topic-experimental.card-action-trailer .unbookmark, .topic-experimental.card-action.bookmarkable .unbookmark { border-color: #733a88; }

.topic-experimental .card-action-trailer .unbookmark, .topic-experimental .card-action.bookmarkable .unbookmark { border-color: #733a88; }

.topic-front-end.card-action-trailer .unbookmark, .topic-front-end.card-action.bookmarkable .unbookmark { border-color: #3659a2; }

.topic-front-end .card-action-trailer .unbookmark, .topic-front-end .card-action.bookmarkable .unbookmark { border-color: #3659a2; }

.topic-fundamentals.card-action-trailer .unbookmark, .topic-fundamentals.card-action.bookmarkable .unbookmark { border-color: #9b3b5a; }

.topic-fundamentals .card-action-trailer .unbookmark, .topic-fundamentals .card-action.bookmarkable .unbookmark { border-color: #9b3b5a; }

.topic-mobile.card-action-trailer .unbookmark, .topic-mobile.card-action.bookmarkable .unbookmark { border-color: #30826C; }

.topic-mobile .card-action-trailer .unbookmark, .topic-mobile .card-action.bookmarkable .unbookmark { border-color: #30826C; }

.topic-internal.card-action-trailer .unbookmark, .topic-internal.card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-internal .card-action-trailer .unbookmark, .topic-internal .card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-foundations.card-action-trailer .unbookmark, .topic-foundations.card-action.bookmarkable .unbookmark { border-color: #004e61; }

.topic-foundations .card-action-trailer .unbookmark, .topic-foundations .card-action.bookmarkable .unbookmark { border-color: #004e61; }

.topic-undefined.card-action-trailer .unbookmark, .topic-undefined.card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-undefined .card-action-trailer .unbookmark, .topic-undefined .card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-college-credit.card-action-trailer .unbookmark, .topic-college-credit.card-action.bookmarkable .unbookmark { border-color: #3887c8; }

.topic-college-credit .card-action-trailer .unbookmark, .topic-college-credit .card-action.bookmarkable .unbookmark { border-color: #3887c8; }

.topic-no-code.card-action-trailer .unbookmark, .topic-no-code.card-action.bookmarkable .unbookmark { border-color: #31AF7F; }

.topic-no-code .card-action-trailer .unbookmark, .topic-no-code .card-action.bookmarkable .unbookmark { border-color: #31AF7F; }

.topic-security.card-action-trailer .unbookmark, .topic-security.card-action.bookmarkable .unbookmark { border-color: #409BE9; }

.topic-security .card-action-trailer .unbookmark, .topic-security .card-action.bookmarkable .unbookmark { border-color: #409BE9; }

.topic-game-development.card-action-trailer .unbookmark, .topic-game-development.card-action.bookmarkable .unbookmark { border-color: #856fc4; }

.topic-game-development .card-action-trailer .unbookmark, .topic-game-development .card-action.bookmarkable .unbookmark { border-color: #856fc4; }

.topic-treehouse-resources.card-action-trailer .unbookmark, .topic-treehouse-resources.card-action.bookmarkable .unbookmark { border-color: #5fcf80; }

.topic-treehouse-resources .card-action-trailer .unbookmark, .topic-treehouse-resources .card-action.bookmarkable .unbookmark { border-color: #5fcf80; }

.topic-coding-for-kids.card-action-trailer .unbookmark, .topic-coding-for-kids.card-action.bookmarkable .unbookmark { border-color: #F36C27; }

.topic-coding-for-kids .card-action-trailer .unbookmark, .topic-coding-for-kids .card-action.bookmarkable .unbookmark { border-color: #F36C27; }

.card:not(.bookmarked) .card-action-trailer .unbookmark, .card:not(.bookmarked) .card-action.bookmarkable .unbookmark { display: none; }

.topic-ai.card-action-trailer .unbookmark svg, .topic-ai.card-action.bookmarkable .unbookmark svg { fill: #733A88; }

.topic-ai .card-action-trailer .unbookmark svg, .topic-ai .card-action.bookmarkable .unbookmark svg { fill: #733A88; }

.topic-back-end.card-action-trailer .unbookmark svg, .topic-back-end.card-action.bookmarkable .unbookmark svg { fill: #008297; }

.topic-back-end .card-action-trailer .unbookmark svg, .topic-back-end .card-action.bookmarkable .unbookmark svg { fill: #008297; }

.topic-data.card-action-trailer .unbookmark svg, .topic-data.card-action.bookmarkable .unbookmark svg { fill: #9F4B84; }

.topic-data .card-action-trailer .unbookmark svg, .topic-data .card-action.bookmarkable .unbookmark svg { fill: #9F4B84; }

.topic-design.card-action-trailer .unbookmark svg, .topic-design.card-action.bookmarkable .unbookmark svg { fill: #4a4290; }

.topic-design .card-action-trailer .unbookmark svg, .topic-design .card-action.bookmarkable .unbookmark svg { fill: #4a4290; }

.topic-experimental.card-action-trailer .unbookmark svg, .topic-experimental.card-action.bookmarkable .unbookmark svg { fill: #733a88; }

.topic-experimental .card-action-trailer .unbookmark svg, .topic-experimental .card-action.bookmarkable .unbookmark svg { fill: #733a88; }

.topic-front-end.card-action-trailer .unbookmark svg, .topic-front-end.card-action.bookmarkable .unbookmark svg { fill: #3659a2; }

.topic-front-end .card-action-trailer .unbookmark svg, .topic-front-end .card-action.bookmarkable .unbookmark svg { fill: #3659a2; }

.topic-fundamentals.card-action-trailer .unbookmark svg, .topic-fundamentals.card-action.bookmarkable .unbookmark svg { fill: #9b3b5a; }

.topic-fundamentals .card-action-trailer .unbookmark svg, .topic-fundamentals .card-action.bookmarkable .unbookmark svg { fill: #9b3b5a; }

.topic-mobile.card-action-trailer .unbookmark svg, .topic-mobile.card-action.bookmarkable .unbookmark svg { fill: #30826C; }

.topic-mobile .card-action-trailer .unbookmark svg, .topic-mobile .card-action.bookmarkable .unbookmark svg { fill: #30826C; }

.topic-internal.card-action-trailer .unbookmark svg, .topic-internal.card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-internal .card-action-trailer .unbookmark svg, .topic-internal .card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-foundations.card-action-trailer .unbookmark svg, .topic-foundations.card-action.bookmarkable .unbookmark svg { fill: #004e61; }

.topic-foundations .card-action-trailer .unbookmark svg, .topic-foundations .card-action.bookmarkable .unbookmark svg { fill: #004e61; }

.topic-undefined.card-action-trailer .unbookmark svg, .topic-undefined.card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-undefined .card-action-trailer .unbookmark svg, .topic-undefined .card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-college-credit.card-action-trailer .unbookmark svg, .topic-college-credit.card-action.bookmarkable .unbookmark svg { fill: #3887c8; }

.topic-college-credit .card-action-trailer .unbookmark svg, .topic-college-credit .card-action.bookmarkable .unbookmark svg { fill: #3887c8; }

.topic-no-code.card-action-trailer .unbookmark svg, .topic-no-code.card-action.bookmarkable .unbookmark svg { fill: #31AF7F; }

.topic-no-code .card-action-trailer .unbookmark svg, .topic-no-code .card-action.bookmarkable .unbookmark svg { fill: #31AF7F; }

.topic-security.card-action-trailer .unbookmark svg, .topic-security.card-action.bookmarkable .unbookmark svg { fill: #409BE9; }

.topic-security .card-action-trailer .unbookmark svg, .topic-security .card-action.bookmarkable .unbookmark svg { fill: #409BE9; }

.topic-game-development.card-action-trailer .unbookmark svg, .topic-game-development.card-action.bookmarkable .unbookmark svg { fill: #856fc4; }

.topic-game-development .card-action-trailer .unbookmark svg, .topic-game-development .card-action.bookmarkable .unbookmark svg { fill: #856fc4; }

.topic-treehouse-resources.card-action-trailer .unbookmark svg, .topic-treehouse-resources.card-action.bookmarkable .unbookmark svg { fill: #5fcf80; }

.topic-treehouse-resources .card-action-trailer .unbookmark svg, .topic-treehouse-resources .card-action.bookmarkable .unbookmark svg { fill: #5fcf80; }

.topic-coding-for-kids.card-action-trailer .unbookmark svg, .topic-coding-for-kids.card-action.bookmarkable .unbookmark svg { fill: #F36C27; }

.topic-coding-for-kids .card-action-trailer .unbookmark svg, .topic-coding-for-kids .card-action.bookmarkable .unbookmark svg { fill: #F36C27; }

.card-action-trailer .add-icon, .card-action.bookmarkable .add-icon { top: 1px; position: relative; }

.card-action-trailer.loading a svg, .card-action.bookmarkable.loading a svg { display: none; }

.card-action-trailer.loading a .loading-icon, .card-action.bookmarkable.loading a .loading-icon { display: inline-block; }

.card-action.secondary { float: right; margin: 0 0 0 10px; height: 36px; line-height: 36px; }

.card-action-button, .card-action-info { position: relative; background-color: transparent; display: inline-block; border: 2px solid #e8ebed; padding: 0; text-align: center; line-height: 36px; width: 36px; height: 36px; border-radius: 50%; transition: all 300ms 0s ease; }

.card-action-button.large, .card-action-info.large { width: 40px; height: 40px; line-height: 40px; }

.card-action-button:hover, .card-action-button:focus, .card-action-info:hover, .card-action-info:focus { border-color: #6E7881; }

.card-action-button:hover svg, .card-action-button:focus svg, .card-action-info:hover svg, .card-action-info:focus svg { fill: #6E7881; }

.card-action-button-inverse, .card-action-info-inverse { border-color: rgba(255, 255, 255, 0.4); }

.card-action-button-inverse:hover, .card-action-info-inverse:hover { border-color: #fff; }

.card-action-button svg, .card-action-info svg { position: relative; pointer-events: none; fill: #8e969d; }

.card-techdegree .card-action-button svg, .card-techdegree .card-action-info svg { fill: #fff; }

.card-action-button svg.loading-icon, .card-action-info svg.loading-icon { top: 2px; display: none; }

.loading.card-action-button svg.loading-icon, .loading.card-action-info svg.loading-icon { display: inline-block; }

.card-action-button svg.loading-icon .loading-circle, .card-action-info svg.loading-icon .loading-circle { fill: #e2e5e8; }

.topic-ai.card-action-button svg.loading-icon .loading-quarter-circle, .topic-ai.card-action-info svg.loading-icon .loading-quarter-circle { fill: #733A88; }

.topic-ai .card-action-button svg.loading-icon .loading-quarter-circle, .topic-ai .card-action-info svg.loading-icon .loading-quarter-circle { fill: #733A88; }

.topic-back-end.card-action-button svg.loading-icon .loading-quarter-circle, .topic-back-end.card-action-info svg.loading-icon .loading-quarter-circle { fill: #008297; }

.topic-back-end .card-action-button svg.loading-icon .loading-quarter-circle, .topic-back-end .card-action-info svg.loading-icon .loading-quarter-circle { fill: #008297; }

.topic-data.card-action-button svg.loading-icon .loading-quarter-circle, .topic-data.card-action-info svg.loading-icon .loading-quarter-circle { fill: #9F4B84; }

.topic-data .card-action-button svg.loading-icon .loading-quarter-circle, .topic-data .card-action-info svg.loading-icon .loading-quarter-circle { fill: #9F4B84; }

.topic-design.card-action-button svg.loading-icon .loading-quarter-circle, .topic-design.card-action-info svg.loading-icon .loading-quarter-circle { fill: #4a4290; }

.topic-design .card-action-button svg.loading-icon .loading-quarter-circle, .topic-design .card-action-info svg.loading-icon .loading-quarter-circle { fill: #4a4290; }

.topic-experimental.card-action-button svg.loading-icon .loading-quarter-circle, .topic-experimental.card-action-info svg.loading-icon .loading-quarter-circle { fill: #733a88; }

.topic-experimental .card-action-button svg.loading-icon .loading-quarter-circle, .topic-experimental .card-action-info svg.loading-icon .loading-quarter-circle { fill: #733a88; }

.topic-front-end.card-action-button svg.loading-icon .loading-quarter-circle, .topic-front-end.card-action-info svg.loading-icon .loading-quarter-circle { fill: #3659a2; }

.topic-front-end .card-action-button svg.loading-icon .loading-quarter-circle, .topic-front-end .card-action-info svg.loading-icon .loading-quarter-circle { fill: #3659a2; }

.topic-fundamentals.card-action-button svg.loading-icon .loading-quarter-circle, .topic-fundamentals.card-action-info svg.loading-icon .loading-quarter-circle { fill: #9b3b5a; }

.topic-fundamentals .card-action-button svg.loading-icon .loading-quarter-circle, .topic-fundamentals .card-action-info svg.loading-icon .loading-quarter-circle { fill: #9b3b5a; }

.topic-mobile.card-action-button svg.loading-icon .loading-quarter-circle, .topic-mobile.card-action-info svg.loading-icon .loading-quarter-circle { fill: #30826C; }

.topic-mobile .card-action-button svg.loading-icon .loading-quarter-circle, .topic-mobile .card-action-info svg.loading-icon .loading-quarter-circle { fill: #30826C; }

.topic-internal.card-action-button svg.loading-icon .loading-quarter-circle, .topic-internal.card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-internal .card-action-button svg.loading-icon .loading-quarter-circle, .topic-internal .card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-foundations.card-action-button svg.loading-icon .loading-quarter-circle, .topic-foundations.card-action-info svg.loading-icon .loading-quarter-circle { fill: #004e61; }

.topic-foundations .card-action-button svg.loading-icon .loading-quarter-circle, .topic-foundations .card-action-info svg.loading-icon .loading-quarter-circle { fill: #004e61; }

.topic-undefined.card-action-button svg.loading-icon .loading-quarter-circle, .topic-undefined.card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-undefined .card-action-button svg.loading-icon .loading-quarter-circle, .topic-undefined .card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-college-credit.card-action-button svg.loading-icon .loading-quarter-circle, .topic-college-credit.card-action-info svg.loading-icon .loading-quarter-circle { fill: #3887c8; }

.topic-college-credit .card-action-button svg.loading-icon .loading-quarter-circle, .topic-college-credit .card-action-info svg.loading-icon .loading-quarter-circle { fill: #3887c8; }

.topic-no-code.card-action-button svg.loading-icon .loading-quarter-circle, .topic-no-code.card-action-info svg.loading-icon .loading-quarter-circle { fill: #31AF7F; }

.topic-no-code .card-action-button svg.loading-icon .loading-quarter-circle, .topic-no-code .card-action-info svg.loading-icon .loading-quarter-circle { fill: #31AF7F; }

.topic-security.card-action-button svg.loading-icon .loading-quarter-circle, .topic-security.card-action-info svg.loading-icon .loading-quarter-circle { fill: #409BE9; }

.topic-security .card-action-button svg.loading-icon .loading-quarter-circle, .topic-security .card-action-info svg.loading-icon .loading-quarter-circle { fill: #409BE9; }

.topic-game-development.card-action-button svg.loading-icon .loading-quarter-circle, .topic-game-development.card-action-info svg.loading-icon .loading-quarter-circle { fill: #856fc4; }

.topic-game-development .card-action-button svg.loading-icon .loading-quarter-circle, .topic-game-development .card-action-info svg.loading-icon .loading-quarter-circle { fill: #856fc4; }

.topic-treehouse-resources.card-action-button svg.loading-icon .loading-quarter-circle, .topic-treehouse-resources.card-action-info svg.loading-icon .loading-quarter-circle { fill: #5fcf80; }

.topic-treehouse-resources .card-action-button svg.loading-icon .loading-quarter-circle, .topic-treehouse-resources .card-action-info svg.loading-icon .loading-quarter-circle { fill: #5fcf80; }

.topic-coding-for-kids.card-action-button svg.loading-icon .loading-quarter-circle, .topic-coding-for-kids.card-action-info svg.loading-icon .loading-quarter-circle { fill: #F36C27; }

.topic-coding-for-kids .card-action-button svg.loading-icon .loading-quarter-circle, .topic-coding-for-kids .card-action-info svg.loading-icon .loading-quarter-circle { fill: #F36C27; }

.card-action-button svg.building-icon, .card-action-info svg.building-icon { position: absolute; top: 7px; left: 7px; }

.card-action-button svg.salary-icon, .card-action-info svg.salary-icon { top: 3px; }

.card-action-button svg.play-icon, .card-action-info svg.play-icon { width: 12px; height: 14px; left: 2px; }

.loading.card-action-button svg.play-icon, .loading.card-action-info svg.play-icon { display: none; }

.topic-ai .card-action-button:hover, .topic-ai .card-action-button:focus { border-color: #733A88; }

.topic-back-end .card-action-button:hover, .topic-back-end .card-action-button:focus { border-color: #008297; }

.topic-data .card-action-button:hover, .topic-data .card-action-button:focus { border-color: #9F4B84; }

.topic-design .card-action-button:hover, .topic-design .card-action-button:focus { border-color: #4a4290; }

.topic-experimental .card-action-button:hover, .topic-experimental .card-action-button:focus { border-color: #733a88; }

.topic-front-end .card-action-button:hover, .topic-front-end .card-action-button:focus { border-color: #3659a2; }

.topic-fundamentals .card-action-button:hover, .topic-fundamentals .card-action-button:focus { border-color: #9b3b5a; }

.topic-mobile .card-action-button:hover, .topic-mobile .card-action-button:focus { border-color: #30826C; }

.topic-internal .card-action-button:hover, .topic-internal .card-action-button:focus { border-color: #55616c; }

.topic-foundations .card-action-button:hover, .topic-foundations .card-action-button:focus { border-color: #004e61; }

.topic-undefined .card-action-button:hover, .topic-undefined .card-action-button:focus { border-color: #55616c; }

.topic-college-credit .card-action-button:hover, .topic-college-credit .card-action-button:focus { border-color: #3887c8; }

.topic-no-code .card-action-button:hover, .topic-no-code .card-action-button:focus { border-color: #31AF7F; }

.topic-security .card-action-button:hover, .topic-security .card-action-button:focus { border-color: #409BE9; }

.topic-game-development .card-action-button:hover, .topic-game-development .card-action-button:focus { border-color: #856fc4; }

.topic-treehouse-resources .card-action-button:hover, .topic-treehouse-resources .card-action-button:focus { border-color: #5fcf80; }

.topic-coding-for-kids .card-action-button:hover, .topic-coding-for-kids .card-action-button:focus { border-color: #F36C27; }

.topic-ai .card-action-button:hover svg, .topic-ai .card-action-button:focus svg { fill: #733A88; }

.topic-back-end .card-action-button:hover svg, .topic-back-end .card-action-button:focus svg { fill: #008297; }

.topic-data .card-action-button:hover svg, .topic-data .card-action-button:focus svg { fill: #9F4B84; }

.topic-design .card-action-button:hover svg, .topic-design .card-action-button:focus svg { fill: #4a4290; }

.topic-experimental .card-action-button:hover svg, .topic-experimental .card-action-button:focus svg { fill: #733a88; }

.topic-front-end .card-action-button:hover svg, .topic-front-end .card-action-button:focus svg { fill: #3659a2; }

.topic-fundamentals .card-action-button:hover svg, .topic-fundamentals .card-action-button:focus svg { fill: #9b3b5a; }

.topic-mobile .card-action-button:hover svg, .topic-mobile .card-action-button:focus svg { fill: #30826C; }

.topic-internal .card-action-button:hover svg, .topic-internal .card-action-button:focus svg { fill: #55616c; }

.topic-foundations .card-action-button:hover svg, .topic-foundations .card-action-button:focus svg { fill: #004e61; }

.topic-undefined .card-action-button:hover svg, .topic-undefined .card-action-button:focus svg { fill: #55616c; }

.topic-college-credit .card-action-button:hover svg, .topic-college-credit .card-action-button:focus svg { fill: #3887c8; }

.topic-no-code .card-action-button:hover svg, .topic-no-code .card-action-button:focus svg { fill: #31AF7F; }

.topic-security .card-action-button:hover svg, .topic-security .card-action-button:focus svg { fill: #409BE9; }

.topic-game-development .card-action-button:hover svg, .topic-game-development .card-action-button:focus svg { fill: #856fc4; }

.topic-treehouse-resources .card-action-button:hover svg, .topic-treehouse-resources .card-action-button:focus svg { fill: #5fcf80; }

.topic-coding-for-kids .card-action-button:hover svg, .topic-coding-for-kids .card-action-button:focus svg { fill: #F36C27; }

.card-action-trailer:before, .card-action-trailer:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.card-action-trailer:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action-trailer:after { content: "Watch Trailer"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-action-trailer:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.card-action-trailer:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.card-action-trailer .tooltip { display: none; }

.card:first-child .card-action-trailer .tooltip { display: block; width: 230px; margin-left: -115px; -webkit-animation: floater 1s ease infinite; -moz-animation: floater 1s ease infinite; animation: floater 1s ease infinite; }

@-webkit-keyframes floater { 0%, 100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% { -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

@-moz-keyframes floater { 0%, 100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% { -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

@keyframes floater { 0%, 100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% { -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

.card-tooltip { position: absolute; background: #384047; text-align: center; padding: 15px 20px; width: 280px; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-tooltip p { color: #fff; line-height: 1.6; margin: 0; }

.card-tooltip p strong { color: #fff; }

.card-tooltip:after { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action:hover .card-tooltip { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.card .confirmation-tarp { display: none; position: absolute; top: 58px; right: 15px; bottom: 0; left: 15px; z-index: 3; background: rgba(255, 255, 255, 0.97); padding: 60px 30px 0; border-radius: 0 0 4px 4px; text-align: center; -webkit-animation: fade-in 0.15s ease-in; -moz-animation: fade-in 0.15s ease-in; animation: fade-in 0.15s ease-in; }

.card .confirmation-tarp.fade-out { -webkit-animation: fade-out 0.3s ease-out forwards; -moz-animation: fade-out 0.3s ease-out forwards; animation: fade-out 0.3s ease-out forwards; }

.card .confirmation-tarp h4 { font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 8px; color: #101417; }

.card .confirmation-tarp p { font-size: 14px; color: #2b363e; margin-bottom: 20px; }

.card .confirmation-tarp .button { display: block; margin: 20px 0 0; }

.card .confirmation-tarp .button .loading-icon { display: none; width: 18px; height: 18px; margin: 0 auto; opacity: 1; opacity: 1; }

.loading .card .confirmation-tarp .button-secondary span { display: none; }

.loading .card .confirmation-tarp .button-secondary .loading-icon { display: block; }

.card .confirmation-tarp .view-all { font-size: 14px; font-weight: 700; position: relative; top: 10px; }

.topic-ai.card .confirmation-tarp .view-all { color: #733A88; }

.topic-ai .card .confirmation-tarp .view-all { color: #733A88; }

.topic-back-end.card .confirmation-tarp .view-all { color: #008297; }

.topic-back-end .card .confirmation-tarp .view-all { color: #008297; }

.topic-data.card .confirmation-tarp .view-all { color: #9F4B84; }

.topic-data .card .confirmation-tarp .view-all { color: #9F4B84; }

.topic-design.card .confirmation-tarp .view-all { color: #4a4290; }

.topic-design .card .confirmation-tarp .view-all { color: #4a4290; }

.topic-experimental.card .confirmation-tarp .view-all { color: #733a88; }

.topic-experimental .card .confirmation-tarp .view-all { color: #733a88; }

.topic-front-end.card .confirmation-tarp .view-all { color: #3659a2; }

.topic-front-end .card .confirmation-tarp .view-all { color: #3659a2; }

.topic-fundamentals.card .confirmation-tarp .view-all { color: #9b3b5a; }

.topic-fundamentals .card .confirmation-tarp .view-all { color: #9b3b5a; }

.topic-mobile.card .confirmation-tarp .view-all { color: #30826C; }

.topic-mobile .card .confirmation-tarp .view-all { color: #30826C; }

.topic-internal.card .confirmation-tarp .view-all { color: #55616c; }

.topic-internal .card .confirmation-tarp .view-all { color: #55616c; }

.topic-foundations.card .confirmation-tarp .view-all { color: #004e61; }

.topic-foundations .card .confirmation-tarp .view-all { color: #004e61; }

.topic-undefined.card .confirmation-tarp .view-all { color: #55616c; }

.topic-undefined .card .confirmation-tarp .view-all { color: #55616c; }

.topic-college-credit.card .confirmation-tarp .view-all { color: #3887c8; }

.topic-college-credit .card .confirmation-tarp .view-all { color: #3887c8; }

.topic-no-code.card .confirmation-tarp .view-all { color: #31AF7F; }

.topic-no-code .card .confirmation-tarp .view-all { color: #31AF7F; }

.topic-security.card .confirmation-tarp .view-all { color: #409BE9; }

.topic-security .card .confirmation-tarp .view-all { color: #409BE9; }

.topic-game-development.card .confirmation-tarp .view-all { color: #856fc4; }

.topic-game-development .card .confirmation-tarp .view-all { color: #856fc4; }

.topic-treehouse-resources.card .confirmation-tarp .view-all { color: #5fcf80; }

.topic-treehouse-resources .card .confirmation-tarp .view-all { color: #5fcf80; }

.topic-coding-for-kids.card .confirmation-tarp .view-all { color: #F36C27; }

.topic-coding-for-kids .card .confirmation-tarp .view-all { color: #F36C27; }

.card .confirmation-tarp .view-all svg { margin-left: 3px; position: relative; top: 2px; }

.topic-ai.card .confirmation-tarp .view-all svg { fill: #733A88; }

.topic-ai .card .confirmation-tarp .view-all svg { fill: #733A88; }

.topic-back-end.card .confirmation-tarp .view-all svg { fill: #008297; }

.topic-back-end .card .confirmation-tarp .view-all svg { fill: #008297; }

.topic-data.card .confirmation-tarp .view-all svg { fill: #9F4B84; }

.topic-data .card .confirmation-tarp .view-all svg { fill: #9F4B84; }

.topic-design.card .confirmation-tarp .view-all svg { fill: #4a4290; }

.topic-design .card .confirmation-tarp .view-all svg { fill: #4a4290; }

.topic-experimental.card .confirmation-tarp .view-all svg { fill: #733a88; }

.topic-experimental .card .confirmation-tarp .view-all svg { fill: #733a88; }

.topic-front-end.card .confirmation-tarp .view-all svg { fill: #3659a2; }

.topic-front-end .card .confirmation-tarp .view-all svg { fill: #3659a2; }

.topic-fundamentals.card .confirmation-tarp .view-all svg { fill: #9b3b5a; }

.topic-fundamentals .card .confirmation-tarp .view-all svg { fill: #9b3b5a; }

.topic-mobile.card .confirmation-tarp .view-all svg { fill: #30826C; }

.topic-mobile .card .confirmation-tarp .view-all svg { fill: #30826C; }

.topic-internal.card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-internal .card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-foundations.card .confirmation-tarp .view-all svg { fill: #004e61; }

.topic-foundations .card .confirmation-tarp .view-all svg { fill: #004e61; }

.topic-undefined.card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-undefined .card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-college-credit.card .confirmation-tarp .view-all svg { fill: #3887c8; }

.topic-college-credit .card .confirmation-tarp .view-all svg { fill: #3887c8; }

.topic-no-code.card .confirmation-tarp .view-all svg { fill: #31AF7F; }

.topic-no-code .card .confirmation-tarp .view-all svg { fill: #31AF7F; }

.topic-security.card .confirmation-tarp .view-all svg { fill: #409BE9; }

.topic-security .card .confirmation-tarp .view-all svg { fill: #409BE9; }

.topic-game-development.card .confirmation-tarp .view-all svg { fill: #856fc4; }

.topic-game-development .card .confirmation-tarp .view-all svg { fill: #856fc4; }

.topic-treehouse-resources.card .confirmation-tarp .view-all svg { fill: #5fcf80; }

.topic-treehouse-resources .card .confirmation-tarp .view-all svg { fill: #5fcf80; }

.topic-coding-for-kids.card .confirmation-tarp .view-all svg { fill: #F36C27; }

.topic-coding-for-kids .card .confirmation-tarp .view-all svg { fill: #F36C27; }

.card:not([data-location=bookmarks]) .bookmarkable-tarp .removed-wrapper { display: none; }

.card[data-location=bookmarks].personalized:not(.bookmarked) { opacity: 0; pointer-events: none; -webkit-animation: fall-out 0.3s ease-out; -moz-animation: fall-out 0.3s ease-out; animation: fall-out 0.3s ease-out; }

@-webkit-keyframes fall-out { from { -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform-origin: center center;
    opacity: 1; }
  to { -ms-transform: translate(0px, 500px) rotate(15deg);
    -moz-transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform: translate(0px, 500px) rotate(15deg);
    transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform-origin: center center;
    opacity: 0; } }

@-moz-keyframes fall-out { from { -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transform-origin: center center;
    opacity: 1; }
  to { -ms-transform: translate(0px, 500px) rotate(15deg);
    -moz-transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform: translate(0px, 500px) rotate(15deg);
    transform: translate(0px, 500px) rotate(15deg);
    -moz-transform-origin: center center;
    opacity: 0; } }

@keyframes fall-out { from { -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  to { -ms-transform: translate(0px, 500px) rotate(15deg);
    -moz-transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform: translate(0px, 500px) rotate(15deg);
    transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

#card-trailer-modal { width: 50%; padding: 0; margin: 30px auto; max-width: 800px; }

@media screen and (min-width: 680px) { #card-trailer-modal { width: 90%; } }

@media screen and (max-width: 679px) { #card-trailer-modal { width: 100%; } }

.coursecard-org-stats { position: absolute; bottom: 105px; right: 15px; z-index: 3; }

.coursecard-org-stats li { float: left; margin-right: 20px; }

.coursecard-org-stats li svg { height: 14px; width: auto; fill: #8e969d; }

.coursecard-org-stats h4 { display: inline; }
.tag, .tags > li > a, .tags > li > span { display: inline-block; border-radius: 100px; background: transparent; border: 2px solid #d4d9dd; font-weight: 700; padding: 0 11px; font-size: 13px; line-height: 32px; white-space: nowrap; position: relative; text-align: center; transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease; }

.tag:not(.has-topic-color), .tags > li > a:not(.has-topic-color), .tags > li > span:not(.has-topic-color) { color: #55616c; }

.tags > li { display: inline-block; margin: 0 7px 9px 0; }

.tags > li.topic-ai > a, .tags > li.topic-ai > span { color: #733A88; }

.tags > li.topic-back-end > a, .tags > li.topic-back-end > span { color: #008297; }

.tags > li.topic-data > a, .tags > li.topic-data > span { color: #9F4B84; }

.tags > li.topic-design > a, .tags > li.topic-design > span { color: #4a4290; }

.tags > li.topic-experimental > a, .tags > li.topic-experimental > span { color: #733a88; }

.tags > li.topic-front-end > a, .tags > li.topic-front-end > span { color: #3659a2; }

.tags > li.topic-fundamentals > a, .tags > li.topic-fundamentals > span { color: #9b3b5a; }

.tags > li.topic-mobile > a, .tags > li.topic-mobile > span { color: #30826C; }

.tags > li.topic-internal > a, .tags > li.topic-internal > span { color: #55616c; }

.tags > li.topic-foundations > a, .tags > li.topic-foundations > span { color: #004e61; }

.tags > li.topic-undefined > a, .tags > li.topic-undefined > span { color: #55616c; }

.tags > li.topic-college-credit > a, .tags > li.topic-college-credit > span { color: #3887c8; }

.tags > li.topic-no-code > a, .tags > li.topic-no-code > span { color: #31AF7F; }

.tags > li.topic-security > a, .tags > li.topic-security > span { color: #409BE9; }

.tags > li.topic-game-development > a, .tags > li.topic-game-development > span { color: #856fc4; }

.tags > li.topic-treehouse-resources > a, .tags > li.topic-treehouse-resources > span { color: #5fcf80; }

.tags > li.topic-coding-for-kids > a, .tags > li.topic-coding-for-kids > span { color: #F36C27; }

.tags > li.topic-ai > a:hover { color: #733A88; border-color: #733A88; }

.tags > li.topic-back-end > a:hover { color: #008297; border-color: #008297; }

.tags > li.topic-data > a:hover { color: #9F4B84; border-color: #9F4B84; }

.tags > li.topic-design > a:hover { color: #4a4290; border-color: #4a4290; }

.tags > li.topic-experimental > a:hover { color: #733a88; border-color: #733a88; }

.tags > li.topic-front-end > a:hover { color: #3659a2; border-color: #3659a2; }

.tags > li.topic-fundamentals > a:hover { color: #9b3b5a; border-color: #9b3b5a; }

.tags > li.topic-mobile > a:hover { color: #30826C; border-color: #30826C; }

.tags > li.topic-internal > a:hover { color: #55616c; border-color: #55616c; }

.tags > li.topic-foundations > a:hover { color: #004e61; border-color: #004e61; }

.tags > li.topic-undefined > a:hover { color: #55616c; border-color: #55616c; }

.tags > li.topic-college-credit > a:hover { color: #3887c8; border-color: #3887c8; }

.tags > li.topic-no-code > a:hover { color: #31AF7F; border-color: #31AF7F; }

.tags > li.topic-security > a:hover { color: #409BE9; border-color: #409BE9; }

.tags > li.topic-game-development > a:hover { color: #856fc4; border-color: #856fc4; }

.tags > li.topic-treehouse-resources > a:hover { color: #5fcf80; border-color: #5fcf80; }

.tags > li.topic-coding-for-kids > a:hover { color: #F36C27; border-color: #F36C27; }

.tags > li > a.hidden { display: none; }

.tags > li > a:hover { border-color: #2b363e; color: #1a2126; }

.tags > li.pro-content > a, .tags > li.pro-content > span, .tags > li.techdegree-content > a, .tags > li.techdegree-content > span { color: #fff; }

.topic-ai.tags li.pro-content > a, .topic-ai.tags li.pro-content > span, .topic-ai.tags li.techdegree-content > a, .topic-ai.tags li.techdegree-content > span { background-color: #733A88; border-color: #733A88; }

.topic-ai .tags > li.pro-content > a, .topic-ai .tags > li.pro-content > span, .topic-ai .tags > li.techdegree-content > a, .topic-ai .tags > li.techdegree-content > span { background-color: #733A88; border-color: #733A88; }

.topic-back-end.tags li.pro-content > a, .topic-back-end.tags li.pro-content > span, .topic-back-end.tags li.techdegree-content > a, .topic-back-end.tags li.techdegree-content > span { background-color: #008297; border-color: #008297; }

.topic-back-end .tags > li.pro-content > a, .topic-back-end .tags > li.pro-content > span, .topic-back-end .tags > li.techdegree-content > a, .topic-back-end .tags > li.techdegree-content > span { background-color: #008297; border-color: #008297; }

.topic-data.tags li.pro-content > a, .topic-data.tags li.pro-content > span, .topic-data.tags li.techdegree-content > a, .topic-data.tags li.techdegree-content > span { background-color: #9F4B84; border-color: #9F4B84; }

.topic-data .tags > li.pro-content > a, .topic-data .tags > li.pro-content > span, .topic-data .tags > li.techdegree-content > a, .topic-data .tags > li.techdegree-content > span { background-color: #9F4B84; border-color: #9F4B84; }

.topic-design.tags li.pro-content > a, .topic-design.tags li.pro-content > span, .topic-design.tags li.techdegree-content > a, .topic-design.tags li.techdegree-content > span { background-color: #4a4290; border-color: #4a4290; }

.topic-design .tags > li.pro-content > a, .topic-design .tags > li.pro-content > span, .topic-design .tags > li.techdegree-content > a, .topic-design .tags > li.techdegree-content > span { background-color: #4a4290; border-color: #4a4290; }

.topic-experimental.tags li.pro-content > a, .topic-experimental.tags li.pro-content > span, .topic-experimental.tags li.techdegree-content > a, .topic-experimental.tags li.techdegree-content > span { background-color: #733a88; border-color: #733a88; }

.topic-experimental .tags > li.pro-content > a, .topic-experimental .tags > li.pro-content > span, .topic-experimental .tags > li.techdegree-content > a, .topic-experimental .tags > li.techdegree-content > span { background-color: #733a88; border-color: #733a88; }

.topic-front-end.tags li.pro-content > a, .topic-front-end.tags li.pro-content > span, .topic-front-end.tags li.techdegree-content > a, .topic-front-end.tags li.techdegree-content > span { background-color: #3659a2; border-color: #3659a2; }

.topic-front-end .tags > li.pro-content > a, .topic-front-end .tags > li.pro-content > span, .topic-front-end .tags > li.techdegree-content > a, .topic-front-end .tags > li.techdegree-content > span { background-color: #3659a2; border-color: #3659a2; }

.topic-fundamentals.tags li.pro-content > a, .topic-fundamentals.tags li.pro-content > span, .topic-fundamentals.tags li.techdegree-content > a, .topic-fundamentals.tags li.techdegree-content > span { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-fundamentals .tags > li.pro-content > a, .topic-fundamentals .tags > li.pro-content > span, .topic-fundamentals .tags > li.techdegree-content > a, .topic-fundamentals .tags > li.techdegree-content > span { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-mobile.tags li.pro-content > a, .topic-mobile.tags li.pro-content > span, .topic-mobile.tags li.techdegree-content > a, .topic-mobile.tags li.techdegree-content > span { background-color: #30826C; border-color: #30826C; }

.topic-mobile .tags > li.pro-content > a, .topic-mobile .tags > li.pro-content > span, .topic-mobile .tags > li.techdegree-content > a, .topic-mobile .tags > li.techdegree-content > span { background-color: #30826C; border-color: #30826C; }

.topic-internal.tags li.pro-content > a, .topic-internal.tags li.pro-content > span, .topic-internal.tags li.techdegree-content > a, .topic-internal.tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-internal .tags > li.pro-content > a, .topic-internal .tags > li.pro-content > span, .topic-internal .tags > li.techdegree-content > a, .topic-internal .tags > li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-foundations.tags li.pro-content > a, .topic-foundations.tags li.pro-content > span, .topic-foundations.tags li.techdegree-content > a, .topic-foundations.tags li.techdegree-content > span { background-color: #004e61; border-color: #004e61; }

.topic-foundations .tags > li.pro-content > a, .topic-foundations .tags > li.pro-content > span, .topic-foundations .tags > li.techdegree-content > a, .topic-foundations .tags > li.techdegree-content > span { background-color: #004e61; border-color: #004e61; }

.topic-undefined.tags li.pro-content > a, .topic-undefined.tags li.pro-content > span, .topic-undefined.tags li.techdegree-content > a, .topic-undefined.tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-undefined .tags > li.pro-content > a, .topic-undefined .tags > li.pro-content > span, .topic-undefined .tags > li.techdegree-content > a, .topic-undefined .tags > li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-college-credit.tags li.pro-content > a, .topic-college-credit.tags li.pro-content > span, .topic-college-credit.tags li.techdegree-content > a, .topic-college-credit.tags li.techdegree-content > span { background-color: #3887c8; border-color: #3887c8; }

.topic-college-credit .tags > li.pro-content > a, .topic-college-credit .tags > li.pro-content > span, .topic-college-credit .tags > li.techdegree-content > a, .topic-college-credit .tags > li.techdegree-content > span { background-color: #3887c8; border-color: #3887c8; }

.topic-no-code.tags li.pro-content > a, .topic-no-code.tags li.pro-content > span, .topic-no-code.tags li.techdegree-content > a, .topic-no-code.tags li.techdegree-content > span { background-color: #31AF7F; border-color: #31AF7F; }

.topic-no-code .tags > li.pro-content > a, .topic-no-code .tags > li.pro-content > span, .topic-no-code .tags > li.techdegree-content > a, .topic-no-code .tags > li.techdegree-content > span { background-color: #31AF7F; border-color: #31AF7F; }

.topic-security.tags li.pro-content > a, .topic-security.tags li.pro-content > span, .topic-security.tags li.techdegree-content > a, .topic-security.tags li.techdegree-content > span { background-color: #409BE9; border-color: #409BE9; }

.topic-security .tags > li.pro-content > a, .topic-security .tags > li.pro-content > span, .topic-security .tags > li.techdegree-content > a, .topic-security .tags > li.techdegree-content > span { background-color: #409BE9; border-color: #409BE9; }

.topic-game-development.tags li.pro-content > a, .topic-game-development.tags li.pro-content > span, .topic-game-development.tags li.techdegree-content > a, .topic-game-development.tags li.techdegree-content > span { background-color: #856fc4; border-color: #856fc4; }

.topic-game-development .tags > li.pro-content > a, .topic-game-development .tags > li.pro-content > span, .topic-game-development .tags > li.techdegree-content > a, .topic-game-development .tags > li.techdegree-content > span { background-color: #856fc4; border-color: #856fc4; }

.topic-treehouse-resources.tags li.pro-content > a, .topic-treehouse-resources.tags li.pro-content > span, .topic-treehouse-resources.tags li.techdegree-content > a, .topic-treehouse-resources.tags li.techdegree-content > span { background-color: #5fcf80; border-color: #5fcf80; }

.topic-treehouse-resources .tags > li.pro-content > a, .topic-treehouse-resources .tags > li.pro-content > span, .topic-treehouse-resources .tags > li.techdegree-content > a, .topic-treehouse-resources .tags > li.techdegree-content > span { background-color: #5fcf80; border-color: #5fcf80; }

.topic-coding-for-kids.tags li.pro-content > a, .topic-coding-for-kids.tags li.pro-content > span, .topic-coding-for-kids.tags li.techdegree-content > a, .topic-coding-for-kids.tags li.techdegree-content > span { background-color: #F36C27; border-color: #F36C27; }

.topic-coding-for-kids .tags > li.pro-content > a, .topic-coding-for-kids .tags > li.pro-content > span, .topic-coding-for-kids .tags > li.techdegree-content > a, .topic-coding-for-kids .tags > li.techdegree-content > span { background-color: #F36C27; border-color: #F36C27; }

.topic-ai.tags li.pro-content > a:hover, .topic-ai.tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-ai .tags > li.pro-content > a:hover, .topic-ai .tags > li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-back-end.tags li.pro-content > a:hover, .topic-back-end.tags li.techdegree-content > a:hover { background-color: #006c7e; border-color: #006c7e; }

.topic-back-end .tags > li.pro-content > a:hover, .topic-back-end .tags > li.techdegree-content > a:hover { background-color: #006c7e; border-color: #006c7e; }

.topic-data.tags li.pro-content > a:hover, .topic-data.tags li.techdegree-content > a:hover { background-color: #8e4376; border-color: #8e4376; }

.topic-data .tags > li.pro-content > a:hover, .topic-data .tags > li.techdegree-content > a:hover { background-color: #8e4376; border-color: #8e4376; }

.topic-design.tags li.pro-content > a:hover, .topic-design.tags li.techdegree-content > a:hover { background-color: #413a7f; border-color: #413a7f; }

.topic-design .tags > li.pro-content > a:hover, .topic-design .tags > li.techdegree-content > a:hover { background-color: #413a7f; border-color: #413a7f; }

.topic-experimental.tags li.pro-content > a:hover, .topic-experimental.tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-experimental .tags > li.pro-content > a:hover, .topic-experimental .tags > li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-front-end.tags li.pro-content > a:hover, .topic-front-end.tags li.techdegree-content > a:hover { background-color: #304e8f; border-color: #304e8f; }

.topic-front-end .tags > li.pro-content > a:hover, .topic-front-end .tags > li.techdegree-content > a:hover { background-color: #304e8f; border-color: #304e8f; }

.topic-fundamentals.tags li.pro-content > a:hover, .topic-fundamentals.tags li.techdegree-content > a:hover { background-color: #89344f; border-color: #89344f; }

.topic-fundamentals .tags > li.pro-content > a:hover, .topic-fundamentals .tags > li.techdegree-content > a:hover { background-color: #89344f; border-color: #89344f; }

.topic-mobile.tags li.pro-content > a:hover, .topic-mobile.tags li.techdegree-content > a:hover { background-color: #296f5d; border-color: #296f5d; }

.topic-mobile .tags > li.pro-content > a:hover, .topic-mobile .tags > li.techdegree-content > a:hover { background-color: #296f5d; border-color: #296f5d; }

.topic-internal.tags li.pro-content > a:hover, .topic-internal.tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-internal .tags > li.pro-content > a:hover, .topic-internal .tags > li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-foundations.tags li.pro-content > a:hover, .topic-foundations.tags li.techdegree-content > a:hover { background-color: #003948; border-color: #003948; }

.topic-foundations .tags > li.pro-content > a:hover, .topic-foundations .tags > li.techdegree-content > a:hover { background-color: #003948; border-color: #003948; }

.topic-undefined.tags li.pro-content > a:hover, .topic-undefined.tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-undefined .tags > li.pro-content > a:hover, .topic-undefined .tags > li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-college-credit.tags li.pro-content > a:hover, .topic-college-credit.tags li.techdegree-content > a:hover { background-color: #327ab5; border-color: #327ab5; }

.topic-college-credit .tags > li.pro-content > a:hover, .topic-college-credit .tags > li.techdegree-content > a:hover { background-color: #327ab5; border-color: #327ab5; }

.topic-no-code.tags li.pro-content > a:hover, .topic-no-code.tags li.techdegree-content > a:hover { background-color: #2b9b71; border-color: #2b9b71; }

.topic-no-code .tags > li.pro-content > a:hover, .topic-no-code .tags > li.techdegree-content > a:hover { background-color: #2b9b71; border-color: #2b9b71; }

.topic-security.tags li.pro-content > a:hover, .topic-security.tags li.techdegree-content > a:hover { background-color: #298fe6; border-color: #298fe6; }

.topic-security .tags > li.pro-content > a:hover, .topic-security .tags > li.techdegree-content > a:hover { background-color: #298fe6; border-color: #298fe6; }

.topic-game-development.tags li.pro-content > a:hover, .topic-game-development.tags li.techdegree-content > a:hover { background-color: #765dbd; border-color: #765dbd; }

.topic-game-development .tags > li.pro-content > a:hover, .topic-game-development .tags > li.techdegree-content > a:hover { background-color: #765dbd; border-color: #765dbd; }

.topic-treehouse-resources.tags li.pro-content > a:hover, .topic-treehouse-resources.tags li.techdegree-content > a:hover { background-color: #4bc970; border-color: #4bc970; }

.topic-treehouse-resources .tags > li.pro-content > a:hover, .topic-treehouse-resources .tags > li.techdegree-content > a:hover { background-color: #4bc970; border-color: #4bc970; }

.topic-coding-for-kids.tags li.pro-content > a:hover, .topic-coding-for-kids.tags li.techdegree-content > a:hover { background-color: #f25c0f; border-color: #f25c0f; }

.topic-coding-for-kids .tags > li.pro-content > a:hover, .topic-coding-for-kids .tags > li.techdegree-content > a:hover { background-color: #f25c0f; border-color: #f25c0f; }

.tags > li.hidden { display: none; }

.tags.large > li > a, .tags.large > li > span { font-size: 16px; line-height: 40px; padding: 0 18px; }
.tooltip { position: absolute; background: #2d3339; width: max-content; max-width: 200px; padding: 15px; color: #fff; text-align: left; text-shadow: none; line-height: 1; z-index: 50000; display: block; border-radius: 4px; white-space: normal; transition: opacity 300ms 0s ease, transform 300ms 0s ease, visibility 300ms 0s ease; }

.tooltip-container { position: relative; }

.tooltip-small { width: auto; text-align: center; margin: 0; padding: 10px; }

.tooltip-right, .tooltip-left { top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.tooltip-right { left: 100%; margin-left: 5px; }

.tooltip-left { right: 100%; margin-right: 5px; }

.tooltip-top, .tooltip-bottom { left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.tooltip-top { bottom: 100%; }

.tooltip-bottom { top: 100%; }

.tooltip:before { content: ""; position: absolute; background: #2d3339; width: 10px; height: 10px; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.tooltip-top:before, .tooltip-bottom:before { left: 50%; margin-left: -5px; }

.tooltip-top:before { bottom: -5px; border-radius: 0 0 3px 0; }

.tooltip-bottom:before { top: -5px; border-radius: 3px 0 0 0; }

.tooltip-left:before, .tooltip-right:before { top: 50%; margin-top: -5px; }

.tooltip-left:before { right: -5px; border-radius: 0 3px 0 0; }

.tooltip-right:before { left: -5px; border-radius: 0 0 0 3px; }

.tooltip-heading { color: #fff; font-weight: 700; display: block; margin-bottom: 5px; line-height: 1.4; font-size: 14px; }

.tooltip-small .tooltip-heading { margin: 0; }

.tooltip-description { margin: 0 !important; color: #a6b6c2; font-size: 13px !important; font-weight: 400; line-height: 1.4; }

.tooltip-description strong { display: inline; font-size: 13px; }

.tooltip-topic-text { position: absolute; background: #fff; text-align: center; padding: 10px 20px; width: 220px; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.08); -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); left: 50%; top: 100%; display: block; font-weight: 700; font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; }

.tooltip-topic-text p { margin-bottom: 0px; }

.tooltip-topic-text:before { position: absolute; z-index: 1001; content: ""; background: #fff; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05); -ms-transform: translate(-50%, 50%) rotate(45deg); -moz-transform: translate(-50%, 50%) rotate(45deg); -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); left: 50%; border-radius: 3px 0 0 0; }

li:hover .tooltip-topic-text, button:hover .tooltip-topic-text { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -3px); -moz-transform: translate(-50%, -3px); -webkit-transform: translate(-50%, -3px); transform: translate(-50%, -3px); }

li:first-child .tooltip-topic-text { left: 85px; }

li:first-child .tooltip-topic-text:before { left: 46px; }

li:last-child .tooltip-topic-text { left: auto; right: -135px; }

li:last-child .tooltip-topic-text:before { left: auto; right: 36px; }

.tooltip-topic-text em { display: block; color: #2b363e; font-size: 13px; line-height: 18px; font-weight: 400; margin: 4px 0 0; }
.modal { position: absolute; top: 0; right: 0; left: 0; max-width: 1340px; z-index: 50000; }

@media screen and (min-width: 970px) { .modal { padding: 30px; margin: 0 auto; }
  .treehouse-layout .modal { left: 70px; } }

@media screen and (max-width: 969px) { .modal { padding: 10px 30px; } }

.modal .module + .module { margin-bottom: 0; }

.modal p, .modal li { line-height: 1.4; font-size: 14px; }

.modal p { margin-bottom: 20px; }

.modal li { margin: 0 0 5px 10px; }

.modal .grid-container { margin: 0 -15px; }

.modal .achievement-hero { background: #f9fafa; border-bottom: 1px solid #edeff0; padding: 50px 0; position: relative; text-align: center; float: none; overflow: hidden; min-height: 150px; line-height: 1; font-size: inherit; border-radius: 5px 5px 0 0; }

@media screen and (min-width: 680px) { .modal .achievement-hero { margin: -30px -30px 30px; } }

@media screen and (max-width: 679px) { .modal .achievement-hero { margin: -20px -20px 20px; } }

.modal .achievement-hero.track-complete { background-color: #5fcf80; background-image: url("/assets/icons/icon-track-completion-card-9709633e0a78b73436004489b5f44aecba91cfb33329115ecd47847cd743046b.svg"); background-size: 100%; }

.modal .achievement-hero.track-complete p { color: #d5f2dd; font-size: 18px; font-weight: 700; }

.modal .achievement-hero.track-complete p .points-total { color: #fff; display: block; font-size: 52px; }

.modal .achievement-hero .check-complete { margin: 10px 0 15px 0; width: 20%; }

.modal .achievement-hero .achievement-badge { line-height: 240px; width: 200px; height: 240px; position: relative; text-align: center; display: inline-block; }

.modal .achievement-hero .achievement-badge img { width: 200px; }

.modal .achievement-hero .achievement-badge .icon-complete { position: absolute; top: 35px; right: -20px; z-index: 2; }

.modal .achievement-hero .achievement-badge .points-earned { position: absolute; background: #f9fafa; padding: 5px; width: 60px; height: 60px; line-height: 57px; bottom: 35px; left: -50px; z-index: 2; border-radius: 80px; -webkit-animation-name: fanFair; -moz-animation-name: fanFair; animation-name: fanFair; -webkit-animation-duration: 13s; -moz-animation-duration: 13s; animation-duration: 13s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.modal .achievement-hero .achievement-badge .points-earned sup { font-size: 14px; margin: 0 1px 0 -.25em; }

.modal .achievement-hero .achievement-badge .points-earned h3 { font-size: 18px; }

.modal .achievement-hero .points-earned { position: relative; width: 240px; height: 165px; padding-top: 75px; margin-left: 15px; text-align: center; display: inline-block; }

.modal .achievement-hero .points-earned .icon { position: absolute; top: 0; left: 0; }

.modal-active .modal .achievement-hero .points-earned .icon { -webkit-animation-name: spinning; -moz-animation-name: spinning; animation-name: spinning; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; }

.modal .achievement-hero .points-earned h3 { font-size: 64px; font-weight: 700; display: inline-block; }

.modal .achievement-hero .points-earned sup { font-size: 48px; font-weight: 700; color: #2b363e; margin: 0 3px 0 -.65em; display: inline-block; }

.modal .achievement-hero .points-earned p { font-weight: 700; font-size: 18px; margin-bottom: 30px; }

.modal .achievement-hero .points-earned img { width: 150px; margin-bottom: -250px; }

.modal.modal-active .achievement-hero .points-earned .icon { -webkit-animation-name: spinning; -moz-animation-name: spinning; animation-name: spinning; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; }

.modal .modal-callout h2 { font-size: 26px; color: #384047; font-weight: 700; margin-bottom: 8px; line-height: 34px; }

.modal .modal-callout p { font-size: 15px; color: #1a2126; line-height: 1.6; font-weight: 400; }

.modal .modal-callout p a { font-weight: 700; color: #101417; }

.modal .modal-callout p strong { font-weight: 700; color: #1a2126; }

.modal .achievement-rewards { position: relative; }

.modal .achievement-rewards-callout { background: #384047; position: absolute; bottom: 30px; right: 15px; left: 15px; padding: 0 115px 0 20px; z-index: 1; border-radius: 5px; }

.modal .achievement-rewards-callout:before, .modal .achievement-rewards-callout:after { content: " "; display: table; }

.modal .achievement-rewards-callout:after { clear: both; }

.modal .achievement-rewards-callout .badge-earned { padding: 22px 0 22px 65px; }

.modal .achievement-rewards-callout .badge-earned img { float: left; width: 50px; margin: 0 0 0 -65px; }

.modal .achievement-rewards-callout .badge-earned strong { font-size: 14px; font-weight: 700; color: #5fcf80; display: block; margin: 7px 0 5px; }

.modal .achievement-rewards-callout .badge-earned h3 { font-weight: 700; font-size: 18px; line-height: 1.2; color: #fff; }

.modal .achievement-rewards-callout .points-earned { width: 75px; height: 75px; line-height: 75px; padding: 0; margin: 10px -95px 10px 0; float: right; text-align: center; position: relative; }

.modal .achievement-rewards-callout .points-earned img { position: absolute; width: 75px; top: 0; left: 0; margin: 0; opacity: .2; -webkit-animation: spinning 350ms linear 0s infinite; -moz-animation: spinning 350ms linear 0s infinite; animation: spinning 350ms linear 0s infinite; }

.modal .achievement-rewards-callout .points-earned strong { color: #fff; font-weight: 700; font-size: 18px; }

.modal .achievement-rewards-callout .points-earned sup { color: #101417; font-weight: 700; font-size: 18px; margin: -10px 1px 0 -3px; display: inline-block; }

.modal-close.button { position: absolute; margin: 0; z-index: 2; }

@media screen and (min-width: 680px) { .modal-close.button { right: 15px; top: 15px; } }

@media screen and (max-width: 679px) { .modal-close.button { top: 10px; right: 10px; } }

.modal-tarp { background: rgba(45, 51, 57, 0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 30px 15px; z-index: 499; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

@media screen and (min-width: 970px) { .treehouse-layout .modal-tarp { left: 70px; } }

@media screen and (max-width: 969px) { .treehouse-layout .modal-tarp { left: 0; } }

.desktop-nav-expanded .treehouse-layout .modal-tarp { left: 220px; }

.modal .mixed-box .box-footer .icon { float: left; margin: 0 12px 5px 0; position: relative; top: 3px; }

.modal .mixed-box .box-footer p { font-size: 13px; color: #2b363e; line-height: 1.5; text-align: left; margin-bottom: 2px; }

.modal .mixed-box .box-footer p a { color: #1a2126; font-weight: 700; }

.modal .mixed-box .box-footer p strong { font-weight: 700; }

#overlay { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; }

#closePopup { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 18px; background: transparent; border: none; color: #fff; }

.library-cta { position: relative; height: 294px; min-width: 740px; max-width: 884px; padding: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: space-around; border-radius: 4px; padding: 20px 68px; background-color: #0E9298 !important; background: url(/assets/views/landing_pages/career_toolbox_gradient-06757f5d4d06e5d6777979b7d57331f47a532a16505ecdba7d1f7f201a749b67.webp); }

@media screen and (max-width: 969px) { .library-cta { min-width: 300px; flex-direction: column; height: 420px; align-items: center; justify-content: center; gap: 30px; text-align: center; padding: 20px; } }

.library-cta img { max-height: 170px; max-width: 300px; border-radius: 4px; margin-left: 30px; }

@media screen and (max-width: 969px) { .library-cta img { max-width: 200px; } }

.library-cta img.external-link { height: 15px; }

.library-cta-text { max-width: 400px; }

@media screen and (max-width: 969px) { .library-cta-text { display: flex; flex-direction: column; align-items: center; order: 1; } }

.library-cta-text h3 { color: #fff; font-size: 27px; font-weight: 400; line-height: 32px !important; }

@media screen and (max-width: 969px) { .library-cta-text h3 { font-size: 16px; line-height: 20px !important; } }

.library-cta-text .button { display: flex; align-items: center; justify-content: center; width: 260px; margin-block: 20px 10px; color: #133EA2 !important; line-height: 53px; border: none; background-color: #fff; }

.library-cta-text .button img { margin-left: 10px; }

@media screen and (max-width: 969px) { .library-cta-text .button { width: 230px; height: 40px; font-size: 14px; line-height: 18px !important; } }

.library-cta-text .button:hover { color: #0E9298 !important; }

.library-cta #dontShowAgain { font-size: 12px; font-weight: 500; color: #fff; text-decoration: underline; margin-left: 60.835px; }

@media screen and (max-width: 969px) { .library-cta #dontShowAgain { margin-left: 0; } }

.library-cta #dontShowAgain:hover { cursor: pointer; }
.mejs-container { background: #2d3339; clear: both; outline: none; }

.fixed-controls.mejs-container { position: relative; }

:not(.mejs-container-fullscreen).mejs-container { width: auto !important; height: auto !important; }

:not(.mejs-container-fullscreen).mejs-container:not(.has-stage-progress) { border-radius: 4px; }

.fixed-controls.connect-to-box:not(.has-stage-progress):not(.mejs-container-fullscreen).mejs-container { border-radius: 4px 4px 0 0; }

.mejs-container * { outline: none; }

.mejs-container .mejs-mediaelement { position: relative; height: auto; width: auto; top: 0; left: 0; right: 0; bottom: 0; transition: padding .25s ease; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-mediaelement { position: absolute; bottom: 60px; }

.mejs-container .mejs-mediaelement video { display: block; margin: 0 auto; object-fit: contain; object-position: center center; height: auto !important; width: 100% !important; }

:not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { max-width: 1280px; max-height: 720px; }

:not(.max-width-reached):not(.fixed-controls):not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { border-radius: 4px; }

:not(.max-width-reached.padded-when-max-width-reached).fixed-controls:not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { border-radius: 4px 4px 0 0; }

.max-width-reached.padded-when-max-width-reached.fixed-controls:not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { border-radius: 4px; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-mediaelement video { position: absolute; height: 100% !important; top: 0; left: 0; right: 0; bottom: 0; }

.mejs-container .mejs-overlay, .mejs-container .mejs-layers .mejs-poster { height: auto !important; bottom: 0; z-index: 1; }

.mejs-treehouse-is-playing.mejs-container .mejs-overlay, .mejs-treehouse-is-playing.mejs-container .mejs-layers .mejs-poster { display: none; }

.fixed-controls.mejs-container .mejs-overlay, .fixed-controls.mejs-container .mejs-layers .mejs-poster { bottom: 60px; border-radius: 4px 4px 0 0 !important; }

.mejs-container .mejs-manualoverlay { position: absolute; width: 100%; height: 100%; background-color: rgba(56, 64, 71, 0.8); pointer-events: none; z-index: 1; }

.mejs-container .mejs-manualoverlay .mejs-overlay-button { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat !important; margin: -80px 0 0 -50px; }

.mejs-container .mejs-controls { background: rgba(56, 64, 71, 0.98); height: 60px; width: auto; z-index: 100; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 2px 0; }

.no-controls.mejs-container .mejs-controls { display: none !important; }

@media screen and (min-width: 680px) and (max-width: 969px) { .mejs-container .mejs-controls { bottom: 15px; left: 15px; right: 15px; } }

@media screen and (min-width: 970px) { .mejs-container .mejs-controls { bottom: 30px; left: 30px; right: 30px; } }

.fixed-controls.mejs-container .mejs-controls { background: #384047; bottom: 0; left: 0; right: 0; box-shadow: none; }

:not(.mejs-container-fullscreen).fixed-controls.mejs-container .mejs-controls { position: relative; }

:not(.mejs-container-fullscreen).fixed-controls.mejs-container .mejs-controls:not(.connect-to-box) { border-radius: 0 0 4px 4px; }

:not(.mejs-container-fullscreen).fixed-controls.mejs-container .mejs-controls.connect-to-box { border-radius: 0; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-controls { position: fixed; border-radius: 0; }

.mejs-container .mejs-controls div { height: auto; }

.mejs-container .mejs-controls button { border-radius: 0; }

.mejs-container .mejs-controls .mejs-playpause-button { height: 60px; width: 60px; cursor: pointer; border-radius: 5px 0 0 5px; }

.fixed-controls.mejs-container .mejs-controls .mejs-playpause-button { border-radius: 0; }

.mejs-container .mejs-controls .mejs-button { height: 60px; position: relative; width: 38px; overflow: visible !important; }

.mejs-container .mejs-controls .mejs-button:last-child { margin-right: 10px; }

.mejs-container .mejs-controls .mejs-button button { background: none; position: relative; margin: 0; padding: 0 8px; outline: none; border: none; height: 100%; width: 100%; overflow: visible; }

.mejs-container .mejs-controls .mejs-button button svg { top: 0; fill: #a8afb5; }

.mejs-container .mejs-controls .mejs-button button:hover svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button button:focus { background-color: rgba(0, 0, 0, 0.9); }

.mejs-container .mejs-controls .mejs-button button:focus svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button { width: 60px; transition: background 0.3s ease; border-radius: 4px 0 0 4px; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:hover svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:focus { background-color: rgba(0, 0, 0, 0.9); }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:focus svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:not(:hover) svg { opacity: 0.85; }

.mejs-container .mejs-controls .mejs-button.mejs-pause svg.play-icon { display: none; }

.mejs-container .mejs-controls .mejs-button.mejs-play svg.play-icon { width: 20px; height: 22px; }

.mejs-container .mejs-controls .mejs-button.mejs-play svg.pause-icon { display: none; }

@media screen and (max-width: 679px) { .mejs-container .mejs-controls .mejs-button.mejs-rewind-button { display: none; } }

.simple-controls.mejs-container .mejs-controls .mejs-button.mejs-rewind-button { display: none; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:before, .mejs-container .mejs-controls .mejs-button.mejs-rewind-button:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:before { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 11px) rotate(45deg); -moz-transform: translate(-50%, 11px) rotate(45deg); -webkit-transform: translate(-50%, 11px) rotate(45deg); transform: translate(-50%, 11px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:after { content: "Rewind Video"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 9px) rotate(45deg); -moz-transform: translate(-50%, 9px) rotate(45deg); -webkit-transform: translate(-50%, 9px) rotate(45deg); transform: translate(-50%, 9px) rotate(45deg); }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button button svg { top: -2px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button { width: 38px !important; }

.simple-controls.mejs-container .mejs-controls .mejs-button.mejs-speed-button { display: none; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button:hover .mejs-speed-controls { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; width: 40px; padding: 10px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls:after { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol { margin: 0 !important; padding: 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li { list-style: none; margin: 0 !important; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed { background: #384047; font-size: 0; cursor: pointer; width: 20px; height: 20px; position: relative; z-index: 2; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #2e9a4e; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #552b64; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #005664; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #7c3b67; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #38326d; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #552b64; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #29447c; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #762d45; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #225d4d; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #3f474f; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #00252e; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #3f474f; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #2c6ca1; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #268762; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #1983dd; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #664bb5; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #3ac162; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #db520c; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #5fcf80; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:first-child { border-radius: 4px 4px 0 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:last-child { border-radius: 0 0 4px 4px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover .speed-tooltip { visibility: visible; opacity: 1; -ms-transform: translate(-20px, -50%); -moz-transform: translate(-20px, -50%); -webkit-transform: translate(-20px, -50%); transform: translate(-20px, -50%); }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed .speed-tooltip { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-15px, -50%); -moz-transform: translate(-15px, -50%); -webkit-transform: translate(-15px, -50%); transform: translate(-15px, -50%); color: #fff; top: 50%; right: 100%; font-weight: 700; font-size: 14px; line-height: 18px; padding: 10px 15px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed .speed-tooltip:before { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; left: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); top: 50%; border-radius: 0 3px 0 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #5fcf80; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button:hover .mejs-captions-selector { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector { position: absolute; background: #24292e; text-align: center; padding: 10px 15px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; border: none; width: 130px; height: auto !important; overflow: visible; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector:after { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector li { padding: 5px 0; margin: 0; text-align: left; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector li label { font: 700 14px/20px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b363e; padding: 0 0 0 8px; cursor: pointer; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector li label:hover { color: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button button { overflow: hidden; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button { width: 20px; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button:hover .mejs-volume-slider { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-slider { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; display: block !important; width: 40px; height: 130px; padding: 10px; padding: 10px; overflow: visible; top: auto; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-slider:after { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-total, .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { width: 20px; left: auto; float: none; border-radius: 3px; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-total { position: absolute; left: 10px; bottom: 10px; right: 10px; top: 10px; height: auto; background: #384047; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #5fcf80; top: auto !important; bottom: 10px; border-radius: 3px; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-handle { left: auto; width: 20px; background: transparent; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button { width: 34px; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before, .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 11px) rotate(45deg); -moz-transform: translate(-50%, 11px) rotate(45deg); -webkit-transform: translate(-50%, 11px) rotate(45deg); transform: translate(-50%, 11px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:after { content: "Fullscreen"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 9px) rotate(45deg); -moz-transform: translate(-50%, 9px) rotate(45deg); -webkit-transform: translate(-50%, 9px) rotate(45deg); transform: translate(-50%, 9px) rotate(45deg); }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container-fullscreen.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:after { content: "Exit Fullscreen"; white-space: normal; }

.mejs-container-fullscreen.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:last-child:after { left: 0; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:last-child:after { left: -20px; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button { width: auto; border-left: 2px solid #31383e; margin: 0 0 0 12px; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #5fcf80; stroke: #5fcf80; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #F36C27; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { width: auto; padding: 0 20px; font-size: 14px; color: #5fcf80; -webkit-animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate; -moz-animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate; animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button.loading, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button.loading { -webkit-animation: loading 2s infinite; -moz-animation: loading 2s infinite; animation: loading 2s infinite; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #85439d; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #009cb6; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #b05894; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #554ca5; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #85439d; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #3e66b9; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #b14367; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #38987f; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #62707d; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #006780; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #62707d; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #5095cf; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #38c790; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #5ba9ec; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #9785cd; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #77d693; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #f58044; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button span, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button span { display: none; }

@media screen and (min-width: 840px) { .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button span, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button span { display: inline-block; } }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button svg { margin-right: 0; margin-left: 9px; }

@media screen and (min-width: 840px) { .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button svg { margin-right: 9px; } }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button:hover, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button:hover { color: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button:hover svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button:hover svg { fill: #fff; stroke: #fff; }

.mejs-container .mejs-controls .mejs-time { height: 60px; box-sizing: border-box; }

@media screen and (max-width: 679px) { .mejs-container .mejs-controls .mejs-time { display: none; } }

.mejs-container .mejs-controls .mejs-time.mejs-currenttime-container { width: 64px; padding: 0 0 0 15px; }

.mejs-container .mejs-controls .mejs-time.mejs-duration-container { width: 70px; padding: 0 40px 0 10px; }

.mejs-container .mejs-controls .mejs-time.long-duration { width: 80px; padding-left: 10px; }

.mejs-container .mejs-controls .mejs-time .mejs-currenttime, .mejs-container .mejs-controls .mejs-time .mejs-duration { font: 13px/60px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #a8afb5; margin: 0; }

.mejs-container .mejs-controls .mejs-time-rail { padding: 23px 0 0; height: 100%; }

@media screen and (max-width: 679px) { .mejs-container .mejs-controls .mejs-time-rail { margin: 0 10px; } }

.mejs-container .mejs-controls .mejs-time-rail span { height: auto; border-radius: none; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { display: none; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering { background: #171a1d; height: 14px; border-radius: 14px; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #5fcf80; border: 3px solid black; transition: width 0.15s ease; }

.topic-ai .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #F36C27; }

.mejs-container .mejs-controls .mejs-time-rail:hover .mejs-time-float { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; padding-left: 20px; padding-right: 20px; top: auto; width: auto; border: none; margin: 0; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current { font: 700 14px/18px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; position: relative; width: auto; display: inline; color: #fff; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; border: none; }

.mejs-container .mejs-controls .mejs-time-total { margin: 0; background: #000; }

.mejs-captions-layer { left: 0; right: 0; z-index: 99; bottom: 60px; }

.mejs-captions-layer .mejs-captions-position { width: auto; }

@media screen and (min-width: 680px) { .mejs-captions-layer .mejs-captions-position { bottom: 15px; left: 30px; right: 30px; } }

@media screen and (max-width: 679px) { .mejs-captions-layer .mejs-captions-position { left: 20px; right: 20px; bottom: 10px; } }

.mejs-captions-layer .mejs-captions-text { padding: 10px; background: rgba(0, 0, 0, 0.85); color: #fff; border: none; line-height: 1.45; display: inline-block; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 5px; border-radius: 4px; }

.mejs-captions-layer .mejs-captions-text:hover { cursor: move; cursor: -webkit-grab; }

.mejs-captions-layer .mejs-captions-text:active { cursor: -webkit-grabbing; }

@media screen and (min-width: 970px) { .mejs-captions-layer .mejs-captions-text { font-size: 18px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .mejs-captions-layer .mejs-captions-text { font-size: 16px; } }

@media screen and (max-width: 679px) { .mejs-captions-layer .mejs-captions-text { font-size: 14px; } }

.mejs-overlay { height: auto !important; width: auto !important; top: 0; left: 0; bottom: 0; right: 0; }

div.mejs-container:not(.mejs-treehouse-is-paused) .mejs-overlay { border-radius: 4px; background: rgba(0, 0, 0, 0.25); }

.mejs-overlay:hover .mejs-overlay-button { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat; }

.mejs-overlay .mejs-overlay-button { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat; width: 100px; height: 100px; margin-top: -50px !important; }

.mejs-overlay .mejs-overlay-loading { background: none; width: 100px; height: 100px; margin: -50px 0 0 -50px; transform-origin: center center; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

.mejs-overlay .mejs-overlay-loading span { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat -122px -23px; width: 118px; height: 100px; margin-left: -18px; }

@media screen and (min-width: 680px) { .mejs-treehouse-is-paused .mejs-overlay-play .mejs-overlay-button { display: none; } }

@media screen and (max-width: 679px) { .mejs-treehouse-is-paused .mejs-overlay-play .mejs-overlay-button { display: block !important; } }
.contained { background: #fff; padding: 30px 15px; margin-bottom: 30px; position: relative; border-radius: 5px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }

.contained:before, .contained:after { content: " "; display: table; }

.contained:after { clear: both; }

.contained.secondary { padding: 20px; }

.contained.secondary .disclaimer { padding: 15px 20px 15px 65px; margin: 0 -20px -20px -20px; }

.contained.secondary .disclaimer .icon.icon-info { text-indent: -9999px; }

@media screen and (max-width: 679px) { .contained { padding: 20px 5px; } }
.dropdown { background: #f9fafa; min-width: 200px; max-width: 420px; position: absolute; top: 50px; display: none; z-index: 100; border-radius: 5px; text-align: left; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.08); }

.dropdown-show .dropdown { display: block; }

.dropdown:before { position: absolute; content: ""; background: #fff; width: 12px; height: 12px; border-radius: 3px 0 0 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.08); top: -6px; }

.dropdown.left, .dropdown-left { left: 0; }

.dropdown.left:before, .dropdown-left:before { left: 20px; }

.dropdown.right, .dropdown-right { right: -20px; }

.dropdown.right:before, .dropdown-right:before { right: 20px; }

.dropdown .dropdown-title { display: block; background: #fff; font-size: 16px; line-height: 20px; position: relative; z-index: 1; border-bottom: 1px solid #e8ebed; border-radius: 5px 5px 0 0; margin: 0; }

.dropdown .dropdown-title a { display: block; padding: 15px 20px; color: #101417; }

.dropdown .dropdown-title a:hover { color: black; }

.dropdown > ul { margin: 0; background: #f9fafa; }

.dropdown > ul > li { list-style: none; border: 0 solid #f0f2f4; border-width: 0 0 1px; font-weight: 400; margin: 0; transition: background-color 0.3s ease, border-color 0.3s ease; }

.dropdown > ul > li:last-child { border-bottom: none; }

.dropdown > ul > li:not(.without-hover):hover { background: #fff; border-color: #e8ebed; }

.dropdown > ul > li:not(.without-hover):hover > a { color: #101417; }

.dropdown > ul > li:not(.without-hover):hover > a svg { fill: #1a2126; }

.dropdown > ul > li > a { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; }

.dropdown > ul > li > a:before, .dropdown > ul > li > a:after { content: " "; display: table; }

.dropdown > ul > li > a:after { clear: both; }

.dropdown > ul > li > a > svg { fill: #2b363e; }

.dropdown .empty { padding: 60px 20px; margin: 0; font-size: 14px; color: #2b363e; text-align: center; }

.dropdown .empty .button { margin: 15px 40px; display: block; }

.dropdown .dropdown-secondary { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0 0 5px 5px; background: #fff; border-top: 1px solid #e8ebed; }

.dropdown .dropdown-secondary:before, .dropdown .dropdown-secondary:after { content: " "; display: table; }

.dropdown .dropdown-secondary:after { clear: both; }

.dropdown .dropdown-secondary > svg { fill: #2b363e; }

.dropdown .dropdown-secondary:hover { background: #edeff0; color: #101417; }
span.loading-spinner { width: 100px; height: 100px; position: relative; top: 18px; left: 10px; border: solid 3px #b9c1c7; border-radius: 100px; -webkit-animation: spin 1.2s infinite linear; -moz-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear; display: none; }

html.loading span.loading-spinner { display: inline-block; }

span.loading-spinner > span { display: inline-block; width: 100px; height: 100px; border: solid 3px #60676d; position: absolute; top: -3px; left: -3px; z-index: 2; clip: rect(0, 9px, 10px, 0); border-radius: 100px; }

span.loading-spinner.loading-spinner-large { width: 80px; height: 80px; top: 0; left: 0; margin: 0 0 -45px; border: 15px solid #f0f2f4; display: inline-block; }

span.loading-spinner.loading-spinner-large > span { width: 80px; height: 80px; border: 15px solid #384047; clip: rect(0, 40px, 40px, 0); top: -15px; left: -15px; }
.circle-progress { overflow: visible; fill: none; stroke-width: 2px; stroke-dasharray: 0; stroke-dashoffset: 0; transition: stroke-dashoffset 300ms ease-in-out; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.ff .circle-progress { -webkit-animation: rotate-90 0s 1 linear forwards; -moz-animation: rotate-90 0s 1 linear forwards; animation: rotate-90 0s 1 linear forwards; }

@-webkit-keyframes rotate-90 { to { -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

@-moz-keyframes rotate-90 { to { -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

@keyframes rotate-90 { to { -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

.circle-progress-base, .circle-progress-base-overlay { stroke: #dfe3e4; transition: stroke 300ms 0s ease; }

.circle-progress-bar { stroke: #5fcf80; }
.radial-progress { width: 80px; height: 80px; position: relative; display: inline-block; }

.radial-progress:after { content: ""; border: 6px solid #d4d9dd; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; }

.radial-progress .progress { text-align: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 1em; line-height: 1; color: #384047; }

.radial-progress.unstarted .progress { color: #1a2126; }

.radial-progress svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }

.radial-progress svg .background { stroke: #d4d9dd; }

.radial-progress svg path.foreground { transition: stroke-dashoffset 0.5s; stroke: #5fcf80; stroke-dasharray: 1000 1000; stroke-dashoffset: -1000; }
html.has-fixed-alert { position: relative; -webkit-animation: slide-down 500ms ease-in-out 1s 1 forwards; -moz-animation: slide-down 500ms ease-in-out 1s 1 forwards; animation: slide-down 500ms ease-in-out 1s 1 forwards; }

@-webkit-keyframes slide-down { from { top: 0; }
  to { top: 50px; } }

@-moz-keyframes slide-down { from { top: 0; }
  to { top: 50px; } }

@keyframes slide-down { from { top: 0; }
  to { top: 50px; } }

html.has-fixed-alert.closed-all-fixed-alerts { -webkit-animation: slide-up 400ms ease 0s 1 forwards; -moz-animation: slide-up 400ms ease 0s 1 forwards; animation: slide-up 400ms ease 0s 1 forwards; }

@-webkit-keyframes slide-up { from { top: 50px; }
  to { top: 0; } }

@-moz-keyframes slide-up { from { top: 50px; }
  to { top: 0; } }

@keyframes slide-up { from { top: 50px; }
  to { top: 0; } }

.alert-banner { padding: 15px; display: flex; justify-content: space-between; align-items: center; }

.alert-banner:not(.fixed) { margin-bottom: 30px; position: relative; border-radius: 4px; }

.alert-banner:not(.fixed).closed { display: none; }

.alert-banner.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; -ms-transform: translatey(-100%); -moz-transform: translatey(-100%); -webkit-transform: translatey(-100%); transform: translatey(-100%); }

.has-fixed-alert .alert-banner.fixed { -webkit-animation: fixed-alert-slide-in 500ms ease-in-out 1s 1 forwards; -moz-animation: fixed-alert-slide-in 500ms ease-in-out 1s 1 forwards; animation: fixed-alert-slide-in 500ms ease-in-out 1s 1 forwards; }

@-webkit-keyframes fixed-alert-slide-in { from { opacity: 0;
    -ms-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%); }
  to { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@-moz-keyframes fixed-alert-slide-in { from { opacity: 0;
    -ms-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%); }
  to { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@keyframes fixed-alert-slide-in { from { opacity: 0;
    -ms-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%); }
  to { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

.alert-banner.fixed.closed { -webkit-animation: shift-up 400ms ease 0s 1 forwards; -moz-animation: shift-up 400ms ease 0s 1 forwards; animation: shift-up 400ms ease 0s 1 forwards; }

@-webkit-keyframes shift-up { from { -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); }
  to { -ms-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%); } }

@-moz-keyframes shift-up { from { -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); }
  to { -ms-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%); } }

@keyframes shift-up { from { -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); }
  to { -ms-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%); } }

.alert-banner.slide-in { -webkit-animation: alert-slide-in 2s ease; -moz-animation: alert-slide-in 2s ease; animation: alert-slide-in 2s ease; }

@-webkit-keyframes alert-slide-in { 0%, 85% { opacity: 0;
    -ms-transform: translatey(-20px);
    -moz-transform: translatey(-20px);
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@-moz-keyframes alert-slide-in { 0%, 85% { opacity: 0;
    -ms-transform: translatey(-20px);
    -moz-transform: translatey(-20px);
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@keyframes alert-slide-in { 0%, 85% { opacity: 0;
    -ms-transform: translatey(-20px);
    -moz-transform: translatey(-20px);
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@media screen and (max-width: 969px) { .with-hero .alert-banner { margin-top: -20px; } }

.alert-banner h6 { margin: 0 0 15px 0; color: white; }

.alert-banner p { color: inherit; margin: 0; width: 100%; }

@media screen and (max-width: 679px) { .alert-banner p { flex-direction: column; align-items: unset; font-size: 13px; line-height: 18px; } }

@media screen and (min-width: 680px) { .alert-banner p { font-size: 14px; line-height: 20px; } }

.alert-banner p .icon { position: relative; margin: -5px 10px 0 -3px; }

.alert-banner ul { margin-bottom: 10px; }

.alert-banner ul li { font-size: 13px; list-style-type: disc; line-height: 1.4em; margin: 0 0 5px 15px; }

.alert-banner strong { font-weight: 700; padding-right: 3px; }

.alert-banner a:not(.button) { color: inherit; font-weight: 500; transition: color 200ms ease-in-out; }

.alert-banner a:not(.button):hover { color: white; }

.alert-banner.with-icon { padding-left: 55px; padding-right: 15px; }

.alert-banner.with-icon p > svg { position: absolute; top: 50%; -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); transform: translatey(-50%); left: 15px; }

.alert-banner .close-alert { background: none; padding-right: 0; margin: 0; border: none; outline: none; cursor: pointer; height: auto; line-height: 14px; transition: opacity 0.15s ease; opacity: 0.85; }

.alert-banner .close-alert:hover .close-icon { fill: #384047 !important; cursor: pointer; }

.alert-banner .close-icon { height: 14px; width: 14px; }

@media screen and (min-width: 680px) { .alert-banner.with-action p { display: flex; align-items: center; } }

.alert-banner.with-action a:not(.button) { padding-left: 5px; padding-right: 5px; }

@media screen and (max-width: 679px) { .alert-banner-action { display: block; margin: 15px 0 0 0; } }

.alert-banner-action:first-of-type { margin-left: auto; }

@media screen and (max-width: 679px) { .alert-banner-action:nth-of-type(2) { margin-top: 15px; } }

.alert-banner-action + p { display: block; text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden; margin-right: 100px; }

.alert-banner-action + p a { text-decoration: none; }

.alert-banner-action svg { fill: #fff !important; }

.alert-banner:not(.icons-only).info:not(.bgimg) button:not(.close-alert), .alert-banner:not(.icons-only).info:not(.bgimg) .button:not(.close-alert), .alert-banner:not(.icons-only).success button:not(.close-alert), .alert-banner:not(.icons-only).success .button:not(.close-alert), .alert-banner:not(.icons-only).warning button:not(.close-alert), .alert-banner:not(.icons-only).warning .button:not(.close-alert), .alert-banner:not(.icons-only).error button:not(.close-alert), .alert-banner:not(.icons-only).error .button:not(.close-alert) { background-color: #55616c; border-color: #55616c; color: #d0d9df; cursor: pointer; }

.alert-banner:not(.icons-only).info:not(.bgimg) button:not(.close-alert):hover, .alert-banner:not(.icons-only).info:not(.bgimg) .button:not(.close-alert):hover, .alert-banner:not(.icons-only).success button:not(.close-alert):hover, .alert-banner:not(.icons-only).success .button:not(.close-alert):hover, .alert-banner:not(.icons-only).warning button:not(.close-alert):hover, .alert-banner:not(.icons-only).warning .button:not(.close-alert):hover, .alert-banner:not(.icons-only).error button:not(.close-alert):hover, .alert-banner:not(.icons-only).error .button:not(.close-alert):hover { background-color: #384047 !important; border-color: #384047; color: #fff; cursor: pointer; }

.alert-banner:not(.icons-only).info { background: #e2e5e8; border-top: 0; border-right: 0; border-bottom: 0; border-left: 10px solid #7e8d9a; -webkit-box-shadow: inset 0px 0px 0px 2px #7e8d9a; -moz-box-shadow: inset 0px 0px 0px 2px #7e8d9a; box-shadow: inset 0px 0px 0px 2px #7e8d9a; color: #050708; }

.alert-banner:not(.icons-only).info strong, .alert-banner:not(.icons-only).info a:not(.button) { color: #101417; }

.alert-banner:not(.icons-only).info .close-icon { fill: #55616c; }

.alert-banner:not(.icons-only).info svg { fill: #657380; }

.alert-banner:not(.icons-only).bgimg { background: #384047; color: #fff; border: 0; box-shadow: none; padding-top: 4em; padding-bottom: 4em; }

.alert-banner:not(.icons-only).bgimg p { font-size: 18px; line-height: 130%; }

.alert-banner:not(.icons-only).bgimg strong, .alert-banner:not(.icons-only).bgimg a:not(.button) { color: #fff; }

.alert-banner:not(.icons-only).bgimg .close-alert .close-icon { fill: #fff; }

.alert-banner:not(.icons-only).bgimg .close-alert:hover .close-icon { fill: rgba(255, 255, 255, 0.7) !important; }

.alert-banner:not(.icons-only).success { background: #dbf4e2; color: #101417; border-top: 0; border-right: 0; border-bottom: 0; border-left: 10px solid #24793d; -webkit-box-shadow: inset 0px 0px 0px 2px #24793d; -moz-box-shadow: inset 0px 0px 0px 2px #24793d; box-shadow: inset 0px 0px 0px 2px #24793d; }

.alert-banner:not(.icons-only).success strong, .alert-banner:not(.icons-only).success a:not(.button) { color: #050708; }

.alert-banner:not(.icons-only).success .close-icon { fill: #55616c; }

.alert-banner:not(.icons-only).success svg { fill: #24793d; }

.alert-banner:not(.icons-only).warning { background: #fbe3d2; color: #101417; border-top: 0; border-right: 0; border-bottom: 0; border-left: 10px solid #bf570f; -webkit-box-shadow: inset 0px 0px 0px 2px #bf570f; -moz-box-shadow: inset 0px 0px 0px 2px #bf570f; box-shadow: inset 0px 0px 0px 2px #bf570f; }

.alert-banner:not(.icons-only).warning strong, .alert-banner:not(.icons-only).warning a:not(.button) { color: #050708; }

.alert-banner:not(.icons-only).warning .cta { font-weight: 700; border-bottom: 1px solid #492106; }

.alert-banner:not(.icons-only).warning .close-icon { fill: #55616c; }

.alert-banner:not(.icons-only).warning svg:not(.close-icon) { fill: #bf570f; height: 20px; width: auto; }

.alert-banner:not(.icons-only).error { background: #f4e0e0; color: #101417; border-top: 0; border-right: 0; border-bottom: 0; border-left: 10px solid #be4a4a; -webkit-box-shadow: inset 0px 0px 0px 2px #be4a4a; -moz-box-shadow: inset 0px 0px 0px 2px #be4a4a; box-shadow: inset 0px 0px 0px 2px #be4a4a; }

.alert-banner:not(.icons-only).error strong { color: #050708; }

.alert-banner:not(.icons-only).error a:not(.button) { color: #050708; }

.alert-banner:not(.icons-only).error .close-icon { fill: #55616c; }

.alert-banner:not(.icons-only).error svg:not(.close-icon) { fill: #be4a4a; height: 20px; width: auto; }

.alert-banner:not(.icons-only).error .cta { font-weight: 700; border-bottom: 1px solid #8a3232; }

.with-text-link .alert-banner-action { margin-left: auto; }

.modal .alert-banner p { margin-bottom: 0; }

.alert .icon { float: left; margin-right: 15px; }

.global-message { padding: 20px; margin: 20px 0; font-size: 14px; line-height: 1.4; color: #fff; position: relative; border-radius: 4px; }

.global-message strong { font-weight: 700; margin-right: 5px; display: inline-block; }

.global-message p { margin: 0 !important; display: inline-block; }

.global-message a { float: right; margin-left: 3px; text-decoration: underline; color: #fff; padding: 7px; margin-top: -4px; border-radius: 4px; }

.global-message a .icon { float: left; }

.global-message.success strong { color: #fff; }

.global-message.error a.cta { float: none; color: #fff; text-decoration: underline; }

@media screen and (max-width: 679px) { .global-message a { float: none; margin-top: 0; position: absolute; right: 10px; top: 10px; } }
.profile-list { list-style: none; margin: 0; }

.profile-list:before, .profile-list:after { content: " "; display: table; }

.profile-list:after { clear: both; }

.profile-item { -webkit-animation: panel-fade-up 0.4s ease; -moz-animation: panel-fade-up 0.4s ease; animation: panel-fade-up 0.4s ease; position: relative; background: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; display: block; line-height: 18px; }

.profile-item:before, .profile-item:after { content: " "; display: table; }

.profile-item:after { clear: both; }

@media screen and (max-width: 679px) { .profile-item { margin-bottom: 20px; } }

@media screen and (min-width: 680px) { .profile-item { margin-bottom: 30px; } }

@media screen and (min-width: 680px) { .profile-item { float: left; width: 49%; }
  .profile-item:nth-child(even) { margin-left: 1%; }
  .profile-item:nth-child(odd) { margin-right: 1%; } }

@media screen and (min-width: 1400px) { #container:not(.with-sidebar) .profile-item { width: 32%; margin-left: 1%; margin-right: 1%; }
  #container:not(.with-sidebar) .profile-item:nth-child(3n) { margin-right: 0; }
  #container:not(.with-sidebar) .profile-item:nth-child(3n + 1) { margin-left: 0; } }

.profile-card { display: block; }

@media screen and (max-width: 679px) { .profile-card { padding: 20px; } }

@media screen and (min-width: 680px) { .profile-card { padding: 30px; } }

@media screen and (min-width: 680px) { .profile-card { height: 160px; } }

@media screen and (max-width: 679px) { .profile-card { padding: 15px 15px 60px; } }

.profile-photo { display: block; position: absolute; }

@media screen and (max-width: 679px) { .profile-photo { top: 15px; right: 15px; width: 80px; height: 80px; border-radius: 40px; } }

@media screen and (min-width: 680px) { .profile-photo { top: 50%; right: 30px; margin-top: -45px; width: 90px; height: 90px; border-radius: 45px; } }

@media screen and (max-width: 679px) { .profile-meta { margin-right: 95px; } }

@media screen and (min-width: 680px) { .profile-meta { margin-right: 120px; height: 100px; position: relative; } }

.profile-meta-name { font-weight: 700; font-size: 18px; line-height: 22px; display: block; color: #101417; margin: 0; }

@media screen and (min-width: 680px) { .profile-meta-name { margin-top: -5px; } }

@media screen and (max-width: 679px) { .profile-meta-name { margin-top: -2px; } }

.profile-meta-role { font-weight: 400; font-size: 14px; display: block; color: #2b363e; margin: 0; }

@media screen and (min-width: 680px) { .profile-meta-role { line-height: 26px; } }

@media screen and (max-width: 679px) { .profile-meta-role { line-height: 22px; } }

.profile-tags { position: absolute; z-index: 1; white-space: nowrap; overflow: hidden; margin: 0; }

@media screen and (max-width: 679px) { .profile-tags { bottom: 15px; left: 15px; right: 115px; } }

@media screen and (min-width: 680px) { .profile-tags { bottom: 30px; left: 30px; right: 140px; } }

.profile-tags:after { content: ""; position: absolute; height: 100%; width: 20px; top: 0; right: 0; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); }

.profile-tags li { margin-bottom: 0; }

@media screen and (max-width: 679px) { .profile-tags li a, .profile-tags li span { font-size: 12px; padding: 0 10px; line-height: 26px; } }
.chart { position: relative; }

.chartist-tooltip { position: absolute; z-index: 1000; }

.chartist-tooltip-box { position: relative; background-color: #384047; color: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08); border-radius: 4px; font-size: 12px; font-weight: 700; text-align: center; }

@media screen and (min-width: 680px) { .chartist-tooltip-box { padding: 10px 20px; line-height: 20px; } }

@media screen and (max-width: 679px) { .chartist-tooltip-box { padding: 8px 15px; line-height: 18px; } }

.chart-dark .chartist-tooltip-box { background: #fff; color: #1a2126; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.15); }

.chartist-tooltip-box:after { position: absolute; z-index: 1001; content: ""; background: #384047; width: 12px; height: 12px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08); -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.chart-dark .chartist-tooltip-box:after { background-color: #fff; }

.ct-chart-donut { display: block; }

.ct-chart-donut, .ct-slice-donut { transition: stroke-dashoffset 1s cubic-bezier(0.23, 1, 0.32, 1); }

.chart-dark .ct-grid { stroke: rgba(0, 0, 0, 0.4); }

.ct-circle { opacity: 0; animation: fade-in 500ms ease 2s forwards; }

.ct-point { transition: stroke-width 300ms 0s ease; }

.ct-point.ct-circle:hover { stroke-width: 4px; }

.ct-point:not(.ct-circle):hover { stroke-width: 12px; }

.ct-series-goal .ct-line { stroke: #1a2126; }

.ct-label { font-weight: 700; position: relative; }

.chart-dark .ct-label { color: #242e35; }

.ct-label.ct-vertical { bottom: -6px; left: -10px; }

.ct-label.ct-horizontal { display: block !important; bottom: -10px; -ms-transform: translatex(-50%); -moz-transform: translatex(-50%); -webkit-transform: translatex(-50%); transform: translatex(-50%); text-align: center !important; text-anchor: middle !important; }
.hamburger { left: 0; }

.hamburger, .hamburger:after, .hamburger:before { border-radius: 4px; background: #2b363e; width: 100%; height: 3px; position: absolute; margin-top: -1px; transition: background 300ms 0s ease, transform 300ms 0s ease, top 300ms 0.2s ease, bottom 300ms 0.2s ease; }

.hamburger-button-clicked .hamburger, .hamburger-button-clicked .hamburger:after, .hamburger-button-clicked .hamburger:before { transition: background 300ms 0s ease, transform 300ms 0.2s ease, top 300ms 0s ease, bottom 300ms 0s ease; }

.hamburger-button-clicked .hamburger, .hamburger-button:focus .hamburger, .hamburger-button-clicked .hamburger:after, .hamburger-button:focus .hamburger:after, .hamburger-button-clicked .hamburger:before, .hamburger-button:focus .hamburger:before { background: #1a2126; }

.hamburger-button-inverse.hamburger-button-clicked .hamburger, .hamburger-button-inverse.hamburger-button:focus .hamburger, .hamburger-button-inverse.hamburger-button-clicked .hamburger:after, .hamburger-button-inverse.hamburger-button:focus .hamburger:after, .hamburger-button-inverse.hamburger-button-clicked .hamburger:before, .hamburger-button-inverse.hamburger-button:focus .hamburger:before { background: #fff; }

.hamburger-button-clicked .hamburger { background: transparent !important; }

.hamburger:before, .hamburger:after { content: " "; }

.hamburger:before { left: 0; width: 14px; }

@media screen and (max-width: 679px) { .hamburger:before { top: -7px; } }

@media screen and (min-width: 680px) { .hamburger:before { top: -8px; } }

.hamburger-button-clicked .hamburger:before { width: 28px; top: 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hamburger:after { right: 0; width: 14px; }

@media screen and (max-width: 679px) { .hamburger:after { bottom: -8px; } }

@media screen and (min-width: 680px) { .hamburger:after { bottom: -9px; } }

.hamburger-button-clicked .hamburger:after { width: 28px; bottom: 0; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.hamburger-button { border: 0; background: none; cursor: pointer; position: absolute; height: 30px; padding: 0; z-index: 1; transition: opacity 600ms 0s ease, top 600ms 0s ease; position: left; }

@media screen and (max-width: 679px) { .hamburger-button { top: 10px; } }

@media screen and (min-width: 680px) { .hamburger-button { top: 20px; } }

@media screen and (max-width: 969px) { .hamburger-button { right: 15px; } }

@media screen and (max-width: 679px) { .hamburger-button { width: 28px; } }

@media screen and (min-width: 680px) { .hamburger-button { width: 30px; } }

@media screen and (min-width: 970px) { .hamburger-button { opacity: 0; visibility: hidden; } }

.hamburger-button:focus { outline: none; }

@media screen and (max-width: 969px) { .hamburger-button-clicked { overflow: hidden; } }
.toggle-steps { display: block; font-weight: 500; cursor: pointer; }

.toggle-steps:not(.nav-link) { font-size: 1.5rem; color: #4b5658; padding-bottom: 1.5rem; margin-bottom: 1rem; }

.toggle-steps:not(.nav-link) .marketing-layout, .marketing-2020-layout .toggle-steps:not(.nav-link) { border-bottom: 2px solid #d4d9dd; }

@media screen and (max-width: 969px) { .toggle-steps.nav-link { color: #0098b1; border-bottom: 2px solid #d4d9dd; } }

.toggle-steps.nav-link .toggle-steps-view-chevron { cursor: pointer; }

@media screen and (min-width: 969px) { .toggle-steps.nav-link .toggle-steps-view-chevron { display: none; } }

.toggle-steps-view { display: flex; align-items: center; }

.toggle-steps-view-2 { justify-content: space-between; }

.toggle-steps-view-minusplus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-plusminus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-chevron { position: relative; margin-left: auto; background-color: #0098b1; padding: 1rem; border-radius: 50%; height: 40px; min-width: 40px; }

.toggle-steps-view-chevron svg { fill: white; position: absolute; top: 17px; left: 14px; }

.toggle-steps.selected .chevron-icon { transform: rotate(180deg); }

.toggle-steps.selected-2 .toggle-steps-view-minusplus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-plusminus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-2 { justify-content: space-between; }

.steps-list { max-width: 800px; }

.steps-list-override { max-width: 1018px; }

@media screen and (max-width: 969px) { .toggle-steps-hide { display: none; } }
.hero { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-size: cover; position: relative; margin-bottom: 30px; overflow: hidden; z-index: 0; background-position: center center; text-align: center; transition: height 0.5s ease, opacity 0.5s ease, max-height 0.5s ease; }

.hero:not(.has-topic-background-color) { background-color: #2d3339; }

.hero.hero-video-in-progress { background: #2d3339 !important; }

.marketing-layout .hero { background: url(/assets/layouts/header-bg-0e6a992b193cbbf0ea2d9b2a00521d3d8aba1f47908c04dd57782e774c20f0f5.svg) #f6f9fa 0 -70px repeat; border-bottom: solid 1px #e9f0f3; padding: 50px 0; }

@media screen and (max-width: 679px) { .treehouse-layout .hero { margin: 0 -10px 10px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .treehouse-layout .hero { margin: 0 -15px 15px; } }

@media screen and (min-width: 970px) { .treehouse-layout .hero { border-radius: 4px; } }

@media screen and (max-width: 969px) { .hero.hero-video-in-progress:before { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 3; height: 78px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); } }

.hero-content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }

@media screen and (min-width: 970px) { .hero-content { padding: 60px 30px; } }

@media screen and (max-width: 969px) { .hero-content { padding: 82px 15px 60px; } }

@media screen and (max-width: 679px) { .hero-content { padding: 82px 10px 30px; } }

.hero-video-in-progress:not(.hero-video-stopped) .hero-content { display: none; }

.hero-title-inverse, .hero-copy-inverse { color: #fff; }

.hero-title, .hero-title-bottom { margin: 0 0 10px; line-height: 1.5; }

@media screen and (min-width: 970px) { .hero-title, .hero-title-bottom { font-size: 34px; } }

@media screen and (max-width: 969px) { .hero-title, .hero-title-bottom { font-size: 26px; } }

.hero-copy { opacity: 0.8; line-height: 1.6; margin: 0 0 20px; }

@media screen and (min-width: 970px) { .hero-copy { font-size: 18px; font-weight: 700; } }

@media screen and (max-width: 969px) { .hero-copy { font-size: 14px; } }

.hero-title-bottom { transition: opacity 0.3s ease; position: absolute; margin: 0; padding: 0; z-index: 3; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }

@media screen and (max-width: 679px) { .hero-title-bottom { font-size: 13px; font-weight: 400; line-height: 20px; bottom: 6.5%; } }

@media screen and (min-width: 680px) { .hero-title-bottom { left: 30px; right: 30px; bottom: 8%; font-size: 16px; font-weight: 400; line-height: 26px; } }

@media screen and (max-width: 969px) { .hero-title-bottom { left: 10px; right: 10px; } }

@media screen and (min-width: 1000px) { .hero-title-bottom { font-size: 18px; line-height: 30px; } }

@media screen and (min-width: 1200px) { .hero-title-bottom { font-size: 22px; line-height: 34px; } }

html:not(.hero-loaded) .hero-title-bottom, .hero-video-in-progress:not(.hero-video-stopped) .hero-title-bottom { opacity: 0; }

.hero-background { visibility: hidden; display: block; width: 100%; max-height: 450px; }

.hero-video-in-progress:not(.hero-video-stopped) .hero-background { display: none; }

.hero-play { cursor: pointer; background: transparent; border: 6px solid rgba(255, 255, 255, 0.7); box-shadow: none; text-align: center; position: absolute; z-index: 3; left: 50%; margin: 0; outline: none; transition: border-color 0.3s ease, opacity 0.5s ease; }

@media screen and (min-width: 970px) { .hero-play { width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border-radius: 100px; } }

@media screen and (max-width: 969px) { .hero-play { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; border-radius: 80px; } }

@media screen and (min-width: 680px) { .hero-play { top: 50%; } }

@media screen and (max-width: 679px) { .hero-play { top: 55%; } }

.hero-play:hover { border-color: #fff; }

html:not(.hero-loaded) .hero-play { opacity: 0; }

.hero-video-in-progress:not(.hero-video-stopped) .hero-play { display: none; }

.hero-play svg { height: 40%; width: 55%; left: 12%; position: relative; fill: #fff; }

.ff .hero-play svg { top: 3px; }

.hero-close-video { transition: opacity 0.3s ease; opacity: 0; margin: 0; position: absolute; top: 15px; width: 30px; height: 30px; z-index: 10; cursor: pointer; transition: background 300ms 0s ease; border-radius: 4px; }

@media screen and (min-width: 970px) { .hero-close-video { right: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hero-close-video { right: 20px; } }

@media screen and (max-width: 679px) { .hero-close-video { right: 15px; } }

@media screen and (max-width: 969px) { .hero-close-video { display: none; } }

.hero-video-in-progress:not(.hero-video-stopped) .hero-close-video { opacity: 1; }

.hero-close-video, .hero-close-video:hover, .hero-close-video:active { border-color: #fff; }

.hero-close-video, .hero-close-video:active { background: rgba(0, 0, 0, 0.15); }

.hero-close-video:hover { background: rgba(0, 0, 0, 0.35); }

.hero-close-video-icon { fill: #fff !important; }

.hero-video { display: none; border-radius: 0 !important; }

.hero-video-in-progress:not(.hero-video-stopped) .hero-video { display: block; }

.hero div.mejs-container:not(.mejs-container-fullscreen) { background-color: #2d3339; }

.hero div.mejs-container:not(.mejs-container-fullscreen) div.mejs-mediaelement { position: relative; margin: 0 auto; height: auto; }

.hero div.mejs-container:not(.mejs-container-fullscreen) div.mejs-mediaelement video { max-height: 550px; }

.hero div.mejs-container:not(.mejs-container-fullscreen) div.mejs-controls { transition: bottom 0.4s cubic-bezier(0, 0.99, 0.11, 1.25) 0.5s; z-index: 3; }

html:not(.hero-video-in-progress) .hero div.mejs-container:not(.mejs-container-fullscreen) div.mejs-controls { bottom: -60px; }

.hero div.mejs-container:not(.mejs-container-fullscreen) div.mejs-overlay-play { height: 100% !important; }

@media screen and (min-width: 680px) { .hero div.mejs-container:not(.mejs-container-fullscreen) div.mejs-overlay-play div.mejs-overlay-button { margin-top: -50px !important; } }

@media screen and (max-width: 679px) { .hero div.mejs-container:not(.mejs-container-fullscreen) div.mejs-overlay-play div.mejs-overlay-button { margin-top: -35px !important; } }

.hero svg.loading-icon { width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; }

.hero svg.loading-icon path.loading-circle { fill: #dce0e2; }

.hero svg.loading-icon path.loading-quarter-circle { fill: #fff; }

.hero-loaded .hero svg.loading-icon { display: none; }

.hero-color-strip { transition: opacity 0.25s ease; position: absolute; width: 100%; z-index: 2; overflow: hidden; bottom: 0; display: table; }

.hero-color-strip div { display: table-cell; width: 10%; height: 4px; }

.hero-color-blue { background-color: #3f8abf; }

.hero-color-green { background-color: #5fcf80; }

.hero-color-dark-green { background-color: #35A961; }

.hero-color-yellow { background-color: #ffd466; }

.hero-color-orange { background-color: #ff9f1f; }

.hero-color-red { background-color: #ed5a5a; }

.hero-color-light-pink { background-color: #ff8eb4; }

.hero-color-pink { background-color: #ff5b89; }

.hero-color-light-purple { background-color: #a083c8; }

.hero-color-purple { background-color: #8363b2; }

.legacy-hero { overflow: hidden; position: relative; z-index: 0; border-radius: 5px 5px 0 0; }

.topic-ai .legacy-hero { background: #733A88; }

.topic-back-end .legacy-hero { background: #008297; }

.topic-data .legacy-hero { background: #9F4B84; }

.topic-design .legacy-hero { background: #4a4290; }

.topic-experimental .legacy-hero { background: #733a88; }

.topic-front-end .legacy-hero { background: #3659a2; }

.topic-fundamentals .legacy-hero { background: #9b3b5a; }

.topic-mobile .legacy-hero { background: #30826C; }

.topic-internal .legacy-hero { background: #55616c; }

.topic-foundations .legacy-hero { background: #004e61; }

.topic-undefined .legacy-hero { background: #55616c; }

.topic-college-credit .legacy-hero { background: #3887c8; }

.topic-no-code .legacy-hero { background: #31AF7F; }

.topic-security .legacy-hero { background: #409BE9; }

.topic-game-development .legacy-hero { background: #856fc4; }

.topic-treehouse-resources .legacy-hero { background: #5fcf80; }

.topic-coding-for-kids .legacy-hero { background: #F36C27; }

.legacy-hero .qa-banner { background: #ed5a5a; color: #FFF; font-size: 1.6em; font-weight: 700; padding: 0.5em; display: inline; }

.legacy-hero h3 { font-size: 16px; font-weight: 700; color: #fff; margin: 0 0 10px; display: block; opacity: .5; }

.legacy-hero h1 { font-size: 36px; color: #FFF; font-weight: 700; line-height: 1.2; margin-bottom: 15px; display: block; }

.legacy-hero p { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; margin-bottom: 30px; }

.legacy-hero ul.tags { position: absolute; bottom: 30px; }

@media screen and (min-width: 680px) { .legacy-hero ul.tags { left: 30px; } }

@media screen and (max-width: 679px) { .legacy-hero ul.tags { left: 20px; } }

.legacy-hero ul.tags li a, .legacy-hero ul.tags li span { color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 0.75); margin: 10px 10px 0 0; }

.legacy-hero ul.tags li a:hover, .legacy-hero ul.tags li span:hover { color: #fff; border-color: #fff; }

.legacy-hero .markdown-zone a { color: inherit !important; text-decoration: underline; }

.legacy-hero .progress-container { bottom: -30px; right: 15px; left: 15px; height: 20px; }

.legacy-hero .achievement-hero { background: none; text-align: center; position: absolute; top: 0; bottom: 0; right: 15px; width: 25%; }

.legacy-hero .achievement-hero:before { content: ''; height: 100%; margin-right: -0.25em; display: inline-block; }

.legacy-hero .achievement-hero img { width: 75%; -webkit-animation-duration: 15s; -moz-animation-duration: 15s; animation-duration: 15s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@media screen and (max-width: 679px) { .legacy-hero .achievement-hero img { display: none; } }
footer .footer2022 { max-width: 1440px; margin: 0 auto; background-color: #3e474f; color: #fff; }

footer .footer2022-courses { padding-top: 1.3em; }

@media screen and (max-width: 679px) { footer .footer2022-explore { padding-top: 1.4em; } }

footer .footer2022-treehouse-logo { padding: 3em 0 0 3em; width: 254px; }

@media screen and (max-width: 970px) { footer .footer2022-treehouse-logo { padding: 3em 0 0 0; } }

footer .footer2022-container { display: flex; box-sizing: border-box; flex-direction: row; flex-wrap: nowrap; }

@media screen and (max-width: 970px) { footer .footer2022-container { flex-direction: column; } }

footer .footer2022-left { width: 50%; height: 600px; display: flex; flex-direction: column; border-right: 1px solid #5f666b; border-bottom: 1px solid #5f666b; justify-content: space-between; }

@media screen and (max-width: 970px) { footer .footer2022-left { width: 100%; align-items: center; border-right: none; border-bottom: none; } }

footer .footer2022-left ul { padding-left: 1em; }

footer .footer2022-left-design { width: 758px; max-height: 296px; }

@media screen and (max-width: 970px) { footer .footer2022-left-design { width: 100%; } }

footer .footer2022-left .catcta2022 a { padding-left: 3rem; text-decoration: underline; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; letter-spacing: 1px; font-weight: 700; }

@media screen and (max-width: 970px) { footer .footer2022-left .catcta2022 a { padding: 0; } }

footer .footer2022-left .social { display: flex; margin: 0; justify-content: space-evenly; max-width: 300px; }

@media screen and (max-width: 970px) { footer .footer2022-left .social { gap: 2em; } }

footer .footer2022-left .social li { margin-right: 5px; }

@media screen and (max-width: 679px) { footer .footer2022-left .social li { margin-right: 4px; border-bottom: none; } }

footer .footer2022-left .social a { width: 35px; height: 35px; display: inline-block; }

footer .footer2022-left .social a svg { width: 35px; height: 35px; fill: #fff; }

footer .footer2022-right { padding: 5em; height: 600px; width: 50%; display: flex; border-bottom: 1px solid #5f666b; }

@media screen and (max-width: 970px) { footer .footer2022-right { width: 100%; } }

@media screen and (max-width: 679px) { footer .footer2022-right { flex-direction: column; margin-bottom: 24em; border-bottom: none; padding: 2em; } }

footer .footer2022-right-col1 { width: 50%; display: flex; }

@media screen and (max-width: 679px) { footer .footer2022-right-col1 { width: 100%; } }

footer .footer2022-right-col1-links h4 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; letter-spacing: 5px; padding-bottom: 1em; }

footer .footer2022-right-col1-links li { padding: 1em 0; }

footer .footer2022-right-col1-links li a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; color: #fff; letter-spacing: 2px; font-weight: 300; }

footer .footer2022-right-col2 { width: 50%; display: flex; flex-direction: column; }

@media screen and (max-width: 679px) { footer .footer2022-right-col2 { width: 100%; } }

footer .footer2022-right-col2 h4 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; letter-spacing: 5px; padding-bottom: 1em; }

footer .footer2022-right-col2-links li { padding: 1em 0; }

footer .footer2022-right-col2-links li a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; color: #fff; letter-spacing: 2px; font-weight: 300; }

footer .legal-links-2022-flex { display: flex; padding: 2em; justify-content: space-between; }

@media screen and (max-width: 679px) { footer .legal-links-2022-flex { flex-direction: column-reverse; align-items: center; gap: 1em; margin-top: 2em; } }

footer .legal-links-2022-flex .legal-links-2022-left .copyright-message-2022 { font-family: 'Poppins', sans-serif; font-size: 0.75rem; color: #fff; letter-spacing: 5px; text-transform: uppercase; }

footer .legal-links-2022-flex .legal-links-2022-right span, footer .legal-links-2022-flex .legal-links-2022-right a { font-family: 'Poppins', sans-serif; font-size: 0.75rem; color: #fff; letter-spacing: 5px; text-transform: uppercase; }

footer .footer { background-color: #f6f9fa; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }

@media screen and (max-width: 679px) { footer .footer { display: block; width: 100%; padding: 2rem 3rem; } }

@media screen and (max-width: 969px) { footer .footer { padding: 2rem 3rem; } }

@media screen and (min-width: 970px) { footer .footer { padding: 3rem 2rem 1rem 2rem; } }

footer .footer h4 { margin: 0; padding: 1rem 0 0.5rem 0; }

@media screen and (max-width: 969px) { footer .footer h4 { font-size: 16px !important; } }

footer .footer li { font-size: 14px !important; color: #3E474F; padding: 0.5em 0; line-height: 18px; }

@media screen and (max-width: 679px) { footer .footer li { border-bottom: 1px solid white; } }

footer .footer a { font-size: 14px !important; font-weight: 400; color: #3E474F; padding: 0.5em 0; line-height: 18px; }

footer .footer a:hover, footer .footer a:active, footer .footer a:focus { text-decoration: underline; }

footer .footer-left { padding-right: 2rem; flex-basis: 0; }

@media screen and (max-width: 679px) { footer .footer-left { padding-bottom: 1rem; width: 100%; padding-right: 0; } }

footer .footer-middle { height: 100%; display: inline-block; padding: 0 2rem 1rem 2rem; border-left: 2px solid #0098B1; border-right: 2px solid #0098B1; }

@media screen and (max-width: 679px) { footer .footer-middle { padding: 0; border-top: 2px solid #0098B1; border-bottom: 2px solid #0098B1; border-left: none; border-right: none; width: 100% !important; } }

@media screen and (max-width: 969px) { footer .footer-middle { padding: 0; } }

footer .footer-middle .catcta a { padding-left: 1rem; font-size: 18px !important; text-decoration: underline; font-weight: 500; }

@media screen and (max-width: 679px) { footer .footer-middle .catcta a { padding: 0; } }

footer .footer-catalogue { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }

@media screen and (max-width: 679px) { footer .footer-catalogue { flex-direction: column; } }

footer .footer-catalogue h3 { text-decoration: none; }

footer .footer-catalogue-tech { flex-grow: 4; padding: 0 1rem; }

footer .footer-catalogue-tech h4 > a { font-size: 18px !important; color: #40484A; font-weight: 500; }

@media screen and (max-width: 679px) { footer .footer-catalogue-tech { padding: 0; } }

footer .footer-catalogue-tracks { flex-grow: 4; padding: 0 1rem; }

@media screen and (max-width: 679px) { footer .footer-catalogue-tracks { padding: 0; } }

footer .footer-catalogue-courses { flex-grow: 4; padding: 0 1rem; }

@media screen and (max-width: 679px) { footer .footer-catalogue-courses { padding: 0; } }

footer .footer-right { padding-left: 2rem; }

footer .footer-right .list-h4 { padding-top: 1rem; }

@media screen and (max-width: 679px) { footer .footer-right { padding-left: 0; width: 100%; } }

footer .footer-dev-container { border-top: none; padding-left: 10px; position: fixed !important; bottom: 0; z-index: 200; }

footer .footer-dev-container:before, footer .footer-dev-container:after { content: " "; display: table; }

footer .footer-dev-container:after { clear: both; }

footer .footer-dev-list { margin-right: 10px; padding: 0; float: left; }

footer .footer-dev-listaccounts, footer .footer-dev-listaction { margin-left: 15px; }

footer .links-2020-footer { margin: 0; }

@media screen and (min-width: 680px) { footer .links-2020-footer li:nth-child(1) { order: 1; }
  footer .links-2020-footer li:nth-child(2) { order: 3; }
  footer .links-2020-footer li:nth-child(3) { order: 5; }
  footer .links-2020-footer li:nth-child(4) { order: 7; }
  footer .links-2020-footer li:nth-child(5) { order: 9; }
  footer .links-2020-footer li:nth-child(6) { order: 10; }
  footer .links-2020-footer li:nth-child(7) { order: 2; }
  footer .links-2020-footer li:nth-child(8) { order: 4; }
  footer .links-2020-footer li:nth-child(9) { order: 6; }
  footer .links-2020-footer li:nth-child(10) { order: 8; }
  footer .links-2020-footer li:nth-child(11) { order: 11; }
  footer .links-2020-footer li:nth-child(12) { order: 12; } }

footer .footer-tail { background-color: #f6f9fa; padding: 1rem 0; }

footer .footer-tail .social { display: flex; justify-content: center; margin: 0; }

footer .footer-tail .social li { margin-right: 5px; }

@media screen and (max-width: 679px) { footer .footer-tail .social li { margin-right: 4px; border-bottom: none; } }

footer .footer-tail .social li:nth-child(7) a svg { width: 24px; height: 19px; }

footer .footer-tail .social a { width: 35px; height: 35px; display: flex; align-items: center; }

footer .footer-tail .social a svg { width: 35px; height: 35px; fill: #4B5658; }

footer .footer-tail .legal-links { margin: 1rem 0; display: flex; flex-direction: row; justify-content: center; text-align: center; }

footer .footer-tail .legal-links span { color: #0098B1; }

footer .footer-tail .legal-links a { display: inline-block; padding: 0 1rem; font-size: 14px !important; font-weight: 400; color: #3E474F; }

footer .footer-tail .legal-links a:hover, footer .footer-tail .legal-links a:active, footer .footer-tail .legal-links a:focus { text-decoration: underline; }

footer .footer-tail .copyright-message { margin-bottom: 15px; text-align: center; font-size: 14px !important; font-weight: 400; color: #3E474F; }

.color-bar-footer { display: block; height: 3px; }
header.header { text-align: center; }

header.header h1 { font-size: 40px; margin: 0; }

.has-sticky-subnav { position: relative; z-index: 2; }

.dropdown { background: #f9fafa; min-width: 200px; max-width: 420px; position: absolute; top: 50px; display: none; z-index: 100; border-radius: 5px; text-align: left; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.08); }

.dropdown-show .dropdown { display: block; }

.dropdown:before { position: absolute; content: ""; background: #fff; width: 12px; height: 12px; border-radius: 3px 0 0 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.08); top: -6px; }

.dropdown.left, .dropdown-left { left: 0; }

.dropdown.left:before, .dropdown-left:before { left: 20px; }

.dropdown.right, .dropdown-right { right: -20px; }

.dropdown.right:before, .dropdown-right:before { right: 20px; }

.dropdown .dropdown-title { display: block; background: #fff; font-size: 16px; line-height: 20px; position: relative; z-index: 1; border-bottom: 1px solid #e8ebed; border-radius: 5px 5px 0 0; margin: 0; }

.dropdown .dropdown-title a { display: block; padding: 15px 20px; color: #101417; }

.dropdown .dropdown-title a:hover { color: black; }

.dropdown > ul { margin: 0; background: #f9fafa; }

.dropdown > ul > li { list-style: none; border: 0 solid #f0f2f4; border-width: 0 0 1px; font-weight: 400; margin: 0; transition: background-color 0.3s ease, border-color 0.3s ease; }

.dropdown > ul > li:last-child { border-bottom: none; }

.dropdown > ul > li:not(.without-hover):hover { background: #fff; border-color: #e8ebed; }

.dropdown > ul > li:not(.without-hover):hover > a { color: #101417; }

.dropdown > ul > li:not(.without-hover):hover > a svg { fill: #1a2126; }

.dropdown > ul > li > a { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; }

.dropdown > ul > li > a:before, .dropdown > ul > li > a:after { content: " "; display: table; }

.dropdown > ul > li > a:after { clear: both; }

.dropdown > ul > li > a > svg { fill: #2b363e; }

.dropdown .empty { padding: 60px 20px; margin: 0; font-size: 14px; color: #2b363e; text-align: center; }

.dropdown .empty .button { margin: 15px 40px; display: block; }

.dropdown .dropdown-secondary { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0 0 5px 5px; background: #fff; border-top: 1px solid #e8ebed; }

.dropdown .dropdown-secondary:before, .dropdown .dropdown-secondary:after { content: " "; display: table; }

.dropdown .dropdown-secondary:after { clear: both; }

.dropdown .dropdown-secondary > svg { fill: #2b363e; }

.dropdown .dropdown-secondary:hover { background: #edeff0; color: #101417; }

body { transition: padding 600ms 0s ease; }

.header-nav-item-profile-dropdown { top: 96%; right: -90px; max-width: 200px; }

body { padding-top: 0 !important; }

.nav { z-index: 1 !important; box-shadow: none !important; position: static !important; }

.nav22-override { z-index: 9 !important; position: absolute !important; box-shadow: none !important; }

@media screen and (max-width: 970px) { .signin22-wrapper #signout22 { right: 30px !important; top: -2px !important; } }

@media screen and (max-width: 679px) { .signin22-wrapper #signout22 { top: -3px !important; right: -100px !important; } }

@media screen and (max-width: 970px) { .signin22-wrapper { display: block !important; } }

@media screen and (max-width: 679px) { .nav22-mobile-override { right: 10px !important; } }

.nav { display: flex; align-items: center; background: #fff; box-shadow: 0 0 1px rgba(0, 65, 94, 0.2); z-index: 102; transition: height 600ms 0s ease; position: fixed; top: 0; right: 0; left: 0; }

@media screen and (max-width: 679px) { .nav { height: 50px; } }

@media screen and (min-width: 680px) { .nav { height: 70px; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { bottom: 0; height: 100%; overflow-y: auto; } }

@media screen and (max-width: 679px) { .nav { display: flex; flex-wrap: wrap; align-content: space-between; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { height: 100vh; align-items: start; } }

.nav-container { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1260px; margin: 0 auto; height: 70px; display: flex; }

@media screen and (max-width: 969px) { .nav-container { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container { padding: 0 15px; } }

@media screen and (max-width: 969px) { .nav-container { flex-wrap: wrap; padding: 0 !important; }
  .hamburger-button-clicked .nav-container { height: 94vh; } }

.nav-container-2022 { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1400px; margin: 0 auto; }

@media screen and (max-width: 969px) { .nav-container-2022 { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container-2022 { padding: 0 15px; } }

.nav-list { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: right; overflow: visible; padding-left: 0; position: inherit; }

@media screen and (max-width: 969px) { .nav-list { text-align: left; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list { padding-top: 70px; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 969px) { .nav-list { padding: 0 15px; }
  .hamburger-button-clicked .nav-list { min-height: 91vh; } }

@media screen and (max-width: 679px) { .nav-list { text-align: left; } }

.nav-list-2022 { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: left; padding-left: 9em; cursor: default; }

@media screen and (max-width: 969px) { .nav-list-2022 { text-align: right; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 70px; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (min-width: 1300px) { .nav-list-2022 { margin-left: 30px; } }

@media screen and (max-width: 970px) { .nav-list-2022 { padding-left: 0; margin-left: 0; } }

@media screen and (max-width: 679px) { .nav-list-2022 { text-align: left; } }

.nav-block-2022 { margin: 0 0 0 15px; }

.nav-item { font-weight: 700; line-height: 30px; font-size: 14px; display: inline-block; }

@media screen and (max-width: 679px) { .nav-item { line-height: 50px; } }

@media screen and (min-width: 680px) { .nav-item { line-height: 70px; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 30px 0 0; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 10px; } }

.nav-item-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { right: 30px; } }

@media screen and (max-width: 969px) { .nav-item-tablet { display: none; min-width: 200px; line-height: 40px; font-size: 18px; }
  .hamburger-button-clicked .nav-item-tablet { display: block; } }

.nav-item-tablet.nav-item-show-on-mobile { border-bottom: 2px solid #d4d9dd; }

.nav-item-show-on-mobile { display: none; }

@media screen and (max-width: 969px) { .nav-item-show-on-mobile { display: block; display: none; min-width: 200px; line-height: 40px; font-size: 18px; border-bottom: 2px solid #d4d9dd; }
  .hamburger-button-clicked .nav-item-show-on-mobile { display: block; } }

.nav-item-show-on-mobile-container { float: right; height: 70px; display: flex; align-items: center; justify-content: center; }

.nav-item-show-on-mobile-container .toggle-steps { padding: 0; margin: 0; }

.nav-item-show-on-mobile .nav-link { color: #3b3b3b; font-size: 16px; font-weight: 400; display: inline-block; }

.nav-item .toggle-steps-hide { display: none; }

.nav-item-mobile .current a { color: #303853; border-bottom: 2px solid #b7c0c7; padding-bottom: 2px; }

.nav-item-submenu { font-size: 1rem; line-height: 40px; padding-left: 15px; padding-bottom: 1rem; margin: 0; }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { margin-top: 12px; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { position: absolute; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { top: 0; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { right: 60px; } }

@media screen and (max-width: 380px) { .nav-item-cta { right: 52px; } }

.nav-item-logo { transition: top 600ms 0s ease; }

@media screen and (min-width: 970px) { .nav-item-logo { position: absolute; left: 0; position: absolute; top: 17px; } }

@media screen and (max-width: 969px) { .nav-item-logo { width: 30px; height: 32px; position: absolute; top: -8px; } }

@media screen and (max-width: 680px) { .nav-item-logo { position: absolute; top: 9px; } }

@media screen and (min-width: 679px) { .nav-item-logo { margin-top: 24px; } }

@media screen and (min-width: 970px) { .nav-item-logo { margin-top: 0; } }

.nav-item-logo-container { margin: 0; position: relative; width: 100%; height: 100%; line-height: 1.3; }

.nav-item-logo-icon { display: block; }

@media screen and (max-width: 380px) { .nav-item-logo-icon { max-width: 110px; margin-top: 5px; } }

.nav-item-logo-icon .icon-treehouse { fill: #3e474f; }

.nav-item-logo-icon .icon-logo { fill: #5fcf80; }

.nav-item:hover .nav-item-logo-icon .icon-treehouse { fill: #282d32; }

.nav-item:hover .nav-item-logo-icon .icon-logo { fill: #3ac162; }

@media screen and (max-width: 969px) { .nav-item-free-trial { margin-top: 19px !important; } }

@media screen and (max-width: 679px) { .nav-item-free-trial { margin-top: 10px !important; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { top: 18px !important; } }

@media screen and (max-width: 679px) { .nav-item-sign-in { right: 40px; } }

.nav-item-sign-in-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in { top: 12px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { right: 10px; } }

@media screen and (max-width: 380px) { .visitor .nav-item-sign-in { right: 0; left: 47%; }
  .visitor .nav-item-sign-in a { font-size: 12px; } }

.logged-in .nav-item-sign-in { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 { position: absolute; z-index: 11; top: -145px; right: 180px; font-size: 1rem; color: #fff; }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { top: 0; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { right: 97px; } }

.nav-item-sign-in-2022-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in-2022 { top: 7px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { right: 10px; } }

.logged-in .nav-item-sign-in-2022 { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 a:hover { color: #edba36 !important; }

.nav .current .nav-toggle { border-bottom: 4px solid #cccccc; }

.nav-block { display: inline-block; }

@media screen and (min-width: 970px) { .nav-block { float: left; margin-left: 15%; } }

@media screen and (max-width: 969px) { .nav-block { width: 100%; } }

.nav-block-mobile-tablet { display: none; }

@media screen and (max-width: 969px) { .nav-block-mobile-tablet { display: none; min-width: 200px; margin: 0 auto; clear: both; line-height: 40px; top: 200px; }
  .hamburger-button-clicked .nav-block-mobile-tablet { display: block; } }

@media screen and (max-width: 969px) { .nav-block-hide-on-mobile { display: none; } }

.nav-social { padding: 1rem 0; text-align: center; width: 100%; background-color: #2d3339; }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav-social { display: flex !important; align-items: center; justify-content: center; gap: 20px; } }

.nav-social svg { fill: #fff; }

.nav-social-link { display: flex; }

.nav-link, .nav a { color: #387bab; transition: color 300ms 0s ease; font-weight: 700; }

.nav-link:hover, .nav-link:active, .nav-link:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #2a5d81; }

.nav-link-2022, .nav a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3b3b3b; transition: color 300ms 0s ease; font-weight: 300; font-size: 1rem; }

.nav-link-2022:hover, .nav-link-2022:active, .nav-link-2022:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #3b3b3b; }

.nav-link-2022-w, .nav a-w { color: #fff !important; }

.nav-link-2022:not(.nav-link-sign-in):hover, .nav a:not(.nav-link-sign-in):hover { background-color: #F0F0F0; }

.nav-link { position: relative; }

@media screen and (max-width: 969px) { .nav-link { display: block; } }

@media screen and (min-width: 970px) { .nav-link { display: inline-block; } }

@media screen and (max-width: 969px) { .nav-link:not(.nav-link-sign-in):not(.nav-link-sign-out):not(.nav-link-logo):not(.nav-link-free-trial) { margin: 1rem 15px; } }

.current .nav-link { color: #303853; }

.current .nav-link::after { content: ''; position: absolute; width: 100%; height: 0; left: 0; bottom: 21px; border-bottom: 4px solid #cccccc; }

@media screen and (max-width: 969px) { .current .nav-link::after { bottom: 6px; } }

.nav-link.button:not(.button--primary-ubora) { font-size: 12px; height: 30px; line-height: 26px; padding: 0 10px; background: #008298; background: linear-gradient(to bottom, #008298 0%, #007589 100%); border-color: transparent; color: #fff !important; }

@media screen and (max-width: 380px) { .nav-link.button:not(.button--primary-ubora) { padding: 0 5px; } }

.nav-link.button:not(.button--primary-ubora):hover, .nav-link.button:not(.button--primary-ubora):active, .nav-link.button:not(.button--primary-ubora):focus { background: linear-gradient(#004652, #004652); border-color: transparent !important; color: #fff !important; }

.nav-link-sign-in:hover, .nav-link-sign-out:hover { color: #0e8397 !important; }

@media screen and (max-width: 969px) { .nav-link-sign-in, .nav-link-sign-out { line-height: 30px; font-size: 14px; } }

.nav-link-learn::after { content: ''; position: relative; display: inline-block; margin-left: 4px; top: -1px; width: 12px; height: 7px; background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); }

.nav .nav-dropdown { position: relative; }

.nav .nav-dropdown.active .nav-toggle { border-bottom: 4px solid #53b16b; }

.nav .nav-dropdown-menu { display: none; position: absolute; padding-block: 10px; top: 75px; left: 0; z-index: 999; background: #fff; border: 2px solid #cccccc; }

.nav .nav-dropdown.active .nav-dropdown-menu { display: flex; flex-direction: column; text-align: left; white-space: nowrap; }

.nav .nav-dropdown-menu a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; padding-inline: 24px; }

.nav .nav-dropdown-menu a:hover { background: #F0F0F0; }

.nav .nav-toggle { font-size: 16px; line-height: 30px; border: none; background: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.nav .nav-dropdown-menu--two-col { display: none; flex-direction: row !important; }

.nav .nav-dropdown.active .nav-dropdown-menu--two-col { display: flex; flex-direction: row !important; }

.nav .nav-dropdown-col { display: flex; flex-direction: column; min-width: 200px; }

.nav .nav-dropdown-col:first-child { border-right: 1px solid #e0e0e0; }

.nav .nav-dropdown-col-title { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: #7b8b8e; padding: 2px 24px 2px; display: block; }

.nav .nav-item-submenu-title { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #3b3b3b; padding: 15px 0 5px; margin-top: 10px; border-top: 2px solid #d4d9dd; }

.nav .nav-item-submenu-title:first-child { border-top: none; margin-top: 0; padding-top: 5px; }

.toggle-steps { display: block; font-weight: 500; cursor: pointer; }

.toggle-steps:not(.nav-link) { font-size: 1.5rem; color: #4b5658; padding-bottom: 1.5rem; margin-bottom: 1rem; }

.toggle-steps:not(.nav-link) .marketing-layout, .marketing-2020-layout .toggle-steps:not(.nav-link) { border-bottom: 2px solid #d4d9dd; }

@media screen and (max-width: 969px) { .toggle-steps.nav-link { color: #0098b1; border-bottom: 2px solid #d4d9dd; } }

.toggle-steps.nav-link .toggle-steps-view-chevron { cursor: pointer; }

@media screen and (min-width: 969px) { .toggle-steps.nav-link .toggle-steps-view-chevron { display: none; } }

.toggle-steps-view { display: flex; align-items: center; }

.toggle-steps-view-2 { justify-content: space-between; }

.toggle-steps-view-minusplus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-plusminus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-chevron { position: relative; margin-left: auto; background-color: #0098b1; padding: 1rem; border-radius: 50%; height: 40px; min-width: 40px; }

.toggle-steps-view-chevron svg { fill: white; position: absolute; top: 17px; left: 14px; }

.toggle-steps.selected .chevron-icon { transform: rotate(180deg); }

.toggle-steps.selected-2 .toggle-steps-view-minusplus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-plusminus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-2 { justify-content: space-between; }

.steps-list { max-width: 800px; }

.steps-list-override { max-width: 1018px; }

@media screen and (max-width: 969px) { .toggle-steps-hide { display: none; } }

.header { background: #3e474f; z-index: 102; transition: height 600ms 0s ease; position: fixed; top: 0; right: 0; left: 0; }

@media screen and (max-width: 679px) { .header { height: 50px; } }

@media screen and (min-width: 680px) { .header { height: 70px; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .header { bottom: 0; height: 100%; overflow-y: auto; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .header { height: auto; } }

.header-loading-bar { background: #5fcf80; position: fixed; top: 0; left: 0; width: 100%; height: 2px; }

.header-nav { padding-top: 0; padding-bottom: 0; height: 100%; padding: 0 10px 0 10px; }

@media screen and (min-width: 1200px) { .header-nav { padding: 0 30px 0 30px; } }

.header-nav .nav-dropdown { position: relative; }

.header-nav .nav-dropdown.active .nav-toggle { border-bottom: 4px solid #53b16b; }

.header-nav .nav-dropdown-menu { display: none; position: absolute; top: 75px; left: 0; z-index: 999; background: #3e474f; }

.header-nav .nav-dropdown.active .nav-dropdown-menu { display: flex; flex-direction: column; text-align: left; white-space: nowrap; padding: 10px; }

.header-nav .nav-dropdown.active .nav-dropdown-menu a { font-weight: 400; font-size: 16px; line-height: 40px; padding-inline: 10px; }

.header-nav .nav-dropdown.active .nav-dropdown-menu a:hover { background: #adb6b9; }

.header-nav .nav-toggle { color: #adb6b9; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 30px; background: transparent; border: none; }

.header-nav .nav-toggle:hover { cursor: pointer; color: #fff; }

.header-nav .dropdown-item .current { border-bottom: 4px solid #cccccc; }

.header-nav .current .nav-toggle { color: #adb6b9; border-bottom: 4px solid #cccccc; }

.header-nav .nav-dropdown-menu--two-col { display: none; flex-direction: row !important; }

.header-nav .nav-dropdown.active .nav-dropdown-menu--two-col { display: flex; flex-direction: row !important; }

.header-nav .nav-dropdown-col { display: flex; flex-direction: column; min-width: 200px; }

.header-nav .nav-dropdown-col:first-child { border-right: 1px solid rgba(255, 255, 255, 0.1); }

.header-nav .nav-dropdown-col-title { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: #adb6b9; padding: 2px 10px 2px; display: block; }

.header-nav .nav-item-submenu-title { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #adb6b9; padding: 15px 0 5px; margin-top: 10px; border-top: 2px solid rgba(255, 255, 255, 0.07); }

.header-nav .nav-item-submenu-title:first-child { border-top: none; margin-top: 0; padding-top: 5px; }

.header-nav-list { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: right; }

@media screen and (max-width: 969px) { .header-nav-list { text-align: left; } }

.header-nav-list:before, .header-nav-list:after { content: " "; display: table; }

.header-nav-list:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .header-nav-list { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .header-nav-list { padding-top: 70px; } }

.header-nav-item { font-weight: 700; font-size: 16px; text-align: center; }

@media screen and (max-width: 679px) { .header-nav-item { line-height: 50px; } }

@media screen and (min-width: 680px) { .header-nav-item { line-height: 70px; } }

@media screen and (min-width: 970px) { .header-nav-item { float: left; margin-right: 25px; transition: opacity 600ms 0s ease; } }

@media screen and (min-width: 970px) and (min-width: 970px) and (max-width: 1200px) { .header-nav-item { margin-right: 13px; font-size: 15px; } }

.header-nav-item-primary { font-size: 18px; }

@media screen and (min-width: 970px) and (max-width: 1200px) { .header-nav-item-primary { font-size: 15px; } }

@media screen and (max-width: 969px) { .header-nav-item-primary { line-height: 40px; } }

@media screen and (min-width: 970px) { .header-has-button.scrolled-past-hero.scrolling-down .header-nav-item-secondary { opacity: 0; visibility: hidden; } }

@media screen and (max-width: 969px) { .header-nav-item-secondary { line-height: 38px; } }

.header-nav-item-desktop { display: none; }

@media screen and (min-width: 970px) { .header-nav-item-desktop { display: inline-block; } }

.header-nav-item-mobile { display: none; }

@media screen and (max-width: 969px) { .header-nav-item-mobile { display: none; min-width: 200px; margin: 0 auto; clear: both; line-height: 40px; width: 60%; max-width: 300px; text-align: center; }
  .hamburger-button-clicked .header-nav-item-mobile { display: block; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .header-nav-item-mobile .nav-item-submenu { padding-left: 0; padding-bottom: 0; } }

.header-nav-item-mobile .toggle-steps-hide { display: none; }

.header-nav-item-mobile-container { display: none; }

@media screen and (max-width: 969px) { .header-nav-item-mobile-container { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
  .header-nav-item-mobile-container .nav-link { color: #adb6b9; }
  .header-nav-item-mobile-container .nav-link:not(.nav-link-sign-in):not(.nav-link-sign-out):not(.nav-link-logo):not(.nav-link-free-trial) { font-size: 16px; font-weight: 500; color: #adb6b9; margin: 0; margin-right: 10px; }
  .header-nav-item-mobile-container .toggle-steps { padding: 0; margin: 0; border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
  .header-nav-item-mobile-container .toggle-steps svg { fill: #adb6b9; margin-bottom: 3px; } }

.header-nav-item-logo { transition: top 600ms 0s ease; }

@media screen and (min-width: 970px) { .header-nav-item-logo { position: relative; line-height: 34px; top: 9px; } }

@media screen and (max-width: 969px) { .header-nav-item-logo { text-align: center; top: 9px; } }

.header-nav-item-logo-container { margin: 0; position: relative; width: 100%; height: 100%; }

.header-nav-item-logo-link { display: block; position: relative; width: 100%; height: 100%; }

.header-nav-item-logo-icon { display: inline-block; position: relative; fill: #5fcf80; top: 8px; }

.header-nav-link:hover .header-nav-item-logo-icon, .header-nav-link:focus .header-nav-item-logo-icon { fill: #fff; }

@media screen and (min-width: 970px) { .header-nav-item-logo-icon { top: 9px; } }

@media screen and (max-width: 969px) { .header-nav-item-logo-icon { position: relative; } }

.hamburger-button-clicked .header-nav-item-logo-icon { float: none; }

@media screen and (min-width: 970px) { .header-nav-item-logo-text { display: inline-block; margin-left: 10px; border-right: 2px solid rgba(255, 255, 255, 0.1); padding-inline: 28px; } }

@media screen and (max-width: 969px) { .header-nav-item-logo-text { display: none; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .header-nav-item-logo-text { display: block; position: relative; top: 5px; margin-bottom: 12px; } }

@media screen and (max-width: 969px) { .logged-in .header-nav-item-techdegrees { margin-top: 15px; padding-top: 15px; border-top: 2px solid rgba(255, 255, 255, 0.07); display: none; }
  .hamburger-button-clicked .logged-in .header-nav-item-techdegrees { display: block; } }

@media screen and (max-width: 969px) { .logged-in .header-nav-item-support { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid rgba(255, 255, 255, 0.07); display: none; }
  .hamburger-button-clicked .logged-in .header-nav-item-support { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-organization { margin-right: 0; position: absolute; top: 0; }
  .header-nav-item-profile-points-size-2 .header-nav-item-organization { right: 255px; }
  .header-nav-item-profile-points-size-3 .header-nav-item-organization { right: 265px; }
  .header-nav-item-profile-points-size-4 .header-nav-item-organization { right: 275px; }
  .header-nav-item-profile-points-size-5 .header-nav-item-organization { right: 285px; }
  .header-nav-item-profile-points-size-6 .header-nav-item-organization { right: 295px; } }

@media screen and (max-width: 969px) { .header-nav-item-organization { display: none; margin-bottom: 9px; }
  .hamburger-button-clicked .header-nav-item-organization { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-workspaces { padding-right: 22px; border-right: 2px solid rgba(255, 255, 255, 0.1); margin-right: 0; line-height: 34px; position: absolute; top: 18px; right: 120px; }
  .header-nav-item-profile-points-size-2 .header-nav-item-workspaces { right: 137px; }
  .header-nav-item-profile-points-size-3 .header-nav-item-workspaces { right: 147px; }
  .header-nav-item-profile-points-size-4 .header-nav-item-workspaces { right: 157px; }
  .header-nav-item-profile-points-size-5 .header-nav-item-workspaces { right: 167px; }
  .header-nav-item-profile-points-size-6 .header-nav-item-workspaces { right: 177px; } }

@media screen and (max-width: 969px) { .header-nav-item-workspaces { display: none; }
  .hamburger-button-clicked .header-nav-item-workspaces { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-settings { display: none; } }

@media screen and (max-width: 969px) { .header-nav-item-settings { display: none; }
  .hamburger-button-clicked .header-nav-item-settings { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-sign-out { display: none; } }

@media screen and (max-width: 969px) { .header-nav-item-sign-out { display: none; }
  .hamburger-button-clicked .header-nav-item-sign-out { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-profile { line-height: 36px; position: absolute; top: 0; right: 26px; margin-right: 0; height: 70px; } }

@media screen and (max-width: 969px) { .header-nav-item-profile { display: none; margin-top: 15px; margin-bottom: 5px; line-height: 28px; padding-top: 20px; border-top: 2px solid rgba(255, 255, 255, 0.07); }
  .hamburger-button-clicked .header-nav-item-profile { display: block; } }

.header-nav-item-profile-dropdown { top: 96% !important; right: -10px !important; }

@media screen and (max-width: 969px) { .header-nav-item-profile-dropdown { display: none !important; } }

.header-nav-item-profile-dropdown-title-link { line-height: 20px; }

.header-nav-item-profile-dropdown-title-name { display: block; color: #101417; font-size: 14px; font-weight: 700; }

.header-nav-item-profile-dropdown-title-label { color: #2b363e; font-size: 12px; font-weight: 400; }

@media screen and (min-width: 970px) { .header-nav-item-profile-avatar { float: right; margin: 17px 18px 0 0; } }

@media screen and (max-width: 969px) { .header-nav-item-profile-avatar { display: block; margin: 0 auto 5px; } }

.header-nav-item-profile-avatar .avatar-image { overflow: hidden; }

.header-nav-item-profile-points { font-weight: 700; }

@media screen and (min-width: 970px) { .header-nav-item-profile-points { margin-right: 7px; line-height: 70px; float: right; } }

@media screen and (max-width: 969px) { .header-nav-item-profile-points { display: block; color: #fff; line-height: 20px; font-size: 20px; padding-top: 5px; } }

.header-nav-item-profile-text { font-size: 14px; line-height: 18px; }

@media screen and (min-width: 970px) { .header-nav-item-profile-text { display: none; } }

.header-nav-item-profile-chevron { fill: #adb6b9; position: absolute; top: 50%; right: 10px; margin-top: -4px; }

.header-nav-link:hover .header-nav-item-profile-chevron, .header-nav-link:focus .header-nav-item-profile-chevron { fill: #fff; }

@media screen and (max-width: 969px) { .header-nav-item-profile-chevron { display: none; } }

@media screen and (min-width: 970px) { .header-nav-item-notifications { position: absolute; top: 0; right: -10px; height: 70px; margin-right: 0; display: block; } }

@media screen and (max-width: 969px) { .header-nav-item-notifications { position: unset; display: none; }
  .hamburger-button-clicked .header-nav-item-notifications { display: block; } }

.header-nav-item-notifications-count { color: #fff; font-weight: 700; border-radius: 4px; }

@media screen and (min-width: 970px) { .header-nav-item-notifications-count { display: block; background: #ed5a5a; position: absolute; top: 16px; right: 3px; font-size: 14px; padding: 0 3px; line-height: 16px; }
  .header-nav-item-notifications-count-double-digits { right: -3px; font-size: 13px; line-height: 15px; } }

@media screen and (max-width: 969px) { .header-nav-item-notifications-count { display: inline-block; background: #1a2126; padding: 0 4px; line-height: 22px; margin-right: 4px; } }

.header-nav-item-notifications-count-hidden { display: none; }

@media screen and (min-width: 970px) { .header-nav-item-notifications-text { display: none; } }

.header-nav-item-notifications-icon { fill: #adb6b9; width: 26px; height: 25px; }

@media screen and (min-width: 970px) { .header-nav-item-notifications-icon { margin-top: 22px; } }

.header-nav-item-notifications:hover .header-nav-item-notifications-icon, .header-nav-link:focus .header-nav-item-notifications-icon { fill: #fff; }

.header-nav-item-notifications-dropdown { width: 420px; right: -2px !important; top: 96% !important; }

@media screen and (max-width: 969px) { .header-nav-item-notifications-dropdown { display: none !important; } }

.header-nav-item-notifications-dropdown .loading { text-align: center; }

.header-nav-item-notifications-dropdown .notification-list { max-height: 360px; overflow-y: auto; }

.header-nav-item-notifications-dropdown-all { color: #fff !important; background-color: #5fcf80 !important; }

.header-nav-item-notifications-dropdown-all:hover { background-color: #2e9a4e !important; }

.header-nav-link { display: block; color: #adb6b9; }

.header-nav-link:before, .header-nav-link:after { content: " "; display: table; }

.header-nav-link:after { clear: both; }

.header-nav-link:focus { color: #fff; }

.header-nav-item-current .header-nav-link, .header-nav-item:hover .header-nav-link { color: #fff; }

.header-nav-item-sign-up .header-nav-link { color: #5fcf80; }

@media screen and (min-width: 970px) { .header-nav-item-profile .header-nav-link, .header-nav-item-notifications .header-nav-link { padding: 0 10px; height: 100%; } }

.header-button { position: absolute; opacity: 0; margin: 0; visibility: hidden; transition: opacity 600ms 0s ease; }

@media screen and (max-width: 969px) { .header-button { top: 8px; } }

@media screen and (min-width: 970px) { .header-button { top: 15px; } }

@media screen and (min-width: 970px) { .header-button { right: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .header-button { right: 20px; } }

@media screen and (max-width: 679px) { .header-button { right: 15px; } }

.header-has-button.scrolled-past-hero.scrolling-down .header-button { opacity: 1; visibility: visible; }

@media screen and (max-width: 969px) { .header-button { height: 32px; line-height: 28px; padding: 0 10px; } }

.hamburger-button-clicked .header-button { display: none; }
.dropdown { background: #f9fafa; min-width: 200px; max-width: 420px; position: absolute; top: 50px; display: none; z-index: 100; border-radius: 5px; text-align: left; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.08); }

.dropdown-show .dropdown { display: block; }

.dropdown:before { position: absolute; content: ""; background: #fff; width: 12px; height: 12px; border-radius: 3px 0 0 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.08); top: -6px; }

.dropdown.left, .dropdown-left { left: 0; }

.dropdown.left:before, .dropdown-left:before { left: 20px; }

.dropdown.right, .dropdown-right { right: -20px; }

.dropdown.right:before, .dropdown-right:before { right: 20px; }

.dropdown .dropdown-title { display: block; background: #fff; font-size: 16px; line-height: 20px; position: relative; z-index: 1; border-bottom: 1px solid #e8ebed; border-radius: 5px 5px 0 0; margin: 0; }

.dropdown .dropdown-title a { display: block; padding: 15px 20px; color: #101417; }

.dropdown .dropdown-title a:hover { color: black; }

.dropdown > ul { margin: 0; background: #f9fafa; }

.dropdown > ul > li { list-style: none; border: 0 solid #f0f2f4; border-width: 0 0 1px; font-weight: 400; margin: 0; transition: background-color 0.3s ease, border-color 0.3s ease; }

.dropdown > ul > li:last-child { border-bottom: none; }

.dropdown > ul > li:not(.without-hover):hover { background: #fff; border-color: #e8ebed; }

.dropdown > ul > li:not(.without-hover):hover > a { color: #101417; }

.dropdown > ul > li:not(.without-hover):hover > a svg { fill: #1a2126; }

.dropdown > ul > li > a { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; }

.dropdown > ul > li > a:before, .dropdown > ul > li > a:after { content: " "; display: table; }

.dropdown > ul > li > a:after { clear: both; }

.dropdown > ul > li > a > svg { fill: #2b363e; }

.dropdown .empty { padding: 60px 20px; margin: 0; font-size: 14px; color: #2b363e; text-align: center; }

.dropdown .empty .button { margin: 15px 40px; display: block; }

.dropdown .dropdown-secondary { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0 0 5px 5px; background: #fff; border-top: 1px solid #e8ebed; }

.dropdown .dropdown-secondary:before, .dropdown .dropdown-secondary:after { content: " "; display: table; }

.dropdown .dropdown-secondary:after { clear: both; }

.dropdown .dropdown-secondary > svg { fill: #2b363e; }

.dropdown .dropdown-secondary:hover { background: #edeff0; color: #101417; }

body { transition: padding 600ms 0s ease; }

.header-nav-item-profile-dropdown { top: 96%; right: -90px; max-width: 200px; }

body { padding-top: 0 !important; }

.nav { z-index: 1 !important; box-shadow: none !important; position: static !important; }

.nav22-override { z-index: 9 !important; position: absolute !important; box-shadow: none !important; }

@media screen and (max-width: 970px) { .signin22-wrapper #signout22 { right: 30px !important; top: -2px !important; } }

@media screen and (max-width: 679px) { .signin22-wrapper #signout22 { top: -3px !important; right: -100px !important; } }

@media screen and (max-width: 970px) { .signin22-wrapper { display: block !important; } }

@media screen and (max-width: 679px) { .nav22-mobile-override { right: 10px !important; } }

.nav { display: flex; align-items: center; background: #fff; box-shadow: 0 0 1px rgba(0, 65, 94, 0.2); z-index: 102; transition: height 600ms 0s ease; position: fixed; top: 0; right: 0; left: 0; }

@media screen and (max-width: 679px) { .nav { height: 50px; } }

@media screen and (min-width: 680px) { .nav { height: 70px; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { bottom: 0; height: 100%; overflow-y: auto; } }

@media screen and (max-width: 679px) { .nav { display: flex; flex-wrap: wrap; align-content: space-between; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { height: 100vh; align-items: start; } }

.nav-container { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1260px; margin: 0 auto; height: 70px; display: flex; }

@media screen and (max-width: 969px) { .nav-container { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container { padding: 0 15px; } }

@media screen and (max-width: 969px) { .nav-container { flex-wrap: wrap; padding: 0 !important; }
  .hamburger-button-clicked .nav-container { height: 94vh; } }

.nav-container-2022 { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1400px; margin: 0 auto; }

@media screen and (max-width: 969px) { .nav-container-2022 { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container-2022 { padding: 0 15px; } }

.nav-list { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: right; overflow: visible; padding-left: 0; position: inherit; }

@media screen and (max-width: 969px) { .nav-list { text-align: left; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list { padding-top: 70px; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 969px) { .nav-list { padding: 0 15px; }
  .hamburger-button-clicked .nav-list { min-height: 91vh; } }

@media screen and (max-width: 679px) { .nav-list { text-align: left; } }

.nav-list-2022 { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: left; padding-left: 9em; cursor: default; }

@media screen and (max-width: 969px) { .nav-list-2022 { text-align: right; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 70px; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (min-width: 1300px) { .nav-list-2022 { margin-left: 30px; } }

@media screen and (max-width: 970px) { .nav-list-2022 { padding-left: 0; margin-left: 0; } }

@media screen and (max-width: 679px) { .nav-list-2022 { text-align: left; } }

.nav-block-2022 { margin: 0 0 0 15px; }

.nav-item { font-weight: 700; line-height: 30px; font-size: 14px; display: inline-block; }

@media screen and (max-width: 679px) { .nav-item { line-height: 50px; } }

@media screen and (min-width: 680px) { .nav-item { line-height: 70px; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 30px 0 0; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 10px; } }

.nav-item-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { right: 30px; } }

@media screen and (max-width: 969px) { .nav-item-tablet { display: none; min-width: 200px; line-height: 40px; font-size: 18px; }
  .hamburger-button-clicked .nav-item-tablet { display: block; } }

.nav-item-tablet.nav-item-show-on-mobile { border-bottom: 2px solid #d4d9dd; }

.nav-item-show-on-mobile { display: none; }

@media screen and (max-width: 969px) { .nav-item-show-on-mobile { display: block; display: none; min-width: 200px; line-height: 40px; font-size: 18px; border-bottom: 2px solid #d4d9dd; }
  .hamburger-button-clicked .nav-item-show-on-mobile { display: block; } }

.nav-item-show-on-mobile-container { float: right; height: 70px; display: flex; align-items: center; justify-content: center; }

.nav-item-show-on-mobile-container .toggle-steps { padding: 0; margin: 0; }

.nav-item-show-on-mobile .nav-link { color: #3b3b3b; font-size: 16px; font-weight: 400; display: inline-block; }

.nav-item .toggle-steps-hide { display: none; }

.nav-item-mobile .current a { color: #303853; border-bottom: 2px solid #b7c0c7; padding-bottom: 2px; }

.nav-item-submenu { font-size: 1rem; line-height: 40px; padding-left: 15px; padding-bottom: 1rem; margin: 0; }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { margin-top: 12px; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { position: absolute; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { top: 0; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { right: 60px; } }

@media screen and (max-width: 380px) { .nav-item-cta { right: 52px; } }

.nav-item-logo { transition: top 600ms 0s ease; }

@media screen and (min-width: 970px) { .nav-item-logo { position: absolute; left: 0; position: absolute; top: 17px; } }

@media screen and (max-width: 969px) { .nav-item-logo { width: 30px; height: 32px; position: absolute; top: -8px; } }

@media screen and (max-width: 680px) { .nav-item-logo { position: absolute; top: 9px; } }

@media screen and (min-width: 679px) { .nav-item-logo { margin-top: 24px; } }

@media screen and (min-width: 970px) { .nav-item-logo { margin-top: 0; } }

.nav-item-logo-container { margin: 0; position: relative; width: 100%; height: 100%; line-height: 1.3; }

.nav-item-logo-icon { display: block; }

@media screen and (max-width: 380px) { .nav-item-logo-icon { max-width: 110px; margin-top: 5px; } }

.nav-item-logo-icon .icon-treehouse { fill: #3e474f; }

.nav-item-logo-icon .icon-logo { fill: #5fcf80; }

.nav-item:hover .nav-item-logo-icon .icon-treehouse { fill: #282d32; }

.nav-item:hover .nav-item-logo-icon .icon-logo { fill: #3ac162; }

@media screen and (max-width: 969px) { .nav-item-free-trial { margin-top: 19px !important; } }

@media screen and (max-width: 679px) { .nav-item-free-trial { margin-top: 10px !important; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { top: 18px !important; } }

@media screen and (max-width: 679px) { .nav-item-sign-in { right: 40px; } }

.nav-item-sign-in-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in { top: 12px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { right: 10px; } }

@media screen and (max-width: 380px) { .visitor .nav-item-sign-in { right: 0; left: 47%; }
  .visitor .nav-item-sign-in a { font-size: 12px; } }

.logged-in .nav-item-sign-in { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 { position: absolute; z-index: 11; top: -145px; right: 180px; font-size: 1rem; color: #fff; }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { top: 0; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { right: 97px; } }

.nav-item-sign-in-2022-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in-2022 { top: 7px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { right: 10px; } }

.logged-in .nav-item-sign-in-2022 { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 a:hover { color: #edba36 !important; }

.nav .current .nav-toggle { border-bottom: 4px solid #cccccc; }

.nav-block { display: inline-block; }

@media screen and (min-width: 970px) { .nav-block { float: left; margin-left: 15%; } }

@media screen and (max-width: 969px) { .nav-block { width: 100%; } }

.nav-block-mobile-tablet { display: none; }

@media screen and (max-width: 969px) { .nav-block-mobile-tablet { display: none; min-width: 200px; margin: 0 auto; clear: both; line-height: 40px; top: 200px; }
  .hamburger-button-clicked .nav-block-mobile-tablet { display: block; } }

@media screen and (max-width: 969px) { .nav-block-hide-on-mobile { display: none; } }

.nav-social { padding: 1rem 0; text-align: center; width: 100%; background-color: #2d3339; }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav-social { display: flex !important; align-items: center; justify-content: center; gap: 20px; } }

.nav-social svg { fill: #fff; }

.nav-social-link { display: flex; }

.nav-link, .nav a { color: #387bab; transition: color 300ms 0s ease; font-weight: 700; }

.nav-link:hover, .nav-link:active, .nav-link:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #2a5d81; }

.nav-link-2022, .nav a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3b3b3b; transition: color 300ms 0s ease; font-weight: 300; font-size: 1rem; }

.nav-link-2022:hover, .nav-link-2022:active, .nav-link-2022:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #3b3b3b; }

.nav-link-2022-w, .nav a-w { color: #fff !important; }

.nav-link-2022:not(.nav-link-sign-in):hover, .nav a:not(.nav-link-sign-in):hover { background-color: #F0F0F0; }

.nav-link { position: relative; }

@media screen and (max-width: 969px) { .nav-link { display: block; } }

@media screen and (min-width: 970px) { .nav-link { display: inline-block; } }

@media screen and (max-width: 969px) { .nav-link:not(.nav-link-sign-in):not(.nav-link-sign-out):not(.nav-link-logo):not(.nav-link-free-trial) { margin: 1rem 15px; } }

.current .nav-link { color: #303853; }

.current .nav-link::after { content: ''; position: absolute; width: 100%; height: 0; left: 0; bottom: 21px; border-bottom: 4px solid #cccccc; }

@media screen and (max-width: 969px) { .current .nav-link::after { bottom: 6px; } }

.nav-link.button:not(.button--primary-ubora) { font-size: 12px; height: 30px; line-height: 26px; padding: 0 10px; background: #008298; background: linear-gradient(to bottom, #008298 0%, #007589 100%); border-color: transparent; color: #fff !important; }

@media screen and (max-width: 380px) { .nav-link.button:not(.button--primary-ubora) { padding: 0 5px; } }

.nav-link.button:not(.button--primary-ubora):hover, .nav-link.button:not(.button--primary-ubora):active, .nav-link.button:not(.button--primary-ubora):focus { background: linear-gradient(#004652, #004652); border-color: transparent !important; color: #fff !important; }

.nav-link-sign-in:hover, .nav-link-sign-out:hover { color: #0e8397 !important; }

@media screen and (max-width: 969px) { .nav-link-sign-in, .nav-link-sign-out { line-height: 30px; font-size: 14px; } }

.nav-link-learn::after { content: ''; position: relative; display: inline-block; margin-left: 4px; top: -1px; width: 12px; height: 7px; background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); }

.nav .nav-dropdown { position: relative; }

.nav .nav-dropdown.active .nav-toggle { border-bottom: 4px solid #53b16b; }

.nav .nav-dropdown-menu { display: none; position: absolute; padding-block: 10px; top: 75px; left: 0; z-index: 999; background: #fff; border: 2px solid #cccccc; }

.nav .nav-dropdown.active .nav-dropdown-menu { display: flex; flex-direction: column; text-align: left; white-space: nowrap; }

.nav .nav-dropdown-menu a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; padding-inline: 24px; }

.nav .nav-dropdown-menu a:hover { background: #F0F0F0; }

.nav .nav-toggle { font-size: 16px; line-height: 30px; border: none; background: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.nav .nav-dropdown-menu--two-col { display: none; flex-direction: row !important; }

.nav .nav-dropdown.active .nav-dropdown-menu--two-col { display: flex; flex-direction: row !important; }

.nav .nav-dropdown-col { display: flex; flex-direction: column; min-width: 200px; }

.nav .nav-dropdown-col:first-child { border-right: 1px solid #e0e0e0; }

.nav .nav-dropdown-col-title { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: #7b8b8e; padding: 2px 24px 2px; display: block; }

.nav .nav-item-submenu-title { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #3b3b3b; padding: 15px 0 5px; margin-top: 10px; border-top: 2px solid #d4d9dd; }

.nav .nav-item-submenu-title:first-child { border-top: none; margin-top: 0; padding-top: 5px; }
body { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

*, *:before, *:after { box-sizing: border-box; }

body { background-color: #fff; color: #1a2126; font-size: 16px; font-style: normal; line-height: 1; position: relative; margin: 0; padding: 0; text-rendering: geometricPrecision; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

img { height: auto; -ms-interpolation-mode: bicubic; }

img, object, embed { max-width: 100%; }

img[src*="taboola"] { position: absolute; left: -1000px; }

.marketing-sprite { display: none; }

.dropdown { background: #fff; top: 60px; text-align: left; }

@media screen { .dropdown { display: none; } }

.dropdown:before { background-color: #fff; }

.dropdown ul li:first-child, .dropdown ul li:first-child a { border-radius: 5px 5px 0 0; }

.dropdown ul li:last-child, .dropdown ul li:last-child a { border-radius: 0 0 5px 5px; }

.dropdown ul li a:hover { background-color: #fff; color: #5fcf80 !important; z-index: 100; }

.link-list { list-style: none; margin: 0 0 20px 0; padding: 0; overflow: hidden; }

.link-list li { float: left; margin-right: 20px; }

.page-content h1:first-of-type, .page-content h2:first-of-type, .page-content h3:first-of-type, .page-content h4:first-of-type, .page-content h5:first-of-type, .page-content h6:first-of-type { margin-top: 0; }

.page-content .sticky-subnav + .content-section { padding-top: 108px; }

.content-section { padding: 80px 0; }

.content-section-has-bg { background-color: #f6f9fa; border-top: solid 1px #e9f0f3; border-bottom: solid 1px #e9f0f3; }

.content-section-has-bg p:last-child { margin-bottom: 0; }

.content-section-features { padding-bottom: 50px; }

@media screen and (max-width: 767px) { .page-container { transition: transform 0.3s cubic-bezier(0.35, -0.25, 0.35, 0); }
  .nav-shelf-expanded .page-container { -ms-transform: translateX(-270px); -moz-transform: translateX(-270px); -webkit-transform: translateX(-270px); transform: translateX(-270px); } }

@media screen and (max-width: 767px) { .upsell-404 .button { margin-bottom: 30px; } }
.page-container { transition: transform 0.3s cubic-bezier(0.35, -0.25, 0.35, 0); }

.nav-shelf-expanded .page-container { -ms-transform: translateX(-270px); -moz-transform: translateX(-270px); -webkit-transform: translateX(-270px); transform: translateX(-270px); }

.row { max-width: 1230px; margin: 0 auto; width: 100%; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

@media screen and (min-width: 680px) and (max-width: 969px) { .row { padding: 0 5px; } }

@media screen and (min-width: 970px) { .row { padding: 0 15px; } }

@media screen and (max-width: 767px) { .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } }

.container .row { padding: 0; margin: 0 -15px !important; }

.row .row { width: auto; max-width: none; margin: 0 -15px; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }

@media screen and (max-width: 767px) { .column, .columns { width: auto !important; float: none; }
  .column:before, .column:after, .columns:before, .columns:after { content: " "; display: table; }
  .column:after, .columns:after { clear: both; }
  .column:last-child, .columns:last-child { float: none; } }

.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

@media screen and (max-width: 767px) { [class*="column"] + [class*="column"]:last-child { float: none; } }

@media screen and (min-width: 768px) { [class*="column"] + [class*="column"].end { float: left; } }

.one, .row .one { width: 8.3333333333%; }

.two, .row .two { width: 16.6666666667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.3333333333%; }

.five, .row .five { width: 41.6666666667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.3333333333%; }

.eight, .row .eight { width: 66.6666666667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.3333333333%; }

.eleven, .row .eleven { width: 91.6666666667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.3333333333%; }

.row .offset-by-two { margin-left: 16.6666666667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.3333333333%; }

.row .offset-by-five { margin-left: 41.6666666667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.3333333333%; }

.row .offset-by-eight { margin-left: 66.6666666667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.3333333333%; }

.push-two { left: 16.6666666667%; }

.pull-two { right: 16.6666666667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.3333333333%; }

.pull-four { right: 33.3333333333%; }

.push-five { left: 41.6666666667%; }

.pull-five { right: 41.6666666667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.3333333333%; }

.pull-seven { right: 58.3333333333%; }

.push-eight { left: 66.6666666667%; }

.pull-eight { right: 66.6666666667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.3333333333%; }

.pull-ten { right: 83.3333333333%; }

@media screen and (max-width: 767px) { .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row .mobile-one.end { float: left; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row .mobile-two.end { float: left; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row .mobile-three.end { float: left; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row .mobile-four.end { float: left; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; } }
h1 + .subheading, h1 + .subheader, h2 + .subheading, h2 + .subheader, h3 + .subheading, h3 + .subheader, h4 + .subheading, h4 + .subheader, h5 + .subheading, h5 + .subheader, h6 + .subheading, h6 + .subheader, p, a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 700; }

h1, h2, h3, h4, h5, h6 { color: #384047; font-style: normal; line-height: 1.4; margin-bottom: 15px; margin-top: 15px; text-rendering: optimizeLegibility; }

h1 + .subheading, h1 + .subheader, h2 + .subheading, h2 + .subheader, h3 + .subheading, h3 + .subheader, h4 + .subheading, h4 + .subheader, h5 + .subheading, h5 + .subheader, h6 + .subheading, h6 + .subheader { color: #8c989e; margin-bottom: 13px; font-size: 18px !important; line-height: 1.6 !important; }

h1 { font-size: 46px; }

h2 { font-size: 40px; }

h3 { font-size: 26px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p { color: #1a2126; font-size: 16px; line-height: 1.6; margin-top: 10px; margin-bottom: 20px; }

.lead { font-size: 18px; }

.small { font-size: 14px; }

.secondary-info h6 { font-size: 14px; margin-bottom: 0; }

.secondary-info p { font-size: 13px; }

em { font-style: italic; line-height: inherit; }

strong { font-weight: 700; line-height: inherit; }

small { font-size: 65%; line-height: inherit; }

a { color: #387bab; font-weight: 700; text-decoration: none; }

a:hover, a:active { color: #2a5d81; text-decoration: none; }

a img { border: none; }

.header-back-link { color: #8c989e; display: block; margin-bottom: 6px; }

abbr, acronym { border-bottom: 1px dotted #1a2126; color: inherit; cursor: help; font-size: 90%; }

acronym { text-transform: uppercase; }

hr { border: solid #edeff0; border-width: 1px 0 0; clear: both; height: 0; margin: 65px 0; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.align-center { text-align: center; }

.text-centered, .centered-content { text-align: center; }
blockquote { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

.small-quote { background-size: 161px 112px; border: none; padding: 40px 10%; }

blockquote { color: #5fcf80; font-weight: 500; font-size: 22px; line-height: 1.6; }

.mareting-layout blockquote { text-align: center; }

blockquote { background: transparent url(/assets/layouts/marketing/blockquote-icon-51d1453a644745bab744809ad35f06e2a526d29e6c3862a81d95093d258d4d52.svg) center center no-repeat; background-size: 230px 160px; border: solid 1px #edeff0; border-width: 1px 0; margin: 20px 0; padding: 90px 15%; }

blockquote cite { display: block; font-size: 18px; color: #1a2126; margin-top: 5px; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #1a2126; }

.mega-quote { border-radius: 5px; background: #f6f9fa top center no-repeat; background-size: cover; padding: 50px 50% 30px 30px; position: relative; margin: 30px 0; }

.mega-quote blockquote { background: none; border: none; padding: 0; margin: 0 0 30px 0; color: #fff; font-size: 18px; text-align: left; font-weight: 400; }

.mega-quote blockquote cite { font-size: 15px; color: #fff; }

.mega-quote:before { position: absolute; top: -1px; left: 30px; width: 54px; height: 21px; background: url(/assets/layouts/marketing/mega-quote-nub-9c6b2ef8bcc4c71881b1c81858542f6725aed1235089d6710404dd6eb78b2d26.svg) 0 0 no-repeat; content: " "; display: block; z-index: 2; }

.mega-quote .button { float: left; }

.quote { position: relative; border-radius: 4px; border-width: 0; background: #f6f9fa; color: #2b363e; padding: 30px; font-weight: 400; font-size: 14px; line-height: 22px; }

.quote:before { position: absolute; top: -1px; left: 30px; width: 54px; height: 21px; background: url(/assets/layouts/marketing/mega-quote-nub-9c6b2ef8bcc4c71881b1c81858542f6725aed1235089d6710404dd6eb78b2d26.svg) 0 0 no-repeat; content: " "; display: block; z-index: 2; }

.quote p:last-child { margin-bottom: 0; }
ul, ol, dl { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

ul, ol, dl { color: #1a2126; font-size: inherit; line-height: 1.6; list-style-position: outside; margin: 0 0 30px 20px; padding: 0; }

ul li ul, ul li ol { margin-left: 30px; margin-bottom: 0; }

ul li ul li ul, ul li ol li ul { list-style: inherit; }

.square { list-style-type: square; }

.circle { list-style-type: circle; }

.no-bullet { list-style: none; }

ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

dl dt { font-weight: 700; }

dl dd { margin-bottom: 20px; }
.alert-banner { border-radius: 0 !important; margin-bottom: 0 !important; }

.alert-banner p { position: relative; max-width: 1160px; margin: 0 auto; }

.alert-banner.with-icon p { padding-left: 35px; }

.alert-banner.with-icon p svg { left: 0; }

.global-message { padding: 0; }

.global-message a { padding: 0; margin-top: 0; }

.global-message-container { width: 100%; z-index: 1000; }

@media screen and (max-width: 679px) { .global-message-container { position: fixed; top: 55px; } }

@media screen and (min-width: 680px) { .global-message-container { position: fixed; top: 70px; } }

.global-message-container p, .global-message-container strong { color: #fff !important; font-size: 16px; margin: 0; line-height: 1.3; }

.global-message-container p { padding-right: 30px; }

.global-message-container .close-message { position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; transition: opacity 200ms ease-in-out; margin-top: -8px; padding: 0; }

.global-message-container .close-message:hover, .global-message-container .close-message:active { cursor: pointer; opacity: 0.7; }

.global-message-error { background-color: #be4a4a; }

.global-message-success { background-color: #24793d; }

.global-message-centered-content { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-left: 20px; padding-right: 20px; }

@media screen and (max-width: 679px) { .global-message-centered { padding-left: 15px; } }

.global-message-centered a.button { float: none; position: unset; }

@media screen and (max-width: 679px) { .global-message-centered a.button { margin-top: 10px; } }

@media screen and (max-width: 679px) { .global-message-centered p { text-align: center; } }

@media screen and (max-width: 679px) { .global-message-centered span { display: block; } }

.global-message-sticky-footer { background-image: url("/assets/marketing/landings/tracks_fullimg-a5ed73ac6c2fd81a3d4e4bc652f76d50cbccb4272dfe3cca1cb00067694896ba.png"); background-color: #ed5a5a; background-size: cover; background-repeat: no-repeat; position: fixed; bottom: 0px; top: initial; left: 0px; right: 0px; background-position: center; }
.mkt-message-info { background-color: #c6ccd2; position: static; height: auto; width: auto; }

@media screen and (min-width: 959px) { .mkt-message-info { height: 85px; } }

@media screen and (max-width: 766px) { .mkt-message-info { height: auto; } }
.button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; border-radius: 4px; cursor: pointer; display: inline-block; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; position: relative; margin: 0; outline: none; text-align: center; text-decoration: none; vertical-align: baseline; white-space: nowrap; background-color: transparent; border: solid 2px #5fcf80; }

.button { font-size: 16px; height: 52px; line-height: 48px; padding: 0 32px; }

.button.square { padding: 0; width: 52px; }

.button.square { padding: 0; width: 40px; }

.button:not(.has-topic-color) { color: #5fcf80; }

.button svg:not(.has-topic-fill) { fill: #5fcf80; }

.button:hover:not(.disabled), .button:focus, .uploader.hover:not(.disabled) .button { border-color: #34ad58; }

.button:hover:not(.disabled):not(.has-topic-color), .button:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button:not(.has-topic-color) { color: #34ad58; }

.button:hover:not(.disabled) svg:not(.has-topic-fill), .button:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button svg:not(.has-topic-fill) { fill: #34ad58; }

.button:last-child { margin-right: 0; }

.ff .button:not(.button) { line-height: 1; }

.topic-ai .button { border-color: #733A88; color: #733A88; }

.button.topic-ai { border-color: #733A88; color: #733A88; }

.topic-back-end .button { border-color: #008297; color: #008297; }

.button.topic-back-end { border-color: #008297; color: #008297; }

.topic-data .button { border-color: #9F4B84; color: #9F4B84; }

.button.topic-data { border-color: #9F4B84; color: #9F4B84; }

.topic-design .button { border-color: #4a4290; color: #4a4290; }

.button.topic-design { border-color: #4a4290; color: #4a4290; }

.topic-experimental .button { border-color: #733a88; color: #733a88; }

.button.topic-experimental { border-color: #733a88; color: #733a88; }

.topic-front-end .button { border-color: #3659a2; color: #3659a2; }

.button.topic-front-end { border-color: #3659a2; color: #3659a2; }

.topic-fundamentals .button { border-color: #9b3b5a; color: #9b3b5a; }

.button.topic-fundamentals { border-color: #9b3b5a; color: #9b3b5a; }

.topic-mobile .button { border-color: #30826C; color: #30826C; }

.button.topic-mobile { border-color: #30826C; color: #30826C; }

.topic-internal .button { border-color: #55616c; color: #55616c; }

.button.topic-internal { border-color: #55616c; color: #55616c; }

.topic-foundations .button { border-color: #004e61; color: #004e61; }

.button.topic-foundations { border-color: #004e61; color: #004e61; }

.topic-undefined .button { border-color: #55616c; color: #55616c; }

.button.topic-undefined { border-color: #55616c; color: #55616c; }

.topic-college-credit .button { border-color: #3887c8; color: #3887c8; }

.button.topic-college-credit { border-color: #3887c8; color: #3887c8; }

.topic-no-code .button { border-color: #31AF7F; color: #31AF7F; }

.button.topic-no-code { border-color: #31AF7F; color: #31AF7F; }

.topic-security .button { border-color: #409BE9; color: #409BE9; }

.button.topic-security { border-color: #409BE9; color: #409BE9; }

.topic-game-development .button { border-color: #856fc4; color: #856fc4; }

.button.topic-game-development { border-color: #856fc4; color: #856fc4; }

.topic-treehouse-resources .button { border-color: #5fcf80; color: #5fcf80; }

.button.topic-treehouse-resources { border-color: #5fcf80; color: #5fcf80; }

.topic-coding-for-kids .button { border-color: #F36C27; color: #F36C27; }

.button.topic-coding-for-kids { border-color: #F36C27; color: #F36C27; }

.topic-ai .button svg { fill: #733A88; }

.button.topic-ai svg { fill: #733A88; }

.topic-back-end .button svg { fill: #008297; }

.button.topic-back-end svg { fill: #008297; }

.topic-data .button svg { fill: #9F4B84; }

.button.topic-data svg { fill: #9F4B84; }

.topic-design .button svg { fill: #4a4290; }

.button.topic-design svg { fill: #4a4290; }

.topic-experimental .button svg { fill: #733a88; }

.button.topic-experimental svg { fill: #733a88; }

.topic-front-end .button svg { fill: #3659a2; }

.button.topic-front-end svg { fill: #3659a2; }

.topic-fundamentals .button svg { fill: #9b3b5a; }

.button.topic-fundamentals svg { fill: #9b3b5a; }

.topic-mobile .button svg { fill: #30826C; }

.button.topic-mobile svg { fill: #30826C; }

.topic-internal .button svg { fill: #55616c; }

.button.topic-internal svg { fill: #55616c; }

.topic-foundations .button svg { fill: #004e61; }

.button.topic-foundations svg { fill: #004e61; }

.topic-undefined .button svg { fill: #55616c; }

.button.topic-undefined svg { fill: #55616c; }

.topic-college-credit .button svg { fill: #3887c8; }

.button.topic-college-credit svg { fill: #3887c8; }

.topic-no-code .button svg { fill: #31AF7F; }

.button.topic-no-code svg { fill: #31AF7F; }

.topic-security .button svg { fill: #409BE9; }

.button.topic-security svg { fill: #409BE9; }

.topic-game-development .button svg { fill: #856fc4; }

.button.topic-game-development svg { fill: #856fc4; }

.topic-treehouse-resources .button svg { fill: #5fcf80; }

.button.topic-treehouse-resources svg { fill: #5fcf80; }

.topic-coding-for-kids .button svg { fill: #F36C27; }

.button.topic-coding-for-kids svg { fill: #F36C27; }

.topic-ai .button:hover:not(.disabled), .topic-ai .button:focus { border-color: #552b64; color: #552b64; }

.button:hover:not(.disabled).topic-ai, .button:focus.topic-ai { border-color: #552b64; color: #552b64; }

.topic-back-end .button:hover:not(.disabled), .topic-back-end .button:focus { border-color: #005664; color: #005664; }

.button:hover:not(.disabled).topic-back-end, .button:focus.topic-back-end { border-color: #005664; color: #005664; }

.topic-data .button:hover:not(.disabled), .topic-data .button:focus { border-color: #7c3b67; color: #7c3b67; }

.button:hover:not(.disabled).topic-data, .button:focus.topic-data { border-color: #7c3b67; color: #7c3b67; }

.topic-design .button:hover:not(.disabled), .topic-design .button:focus { border-color: #38326d; color: #38326d; }

.button:hover:not(.disabled).topic-design, .button:focus.topic-design { border-color: #38326d; color: #38326d; }

.topic-experimental .button:hover:not(.disabled), .topic-experimental .button:focus { border-color: #552b64; color: #552b64; }

.button:hover:not(.disabled).topic-experimental, .button:focus.topic-experimental { border-color: #552b64; color: #552b64; }

.topic-front-end .button:hover:not(.disabled), .topic-front-end .button:focus { border-color: #29447c; color: #29447c; }

.button:hover:not(.disabled).topic-front-end, .button:focus.topic-front-end { border-color: #29447c; color: #29447c; }

.topic-fundamentals .button:hover:not(.disabled), .topic-fundamentals .button:focus { border-color: #762d45; color: #762d45; }

.button:hover:not(.disabled).topic-fundamentals, .button:focus.topic-fundamentals { border-color: #762d45; color: #762d45; }

.topic-mobile .button:hover:not(.disabled), .topic-mobile .button:focus { border-color: #225d4d; color: #225d4d; }

.button:hover:not(.disabled).topic-mobile, .button:focus.topic-mobile { border-color: #225d4d; color: #225d4d; }

.topic-internal .button:hover:not(.disabled), .topic-internal .button:focus { border-color: #3f474f; color: #3f474f; }

.button:hover:not(.disabled).topic-internal, .button:focus.topic-internal { border-color: #3f474f; color: #3f474f; }

.topic-foundations .button:hover:not(.disabled), .topic-foundations .button:focus { border-color: #00252e; color: #00252e; }

.button:hover:not(.disabled).topic-foundations, .button:focus.topic-foundations { border-color: #00252e; color: #00252e; }

.topic-undefined .button:hover:not(.disabled), .topic-undefined .button:focus { border-color: #3f474f; color: #3f474f; }

.button:hover:not(.disabled).topic-undefined, .button:focus.topic-undefined { border-color: #3f474f; color: #3f474f; }

.topic-college-credit .button:hover:not(.disabled), .topic-college-credit .button:focus { border-color: #2c6ca1; color: #2c6ca1; }

.button:hover:not(.disabled).topic-college-credit, .button:focus.topic-college-credit { border-color: #2c6ca1; color: #2c6ca1; }

.topic-no-code .button:hover:not(.disabled), .topic-no-code .button:focus { border-color: #268762; color: #268762; }

.button:hover:not(.disabled).topic-no-code, .button:focus.topic-no-code { border-color: #268762; color: #268762; }

.topic-security .button:hover:not(.disabled), .topic-security .button:focus { border-color: #1983dd; color: #1983dd; }

.button:hover:not(.disabled).topic-security, .button:focus.topic-security { border-color: #1983dd; color: #1983dd; }

.topic-game-development .button:hover:not(.disabled), .topic-game-development .button:focus { border-color: #664bb5; color: #664bb5; }

.button:hover:not(.disabled).topic-game-development, .button:focus.topic-game-development { border-color: #664bb5; color: #664bb5; }

.topic-treehouse-resources .button:hover:not(.disabled), .topic-treehouse-resources .button:focus { border-color: #3ac162; color: #3ac162; }

.button:hover:not(.disabled).topic-treehouse-resources, .button:focus.topic-treehouse-resources { border-color: #3ac162; color: #3ac162; }

.topic-coding-for-kids .button:hover:not(.disabled), .topic-coding-for-kids .button:focus { border-color: #db520c; color: #db520c; }

.button:hover:not(.disabled).topic-coding-for-kids, .button:focus.topic-coding-for-kids { border-color: #db520c; color: #db520c; }

.topic-ai .button:hover:not(.disabled) svg, .topic-ai .button:focus svg { fill: #552b64; }

.button:hover:not(.disabled).topic-ai svg, .button:focus.topic-ai svg { fill: #552b64; }

.topic-back-end .button:hover:not(.disabled) svg, .topic-back-end .button:focus svg { fill: #005664; }

.button:hover:not(.disabled).topic-back-end svg, .button:focus.topic-back-end svg { fill: #005664; }

.topic-data .button:hover:not(.disabled) svg, .topic-data .button:focus svg { fill: #7c3b67; }

.button:hover:not(.disabled).topic-data svg, .button:focus.topic-data svg { fill: #7c3b67; }

.topic-design .button:hover:not(.disabled) svg, .topic-design .button:focus svg { fill: #38326d; }

.button:hover:not(.disabled).topic-design svg, .button:focus.topic-design svg { fill: #38326d; }

.topic-experimental .button:hover:not(.disabled) svg, .topic-experimental .button:focus svg { fill: #552b64; }

.button:hover:not(.disabled).topic-experimental svg, .button:focus.topic-experimental svg { fill: #552b64; }

.topic-front-end .button:hover:not(.disabled) svg, .topic-front-end .button:focus svg { fill: #29447c; }

.button:hover:not(.disabled).topic-front-end svg, .button:focus.topic-front-end svg { fill: #29447c; }

.topic-fundamentals .button:hover:not(.disabled) svg, .topic-fundamentals .button:focus svg { fill: #762d45; }

.button:hover:not(.disabled).topic-fundamentals svg, .button:focus.topic-fundamentals svg { fill: #762d45; }

.topic-mobile .button:hover:not(.disabled) svg, .topic-mobile .button:focus svg { fill: #225d4d; }

.button:hover:not(.disabled).topic-mobile svg, .button:focus.topic-mobile svg { fill: #225d4d; }

.topic-internal .button:hover:not(.disabled) svg, .topic-internal .button:focus svg { fill: #3f474f; }

.button:hover:not(.disabled).topic-internal svg, .button:focus.topic-internal svg { fill: #3f474f; }

.topic-foundations .button:hover:not(.disabled) svg, .topic-foundations .button:focus svg { fill: #00252e; }

.button:hover:not(.disabled).topic-foundations svg, .button:focus.topic-foundations svg { fill: #00252e; }

.topic-undefined .button:hover:not(.disabled) svg, .topic-undefined .button:focus svg { fill: #3f474f; }

.button:hover:not(.disabled).topic-undefined svg, .button:focus.topic-undefined svg { fill: #3f474f; }

.topic-college-credit .button:hover:not(.disabled) svg, .topic-college-credit .button:focus svg { fill: #2c6ca1; }

.button:hover:not(.disabled).topic-college-credit svg, .button:focus.topic-college-credit svg { fill: #2c6ca1; }

.topic-no-code .button:hover:not(.disabled) svg, .topic-no-code .button:focus svg { fill: #268762; }

.button:hover:not(.disabled).topic-no-code svg, .button:focus.topic-no-code svg { fill: #268762; }

.topic-security .button:hover:not(.disabled) svg, .topic-security .button:focus svg { fill: #1983dd; }

.button:hover:not(.disabled).topic-security svg, .button:focus.topic-security svg { fill: #1983dd; }

.topic-game-development .button:hover:not(.disabled) svg, .topic-game-development .button:focus svg { fill: #664bb5; }

.button:hover:not(.disabled).topic-game-development svg, .button:focus.topic-game-development svg { fill: #664bb5; }

.topic-treehouse-resources .button:hover:not(.disabled) svg, .topic-treehouse-resources .button:focus svg { fill: #3ac162; }

.button:hover:not(.disabled).topic-treehouse-resources svg, .button:focus.topic-treehouse-resources svg { fill: #3ac162; }

.topic-coding-for-kids .button:hover:not(.disabled) svg, .topic-coding-for-kids .button:focus svg { fill: #db520c; }

.button:hover:not(.disabled).topic-coding-for-kids svg, .button:focus.topic-coding-for-kids svg { fill: #db520c; }

.button svg { transition: fill 200ms ease-in-out; }

.button + .button { margin-left: 10px; }

.button.disabled, .button-disabled { background-color: transparent; border: solid 2px; cursor: default; opacity: 0.5; }

.button.disabled:not(.has-topic-color), .button-disabled:not(.has-topic-color) { color: #5fcf80; }

.button.disabled svg:not(.has-topic-fill), .button-disabled svg:not(.has-topic-fill) { fill: #5fcf80; }

:not([class*="topic"]) .button.disabled, :not([class*="topic"]) .button-disabled { background-color: transparent; border: solid 2px #e8ebed; }

:not([class*="topic"]) .button.disabled:hover:not(.disabled), :not([class*="topic"]) .button.disabled:focus, .uploader.hover:not(.disabled) :not([class*="topic"]) .button.disabled, :not([class*="topic"]) .button-disabled:hover:not(.disabled), :not([class*="topic"]) .button-disabled:focus, .uploader.hover:not(.disabled) :not([class*="topic"]) .button-disabled { border-color: #5fcf80; }

:not([class*="topic"]) .button.disabled:hover:not(.disabled):not(.has-topic-color), :not([class*="topic"]) .button.disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) :not([class*="topic"]) .button.disabled:not(.has-topic-color), :not([class*="topic"]) .button-disabled:hover:not(.disabled):not(.has-topic-color), :not([class*="topic"]) .button-disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) :not([class*="topic"]) .button-disabled:not(.has-topic-color) { color: #5fcf80; }

:not([class*="topic"]) .button.disabled:hover:not(.disabled) svg:not(.has-topic-fill), :not([class*="topic"]) .button.disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) :not([class*="topic"]) .button.disabled svg:not(.has-topic-fill), :not([class*="topic"]) .button-disabled:hover:not(.disabled) svg:not(.has-topic-fill), :not([class*="topic"]) .button-disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) :not([class*="topic"]) .button-disabled svg:not(.has-topic-fill) { fill: #5fcf80; }

:not([class*="topic"]) .button.disabled:not(.has-topic-color), :not([class*="topic"]) .button-disabled:not(.has-topic-color) { color: #2b363e; }

:not([class*="topic"]) .button.disabled svg:not(.has-topic-fill), :not([class*="topic"]) .button-disabled svg:not(.has-topic-fill) { fill: #2b363e; }

[class*="topic"] .button.disabled, [class*="topic"] .button-disabled { background-color: transparent; border: solid 2px #5fcf80; opacity: 0.5; }

[class*="topic"] .button.disabled:hover:not(.disabled), [class*="topic"] .button.disabled:focus, .uploader.hover:not(.disabled) [class*="topic"] .button.disabled, [class*="topic"] .button-disabled:hover:not(.disabled), [class*="topic"] .button-disabled:focus, .uploader.hover:not(.disabled) [class*="topic"] .button-disabled { border-color: #5fcf80; }

[class*="topic"] .button.disabled:hover:not(.disabled):not(.has-topic-color), [class*="topic"] .button.disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) [class*="topic"] .button.disabled:not(.has-topic-color), [class*="topic"] .button-disabled:hover:not(.disabled):not(.has-topic-color), [class*="topic"] .button-disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) [class*="topic"] .button-disabled:not(.has-topic-color) { color: rgba(255, 255, 255, 0.5); }

[class*="topic"] .button.disabled:hover:not(.disabled) svg:not(.has-topic-fill), [class*="topic"] .button.disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) [class*="topic"] .button.disabled svg:not(.has-topic-fill), [class*="topic"] .button-disabled:hover:not(.disabled) svg:not(.has-topic-fill), [class*="topic"] .button-disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) [class*="topic"] .button-disabled svg:not(.has-topic-fill) { fill: rgba(255, 255, 255, 0.5); }

[class*="topic"] .button.disabled:not(.has-topic-color), [class*="topic"] .button-disabled:not(.has-topic-color) { color: rgba(255, 255, 255, 0.5); }

[class*="topic"] .button.disabled svg:not(.has-topic-fill), [class*="topic"] .button-disabled svg:not(.has-topic-fill) { fill: rgba(255, 255, 255, 0.5); }

.button.primary, .button-primary { background-color: #5fcf80; border: solid 2px #5fcf80; }

.button.primary:not(.has-topic-color), .button-primary:not(.has-topic-color) { color: #fff; }

.button.primary svg:not(.has-topic-fill), .button-primary svg:not(.has-topic-fill) { fill: #fff; }

.button.primary:hover:not(.disabled), .button.primary:focus, .uploader.hover:not(.disabled) .button.primary, .button-primary:hover:not(.disabled), .button-primary:focus, .uploader.hover:not(.disabled) .button-primary { border-color: #3ac162; background-color: #3ac162; }

.button.primary:hover:not(.disabled):not(.has-topic-color), .button.primary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.primary:not(.has-topic-color), .button-primary:hover:not(.disabled):not(.has-topic-color), .button-primary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-primary:not(.has-topic-color) { color: #fff; }

.button.primary:hover:not(.disabled) svg:not(.has-topic-fill), .button.primary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.primary svg:not(.has-topic-fill), .button-primary:hover:not(.disabled) svg:not(.has-topic-fill), .button-primary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-primary svg:not(.has-topic-fill) { fill: #fff; }

.topic-ai .button.primary, .topic-ai .button-primary { background-color: #733A88; border-color: #733A88; }

.button.primary.topic-ai, .button-primary.topic-ai { background-color: #733A88; border-color: #733A88; }

.topic-back-end .button.primary, .topic-back-end .button-primary { background-color: #008297; border-color: #008297; }

.button.primary.topic-back-end, .button-primary.topic-back-end { background-color: #008297; border-color: #008297; }

.topic-data .button.primary, .topic-data .button-primary { background-color: #9F4B84; border-color: #9F4B84; }

.button.primary.topic-data, .button-primary.topic-data { background-color: #9F4B84; border-color: #9F4B84; }

.topic-design .button.primary, .topic-design .button-primary { background-color: #4a4290; border-color: #4a4290; }

.button.primary.topic-design, .button-primary.topic-design { background-color: #4a4290; border-color: #4a4290; }

.topic-experimental .button.primary, .topic-experimental .button-primary { background-color: #733a88; border-color: #733a88; }

.button.primary.topic-experimental, .button-primary.topic-experimental { background-color: #733a88; border-color: #733a88; }

.topic-front-end .button.primary, .topic-front-end .button-primary { background-color: #3659a2; border-color: #3659a2; }

.button.primary.topic-front-end, .button-primary.topic-front-end { background-color: #3659a2; border-color: #3659a2; }

.topic-fundamentals .button.primary, .topic-fundamentals .button-primary { background-color: #9b3b5a; border-color: #9b3b5a; }

.button.primary.topic-fundamentals, .button-primary.topic-fundamentals { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-mobile .button.primary, .topic-mobile .button-primary { background-color: #30826C; border-color: #30826C; }

.button.primary.topic-mobile, .button-primary.topic-mobile { background-color: #30826C; border-color: #30826C; }

.topic-internal .button.primary, .topic-internal .button-primary { background-color: #55616c; border-color: #55616c; }

.button.primary.topic-internal, .button-primary.topic-internal { background-color: #55616c; border-color: #55616c; }

.topic-foundations .button.primary, .topic-foundations .button-primary { background-color: #004e61; border-color: #004e61; }

.button.primary.topic-foundations, .button-primary.topic-foundations { background-color: #004e61; border-color: #004e61; }

.topic-undefined .button.primary, .topic-undefined .button-primary { background-color: #55616c; border-color: #55616c; }

.button.primary.topic-undefined, .button-primary.topic-undefined { background-color: #55616c; border-color: #55616c; }

.topic-college-credit .button.primary, .topic-college-credit .button-primary { background-color: #3887c8; border-color: #3887c8; }

.button.primary.topic-college-credit, .button-primary.topic-college-credit { background-color: #3887c8; border-color: #3887c8; }

.topic-no-code .button.primary, .topic-no-code .button-primary { background-color: #31AF7F; border-color: #31AF7F; }

.button.primary.topic-no-code, .button-primary.topic-no-code { background-color: #31AF7F; border-color: #31AF7F; }

.topic-security .button.primary, .topic-security .button-primary { background-color: #409BE9; border-color: #409BE9; }

.button.primary.topic-security, .button-primary.topic-security { background-color: #409BE9; border-color: #409BE9; }

.topic-game-development .button.primary, .topic-game-development .button-primary { background-color: #856fc4; border-color: #856fc4; }

.button.primary.topic-game-development, .button-primary.topic-game-development { background-color: #856fc4; border-color: #856fc4; }

.topic-treehouse-resources .button.primary, .topic-treehouse-resources .button-primary { background-color: #5fcf80; border-color: #5fcf80; }

.button.primary.topic-treehouse-resources, .button-primary.topic-treehouse-resources { background-color: #5fcf80; border-color: #5fcf80; }

.topic-coding-for-kids .button.primary, .topic-coding-for-kids .button-primary { background-color: #F36C27; border-color: #F36C27; }

.button.primary.topic-coding-for-kids, .button-primary.topic-coding-for-kids { background-color: #F36C27; border-color: #F36C27; }

.topic-ai .button.primary:hover:not(.disabled), .topic-ai .button.primary:focus, .topic-ai .button-primary:hover:not(.disabled), .topic-ai .button-primary:focus { background-color: #552b64; border-color: #552b64; }

.button.primary:hover:not(.disabled).topic-ai, .button.primary:focus.topic-ai, .button-primary:hover:not(.disabled).topic-ai, .button-primary:focus.topic-ai { background-color: #552b64; border-color: #552b64; }

.topic-back-end .button.primary:hover:not(.disabled), .topic-back-end .button.primary:focus, .topic-back-end .button-primary:hover:not(.disabled), .topic-back-end .button-primary:focus { background-color: #005664; border-color: #005664; }

.button.primary:hover:not(.disabled).topic-back-end, .button.primary:focus.topic-back-end, .button-primary:hover:not(.disabled).topic-back-end, .button-primary:focus.topic-back-end { background-color: #005664; border-color: #005664; }

.topic-data .button.primary:hover:not(.disabled), .topic-data .button.primary:focus, .topic-data .button-primary:hover:not(.disabled), .topic-data .button-primary:focus { background-color: #7c3b67; border-color: #7c3b67; }

.button.primary:hover:not(.disabled).topic-data, .button.primary:focus.topic-data, .button-primary:hover:not(.disabled).topic-data, .button-primary:focus.topic-data { background-color: #7c3b67; border-color: #7c3b67; }

.topic-design .button.primary:hover:not(.disabled), .topic-design .button.primary:focus, .topic-design .button-primary:hover:not(.disabled), .topic-design .button-primary:focus { background-color: #38326d; border-color: #38326d; }

.button.primary:hover:not(.disabled).topic-design, .button.primary:focus.topic-design, .button-primary:hover:not(.disabled).topic-design, .button-primary:focus.topic-design { background-color: #38326d; border-color: #38326d; }

.topic-experimental .button.primary:hover:not(.disabled), .topic-experimental .button.primary:focus, .topic-experimental .button-primary:hover:not(.disabled), .topic-experimental .button-primary:focus { background-color: #552b64; border-color: #552b64; }

.button.primary:hover:not(.disabled).topic-experimental, .button.primary:focus.topic-experimental, .button-primary:hover:not(.disabled).topic-experimental, .button-primary:focus.topic-experimental { background-color: #552b64; border-color: #552b64; }

.topic-front-end .button.primary:hover:not(.disabled), .topic-front-end .button.primary:focus, .topic-front-end .button-primary:hover:not(.disabled), .topic-front-end .button-primary:focus { background-color: #29447c; border-color: #29447c; }

.button.primary:hover:not(.disabled).topic-front-end, .button.primary:focus.topic-front-end, .button-primary:hover:not(.disabled).topic-front-end, .button-primary:focus.topic-front-end { background-color: #29447c; border-color: #29447c; }

.topic-fundamentals .button.primary:hover:not(.disabled), .topic-fundamentals .button.primary:focus, .topic-fundamentals .button-primary:hover:not(.disabled), .topic-fundamentals .button-primary:focus { background-color: #762d45; border-color: #762d45; }

.button.primary:hover:not(.disabled).topic-fundamentals, .button.primary:focus.topic-fundamentals, .button-primary:hover:not(.disabled).topic-fundamentals, .button-primary:focus.topic-fundamentals { background-color: #762d45; border-color: #762d45; }

.topic-mobile .button.primary:hover:not(.disabled), .topic-mobile .button.primary:focus, .topic-mobile .button-primary:hover:not(.disabled), .topic-mobile .button-primary:focus { background-color: #225d4d; border-color: #225d4d; }

.button.primary:hover:not(.disabled).topic-mobile, .button.primary:focus.topic-mobile, .button-primary:hover:not(.disabled).topic-mobile, .button-primary:focus.topic-mobile { background-color: #225d4d; border-color: #225d4d; }

.topic-internal .button.primary:hover:not(.disabled), .topic-internal .button.primary:focus, .topic-internal .button-primary:hover:not(.disabled), .topic-internal .button-primary:focus { background-color: #3f474f; border-color: #3f474f; }

.button.primary:hover:not(.disabled).topic-internal, .button.primary:focus.topic-internal, .button-primary:hover:not(.disabled).topic-internal, .button-primary:focus.topic-internal { background-color: #3f474f; border-color: #3f474f; }

.topic-foundations .button.primary:hover:not(.disabled), .topic-foundations .button.primary:focus, .topic-foundations .button-primary:hover:not(.disabled), .topic-foundations .button-primary:focus { background-color: #00252e; border-color: #00252e; }

.button.primary:hover:not(.disabled).topic-foundations, .button.primary:focus.topic-foundations, .button-primary:hover:not(.disabled).topic-foundations, .button-primary:focus.topic-foundations { background-color: #00252e; border-color: #00252e; }

.topic-undefined .button.primary:hover:not(.disabled), .topic-undefined .button.primary:focus, .topic-undefined .button-primary:hover:not(.disabled), .topic-undefined .button-primary:focus { background-color: #3f474f; border-color: #3f474f; }

.button.primary:hover:not(.disabled).topic-undefined, .button.primary:focus.topic-undefined, .button-primary:hover:not(.disabled).topic-undefined, .button-primary:focus.topic-undefined { background-color: #3f474f; border-color: #3f474f; }

.topic-college-credit .button.primary:hover:not(.disabled), .topic-college-credit .button.primary:focus, .topic-college-credit .button-primary:hover:not(.disabled), .topic-college-credit .button-primary:focus { background-color: #2c6ca1; border-color: #2c6ca1; }

.button.primary:hover:not(.disabled).topic-college-credit, .button.primary:focus.topic-college-credit, .button-primary:hover:not(.disabled).topic-college-credit, .button-primary:focus.topic-college-credit { background-color: #2c6ca1; border-color: #2c6ca1; }

.topic-no-code .button.primary:hover:not(.disabled), .topic-no-code .button.primary:focus, .topic-no-code .button-primary:hover:not(.disabled), .topic-no-code .button-primary:focus { background-color: #268762; border-color: #268762; }

.button.primary:hover:not(.disabled).topic-no-code, .button.primary:focus.topic-no-code, .button-primary:hover:not(.disabled).topic-no-code, .button-primary:focus.topic-no-code { background-color: #268762; border-color: #268762; }

.topic-security .button.primary:hover:not(.disabled), .topic-security .button.primary:focus, .topic-security .button-primary:hover:not(.disabled), .topic-security .button-primary:focus { background-color: #1983dd; border-color: #1983dd; }

.button.primary:hover:not(.disabled).topic-security, .button.primary:focus.topic-security, .button-primary:hover:not(.disabled).topic-security, .button-primary:focus.topic-security { background-color: #1983dd; border-color: #1983dd; }

.topic-game-development .button.primary:hover:not(.disabled), .topic-game-development .button.primary:focus, .topic-game-development .button-primary:hover:not(.disabled), .topic-game-development .button-primary:focus { background-color: #664bb5; border-color: #664bb5; }

.button.primary:hover:not(.disabled).topic-game-development, .button.primary:focus.topic-game-development, .button-primary:hover:not(.disabled).topic-game-development, .button-primary:focus.topic-game-development { background-color: #664bb5; border-color: #664bb5; }

.topic-treehouse-resources .button.primary:hover:not(.disabled), .topic-treehouse-resources .button.primary:focus, .topic-treehouse-resources .button-primary:hover:not(.disabled), .topic-treehouse-resources .button-primary:focus { background-color: #3ac162; border-color: #3ac162; }

.button.primary:hover:not(.disabled).topic-treehouse-resources, .button.primary:focus.topic-treehouse-resources, .button-primary:hover:not(.disabled).topic-treehouse-resources, .button-primary:focus.topic-treehouse-resources { background-color: #3ac162; border-color: #3ac162; }

.topic-coding-for-kids .button.primary:hover:not(.disabled), .topic-coding-for-kids .button.primary:focus, .topic-coding-for-kids .button-primary:hover:not(.disabled), .topic-coding-for-kids .button-primary:focus { background-color: #db520c; border-color: #db520c; }

.button.primary:hover:not(.disabled).topic-coding-for-kids, .button.primary:focus.topic-coding-for-kids, .button-primary:hover:not(.disabled).topic-coding-for-kids, .button-primary:focus.topic-coding-for-kids { background-color: #db520c; border-color: #db520c; }

.button.primary.disabled:hover:not(.disabled), .button.primary.disabled:focus, .uploader.hover:not(.disabled) .button.primary.disabled, .button.primary-disabled:hover:not(.disabled), .button.primary-disabled:focus, .uploader.hover:not(.disabled) .button.primary-disabled, .button-primary.disabled:hover:not(.disabled), .button-primary.disabled:focus, .uploader.hover:not(.disabled) .button-primary.disabled, .button-primary-disabled:hover:not(.disabled), .button-primary-disabled:focus, .uploader.hover:not(.disabled) .button-primary-disabled { border-color: #5fcf80; background-color: #5fcf80; }

.button.primary.disabled:hover:not(.disabled):not(.has-topic-color), .button.primary.disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.primary.disabled:not(.has-topic-color), .button.primary-disabled:hover:not(.disabled):not(.has-topic-color), .button.primary-disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.primary-disabled:not(.has-topic-color), .button-primary.disabled:hover:not(.disabled):not(.has-topic-color), .button-primary.disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-primary.disabled:not(.has-topic-color), .button-primary-disabled:hover:not(.disabled):not(.has-topic-color), .button-primary-disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-primary-disabled:not(.has-topic-color) { color: #fff; }

.button.primary.disabled:hover:not(.disabled) svg:not(.has-topic-fill), .button.primary.disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.primary.disabled svg:not(.has-topic-fill), .button.primary-disabled:hover:not(.disabled) svg:not(.has-topic-fill), .button.primary-disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.primary-disabled svg:not(.has-topic-fill), .button-primary.disabled:hover:not(.disabled) svg:not(.has-topic-fill), .button-primary.disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-primary.disabled svg:not(.has-topic-fill), .button-primary-disabled:hover:not(.disabled) svg:not(.has-topic-fill), .button-primary-disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-primary-disabled svg:not(.has-topic-fill) { fill: #fff; }

.button.secondary, .button-secondary { background-color: transparent; border: solid 2px #d4d9dd; }

.button.secondary:not(.has-topic-color), .button-secondary:not(.has-topic-color) { color: #1a2126; }

.button.secondary svg:not(.has-topic-fill), .button-secondary svg:not(.has-topic-fill) { fill: #1a2126; }

.button.secondary:hover:not(.disabled), .button.secondary:focus, .uploader.hover:not(.disabled) .button.secondary, .button-secondary:hover:not(.disabled), .button-secondary:focus, .uploader.hover:not(.disabled) .button-secondary { border-color: #a9b3bb; }

.button.secondary:hover:not(.disabled):not(.has-topic-color), .button.secondary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.secondary:not(.has-topic-color), .button-secondary:hover:not(.disabled):not(.has-topic-color), .button-secondary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-secondary:not(.has-topic-color) { color: #14191d; }

.button.secondary:hover:not(.disabled) svg:not(.has-topic-fill), .button.secondary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.secondary svg:not(.has-topic-fill), .button-secondary:hover:not(.disabled) svg:not(.has-topic-fill), .button-secondary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-secondary svg:not(.has-topic-fill) { fill: #14191d; }

.button.inverse:not(.alert):not(.secondary):not(.disabled):not(:hover), .button-inverse:not(.alert):not(.secondary):not(.disabled):not(:hover) { opacity: 0.88; }

.button.inverse:not(.alert), .button-inverse:not(.alert) { border-color: #fff !important; }

.button.inverse:not(.alert):not(.has-topic-color), .button.inverse:not(.alert):hover:not(.disabled), .button-inverse:not(.alert):not(.has-topic-color), .button-inverse:not(.alert):hover:not(.disabled) { color: #fff; }

.button.inverse:not(.alert).primary:hover, .button-inverse:not(.alert).primary:hover { color: #101417; }

.button.inverse:not(.alert) svg:not(.has-topic-fill), .button.inverse:not(.alert):hover:not(.disabled) svg:not(.has-topic-fill), .button-inverse:not(.alert) svg:not(.has-topic-fill), .button-inverse:not(.alert):hover:not(.disabled) svg:not(.has-topic-fill) { fill: #fff; }

.button.inverse.alert:hover:not(.disabled), .button.inverse.alert:focus, .button.inverse-alert:hover:not(.disabled), .button.inverse-alert:focus, .button-inverse.alert:hover:not(.disabled), .button-inverse.alert:focus, .button-inverse-alert:hover:not(.disabled), .button-inverse-alert:focus { border-color: #fff; color: #fff; }

.button.inverse.alert:hover:not(.disabled) svg, .button.inverse.alert:focus svg, .button.inverse-alert:hover:not(.disabled) svg, .button.inverse-alert:focus svg, .button-inverse.alert:hover:not(.disabled) svg, .button-inverse.alert:focus svg, .button-inverse-alert:hover:not(.disabled) svg, .button-inverse-alert:focus svg { fill: #fff; }

.button.inverse.primary, .button.inverse-primary, .button-inverse.primary, .button-inverse-primary { background: #fff !important; }

.button.inverse.primary:not(.has-topic-color), .button.inverse-primary:not(.has-topic-color), .button-inverse.primary:not(.has-topic-color), .button-inverse-primary:not(.has-topic-color) { color: #101417; }

.button.inverse.primary svg:not(.has-topic-fill), .button.inverse-primary svg:not(.has-topic-fill), .button-inverse.primary svg:not(.has-topic-fill), .button-inverse-primary svg:not(.has-topic-fill) { fill: #101417; }

.button.inverse.secondary, .button.inverse-secondary, .button-inverse.secondary, .button-inverse-secondary { opacity: 0.5; }

.button.inverse.secondary:hover:not(.disabled), .button.inverse.secondary:focus, .button.inverse-secondary:hover:not(.disabled), .button.inverse-secondary:focus, .button-inverse.secondary:hover:not(.disabled), .button-inverse.secondary:focus, .button-inverse-secondary:hover:not(.disabled), .button-inverse-secondary:focus { opacity: 1; }

.button.inverse.disabled, .button.inverse-disabled, .button-inverse.disabled, .button-inverse-disabled { opacity: 0.15; }

.button.large, .button-large { font-size: 18px; height: 58px; line-height: 54px; padding: 0 44px; }

.button.large svg, .button-large svg { top: -2px; }

.button.large.square, .button-large.square { padding: 0; width: 58px; }

.button.small, .button-small { font-size: 12px; height: 38px; line-height: 34px; padding: 0 26px; }

.ff .button.small:not(.square), .ff .button-small:not(.square) { height: 39px; }

.ff .button.small.secondary:not(.square), .ff .button.small-secondary:not(.square), .ff .button-small.secondary:not(.square), .ff .button-small-secondary:not(.square) { height: 40px; }

.button.small.square, .button-small.square { padding: 0; width: 38px; }

.button.x-small, .button-x-small { font-size: 12px; height: 30px; line-height: 26px; padding: 0 10px; }

.button.x-small.square, .button-x-small.square { padding: 0; width: 30px; }

.button.button-primary-inverse { background-color: #fff; border: solid 2px #fff; }

.button.button-primary-inverse:not(.has-topic-color) { color: #5fcf80; }

.button.button-primary-inverse svg:not(.has-topic-fill) { fill: #5fcf80; }

.button.button-primary-inverse:hover { color: #3ac162; }

.button.full, .button.button-full { display: block; width: 100%; height: 100%; margin: 0; padding-left: 0; padding-right: 0; }

@media screen and (max-width: 679px) { .button.full-on-mobile, .button.button-full-on-mobile { display: block; width: 100%; height: 100%; margin: 0; padding-left: 0; padding-right: 0; text-align: center; } }

.button.trial { height: 80px; line-height: 20px; background-color: #409be9; border: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.button.trial:hover:not(.disabled) { background-color: #337cba; }

.button.close, .button.button-close { padding: 0; margin: 0; width: 28px; height: 28px; line-height: 22px; text-align: center; z-index: 2; }

.button.close svg.close-icon, .button.button-close svg.close-icon { margin: 6px 0 0 0; top: 0; }

.button.icon-on-left svg { margin: 0 5px 0 0; }

.button.icon-on-right svg { margin: 0 0 0 5px; }

.button svg { vertical-align: middle; position: relative; top: -1px; }

.button svg.reload-icon { width: 16px; height: 16px; left: 0; top: 0; }

.js-focus-visible :focus:not(.focus-visible) { outline: none; box-shadow: none; }
.marketing-layout form .row { padding: 0 9px; }

.marketing-layout form .row .column, .marketing-layout form .row .columns { padding: 0 6px; }

.marketing-layout form .note { font-size: 13px; }

.marketing-layout input[type='email'], .marketing-layout input[type='number'], .marketing-layout input[type='search'] { padding: 12px 15px; }

.marketing-layout .message p { margin-top: 0; }

.marketing-layout .field_with_errors input, .marketing-layout .field_with_errors select { background-color: #fff; margin-bottom: 0; border-color: #ed5a5a; }

.marketing-layout .field_with_errors .error-message { color: #ed5a5a; font-size: 14px; }

.marketing-layout .form-card .error-message { margin-bottom: 20px !important; }

.marketing-layout .form-card .error-message .form-element > span { color: #ed5a5a; }

.marketing-layout textarea.field_with_errors { margin-bottom: 0; }

.marketing-layout legend { margin-bottom: 20px; }

.marketing-layout fieldset { border: none; }

#help-form .input-text, #help-form textarea.field_with_errors { margin-bottom: 0 !important; }

#help-form .secondary-heading { padding-bottom: 0 !important; }

#help-form .contact-alternatives p { margin-top: 0 !important; }
.sticky-subnav { background-color: #f6f9fa; border-bottom: solid 1px #e9f0f3; position: absolute; z-index: 1; width: 100%; -webkit-animation: slide-in-hero 300ms 300ms forwards; -moz-animation: slide-in-hero 300ms 300ms forwards; animation: slide-in-hero 300ms 300ms forwards; -ms-transform: translateY(-29px); -moz-transform: translateY(-29px); -webkit-transform: translateY(-29px); transform: translateY(-29px); }

.sticky-subnav-list { margin-bottom: 0; text-align: center; }

.sticky-subnav-item { float: none; display: inline-block; height: 24px; margin-bottom: 4px; margin-right: 12px; }

.sticky-subnav-item:last-child { margin-right: 0; }

.sticky-subnav-item.current a { color: #326e99; font-weight: 700; }

.sticky-subnav-anchor { transition: color 200ms ease-in-out; color: #3f8abf; font-size: 12px; }

.sticky-subnav-anchor:hover, .sticky-subnav-anchor:active, .sticky-subnav-anchor:focus { color: #306991; }

.scrolled-past-hero .sticky-subnav { border-top: none; position: fixed; width: 100%; z-index: 98; }

@media screen and (max-width: 679px) { .scrolled-past-hero .sticky-subnav { top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 767px) { .scrolled-past-hero .sticky-subnav { top: 70px; } }

@media screen and (min-width: 768px) { .scrolled-past-hero .sticky-subnav { -webkit-animation: slide-in-nav 300ms forwards; -moz-animation: slide-in-nav 300ms forwards; animation: slide-in-nav 300ms forwards; top: 42px; } }

@-webkit-keyframes slide-in-nav { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(28px);
    -moz-transform: translateY(28px);
    -webkit-transform: translateY(28px);
    transform: translateY(28px); } }

@-moz-keyframes slide-in-nav { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(28px);
    -moz-transform: translateY(28px);
    -webkit-transform: translateY(28px);
    transform: translateY(28px); } }

@keyframes slide-in-nav { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(28px);
    -moz-transform: translateY(28px);
    -webkit-transform: translateY(28px);
    transform: translateY(28px); } }

@-webkit-keyframes slide-in-hero { 0% { -ms-transform: translateY(-29px);
    -moz-transform: translateY(-29px);
    -webkit-transform: translateY(-29px);
    transform: translateY(-29px); }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slide-in-hero { 0% { -ms-transform: translateY(-29px);
    -moz-transform: translateY(-29px);
    -webkit-transform: translateY(-29px);
    transform: translateY(-29px); }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slide-in-hero { 0% { -ms-transform: translateY(-29px);
    -moz-transform: translateY(-29px);
    -webkit-transform: translateY(-29px);
    transform: translateY(-29px); }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
header.header { text-align: center; }

header.header h1 { font-size: 40px; margin: 0; }

.has-sticky-subnav { position: relative; z-index: 2; }
.modal-tarp { left: 0; }

.modal { border-radius: 5px; margin: 0 auto; }

@media screen and (min-width: 768px) { .modal { width: 92%; } }

.modal h1, .modal h2 { font-size: 18px; margin: 0; }

.modal .contained { padding: 30px; }

.modal .video-container { margin-bottom: 30px; }

.modal fieldset { border: none; margin-bottom: 0; }

#help-form h3, #help-form .contact-alternative p { margin-top: 0; }
.panel { border-radius: 5px; background-color: #f6f9fa; padding: 30px; margin-bottom: 30px; }

.panel *:first-child { margin-top: 0; }

.panel *:last-child { margin-bottom: 0; }

.panel-with-color-strip { background-color: #f6f9fa; background-position: center top; background-repeat: repeat-x; background-image: url(/assets/shared/rainbow-border-72c7425d4d0c4baf0b4b5a88ccb670a4f4fcebe780b24f0df034003f57f7fe52.png); background-size: 100% 8px; }
.callout-card { border-radius: 5px; min-height: 178px; margin-bottom: 30px; margin-top: 40px; position: relative; text-align: center; }

@media screen and (max-width: 969px) { .callout-card { margin-top: 10px; margin-bottom: 10px; } }

.callout-card-default { background-color: #384047; }

.callout-card svg, .callout-card img { position: absolute; top: -26px; left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.ie .callout-card svg, .ie .callout-card img { position: absolute; top: -26px; left: 50%; }

.callout-card .button { position: absolute; bottom: 30px; left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.callout-card-action { text-align: center; margin-bottom: 30px; }

.callout-card-title { position: absolute; bottom: 30px; width: 100%; color: #fff; font-size: 18px; margin-bottom: 0; padding: 0 30px; }

.callout-student-perks { background-color: #5fcf80; }

.callout-student-perks svg { width: 79px; height: 44px; position: absolute; top: 32px; }

.callout-bogo { background-color: #F6CC68; }

.callout-bogo svg { width: 50px; height: 48px; position: absolute; top: 32px; }

.callout-swift svg { width: 120px; }

.callout-apple { background: #30826C url(/assets/views/landing_pages/apple-card-bg-1dcfe045889c8ee565f26b3a953177849fd94ca1c1c61902959784db4c7360d6.svg) center -100px no-repeat; }

.callout-apple svg { width: 38px; height: 44px; position: absolute; top: 28px; }

.callout-android { background: #30826C url(/assets/views/landing_pages/android-card-bg-cd8132f1b695511551820bd779b91afdc543ff1d983640c0e128ac7dce08b2a2.svg) center -130px no-repeat; }

.callout-android svg { width: 36px; height: 43px; position: absolute; top: 30px; }

.callout-business { background: #9b3b5a url(/assets/views/landing_pages/business-card-bg-65a46bda13b4a4b10e25923a486920c1245485d1ad4850d84b9075e17aed9d41.svg) center 20px no-repeat; }

.callout-business .callout-card-icon svg { width: 36px; height: 44px; position: absolute; top: 32px; fill: white; }

.callout-html { background: #3659a2 url(/assets/views/landing_pages/html-card-bg-72bca0d1a1a134061be64f641f27545c71576c1ef77c6927b7d172bd039a7ef1.svg) center -18px no-repeat; }

.callout-html .callout-card-icon svg { width: 44px; height: 44px; position: absolute; top: 33px; fill: white; }

.callout-css { background: #3659a2 url(/assets/views/landing_pages/css-card-bg-96619fe4811cd220cf413c09e9901fee4fad089f82325613006a863f244bbbe6.svg) center -18px no-repeat; }

.callout-css .callout-card-icon svg { width: 36px; height: 43px; position: absolute; top: 32px; fill: white; }

.callout-javascript { background: #3659a2 url(/assets/views/landing_pages/javascript-card-bg-c3e346cdc2931e066ab22cc48dd42742158694a25c985326bdb46b30c4967ebd.svg) center -39px no-repeat; }

.callout-javascript .callout-card-icon svg { width: 36px; height: 43px; position: absolute; top: 30px; fill: white; }

.callout-java { background: #008297 url(/assets/views/landing_pages/java-card-bg-96d14ca7649ff00bafa9c9bcc58f00abcbc2dafbad29dea238a02f9feef264aa.svg) center 3px no-repeat; }

.callout-java .callout-card-icon svg { width: 36px; height: 43px; position: absolute; top: 30px; fill: white; }

.callout-design { background: #4a4290 url(/assets/views/landing_pages/design-card-bg-e5fc88d7f7d07c610ac75a39d519d815c8feb988d4dfa2d18a0e8d89ea4668a4.svg) center -49px no-repeat; }

.callout-design .callout-card-icon svg { width: 38px; height: 43px; position: absolute; top: 33px; fill: white; }

.callout-python { background: #008297 url(/assets/views/landing_pages/python-card-bg-5c152ecfa0b0db1838e58f4fe8201722090c7feb5c62f46921777070f035b889.svg) center -34px no-repeat; }

.callout-python .callout-card-icon svg { width: 36px; height: 43px; position: absolute; top: 30px; fill: white; }

.callout-php { background: #008297 url(/assets/views/landing_pages/php-card-bg-f76b3495a9d1980ed00abeb45044e1625a032159a3ac5c7ac0bfaba477f9b1d5.svg) center 11px no-repeat; }

.callout-php .callout-card-icon svg { width: 52px; height: 49px; position: absolute; top: 31px; fill: white; }

.callout-ruby { background: #008297 url(/assets/views/landing_pages/ruby-card-bg-85e73baf6cec1d49c1ebcd1f2a3267bc637649b027adb9fb37aa5bb0edc0cdcf.svg) center -34px no-repeat; }

.callout-ruby .callout-card-icon svg { width: 40px; height: 43px; position: absolute; top: 33px; fill: white; }

.callout-organizations { overflow: hidden; }

.callout-organizations svg { width: 274px; margin: -5px 0 0 -5px; }

@media screen and (max-width: 679px) { .callout-organizations .button span { display: none; } }

.topic-container { float: left !important; }

@media screen and (max-width: 767px) { .topic-container { float: none !important; } }

.student-card-list { list-style: none; margin: 0; padding: 0; overflow: hidden; width: 100%; margin: 30px -15px 0; width: auto; max-width: none; text-align: center; }

.student-card-list-item { padding: 0 15px; text-align: left; }

@media screen and (max-width: 620px) { .student-card-list-item { display: inline-block; float: none; width: 100%; } }

@media screen and (min-width: 621px) and (max-width: 879px) { .student-card-list-item { display: block; float: left; width: 50%; }
  .student-card-list-item:nth-child(2n+1) { clear: both; }
  .student-card-list-item:nth-child(13), .student-card-list-item:nth-child(15), .student-card-list-item:nth-child(17), .student-card-list-item:nth-child(19) { clear: none; } }

@media screen and (min-width: 880px) { .student-card-list-item { display: block; float: left; width: 33.33333%; }
  .student-card-list-item:nth-child(3n+1) { clear: both; }
  .student-card-list-item:nth-child(13), .student-card-list-item:nth-child(16), .student-card-list-item:nth-child(19) { clear: none; } }

@media screen and (max-width: 620px) { .student-card-list-initial .student-card-list-item:nth-child(10), .student-card-list-initial .student-card-list-item:nth-child(11) { width: 100%; } }

@media screen and (min-width: 621px) { .student-card-list-initial .student-card-list-item:nth-child(10), .student-card-list-initial .student-card-list-item:nth-child(11) { width: 50%; clear: none; } }

.student-card-list-initial .student-card-list-item:nth-child(10) .student-card, .student-card-list-initial .student-card-list-item:nth-child(11) .student-card { height: 298px; background-size: cover; }

.student-card-list-initial .student-card-list-item:nth-child(10) .student-card:hover, .student-card-list-initial .student-card-list-item:nth-child(10) .student-card:active, .student-card-list-initial .student-card-list-item:nth-child(11) .student-card:hover, .student-card-list-initial .student-card-list-item:nth-child(11) .student-card:active { opacity: 0.8; }

.student-card-list-initial .student-card-list-item:nth-child(10) .student-card-avatar, .student-card-list-initial .student-card-list-item:nth-child(11) .student-card-avatar { display: none; }

.student-card-list-initial .student-card-list-item:nth-child(10) .student-card-name, .student-card-list-initial .student-card-list-item:nth-child(10) .student-card-location, .student-card-list-initial .student-card-list-item:nth-child(11) .student-card-name, .student-card-list-initial .student-card-list-item:nth-child(11) .student-card-location { color: #fff; }

.student-card-list-initial .student-card-list-item:nth-child(10) .student-card { background-image: url(/images/views/stories/ray_sinlao_large.jpg); }

@media screen and (max-width: 340px) { .student-card-list-initial .student-card-list-item:nth-child(10) .student-card { background-position: -100px 0; } }

@media screen and (min-width: 621px) and (max-width: 879px) { .student-card-list-initial .student-card-list-item:nth-child(10) .student-card { background-position: -85px 0; } }

.student-card-list-initial .student-card-list-item:nth-child(11) .student-card { background-image: url(/images/views/stories/joelle_steiniger_large.jpg); }

@media screen and (max-width: 340px) { .student-card-list-initial .student-card-list-item:nth-child(11) .student-card { background-position: -100px 0; } }

@media screen and (min-width: 621px) and (max-width: 879px) { .student-card-list-initial .student-card-list-item:nth-child(11) .student-card { background-position: -50px 0; } }

@media screen and (min-width: 621px) and (max-width: 879px) { .student-card-list-initial .student-card-list-item:nth-child(9), .student-card-list-initial .student-card-list-item:nth-child(20) { width: 100%; }
  .student-card-list-initial .student-card-list-item:nth-child(12) { clear: both; } }

.student-card { transition: background-color 200ms ease-in-out, opacity 200ms ease-in-out; border-radius: 5px; background-color: #f6f9fa; display: block; height: 100px; margin-bottom: 30px; padding: 28px 20px; position: relative; }

.student-card:hover, .student-card:active { background-color: #e6eef1; }

.quotes .student-card:hover, .quotes .student-card:active { background-color: initial; }

.student-card-quote { padding: 20px; margin-top: 0; font-style: italic; font-size: .9em; color: #384047; }

.student-card-name { display: block; width: 80%; margin: 0; }

@media screen and (max-width: 879px) { .student-card-name { font-size: 16px; } }

@media screen and (min-width: 880px) and (max-width: 960px) { .student-card-name { font-size: 14px; } }

@media screen and (min-width: 961px) { .student-card-name { font-size: 16px; } }

.student-card-location { color: #1a2126; display: block; font-size: 12px; width: 80%; }

.student-card-avatar { position: absolute; top: 50%; right: 20px; width: 64px; height: 64px; border-radius: 128px; margin-top: -32px; }

.plans-content .student-card-quote { height: 132px; }
.plan-panel { position: relative; z-index: 2; padding: 30px; border-radius: 4px; background: white; text-align: left; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15); }

.plan-panel-header:before, .plan-panel-header:after { content: " "; display: table; }

.plan-panel-header:after { clear: both; }

.plan-panel-header h3 { float: left; margin: 0 0 20px 0; }

.plan-panel-header span { float: right; font-size: 26px; color: #5fcf80; }

.plan-panel-features { margin: 0 0 30px 0; }

.plan-panel-features li { position: relative; line-height: 1.5em; margin-bottom: 20px; padding: 0 0 0 34px; list-style: none; }

.plan-panel-features li.strikethrough { text-decoration: line-through; }

.plan-panel-features li .check-circle-icon, .plan-panel-features li .cross-circle-icon { position: absolute; top: -1px; left: 0px; width: 24px; height: 24px; }

.plan-panel-features li .check-circle-icon { fill: #5fcf80; }

.plan-panel-features li .cross-circle-icon { fill: #c6ccd2; }

.plan-basic { margin-bottom: 20px; }

@media screen and (max-width: 767px) { .plan-basic { top: 0px; } }

.plan-pro { margin-bottom: 20px; }

.plan-pro .plan-panel-header span { color: #3f8abf; }

.plan-pro .plan-panel-features li .check-circle-icon { fill: #3f8abf; }

.plan-pro .button-primary { background: #3f8abf; border-color: #3f8abf; }

.plan-pro .button-primary:hover { background: #3f8abf; border-color: #3f8abf; }

.plan-b2b .plan-panel-header span { color: #ff9f1f; }

.plan-b2b .plan-panel-features li .check-circle-icon { fill: #ff9f1f; }

.plan-b2b .button-primary { background: #ff9f1f; border-color: #ff9f1f; }

.plan-b2b .button-primary:hover { background: #eb8600; border-color: #eb8600; }

.plan-td .plan-panel-header span { color: #387BC9; }

.plan-td .plan-panel-features li .check-circle-icon { fill: #387BC9; }

.plan-td .button-primary { border-color: #387BC9; background-color: #387BC9; }

.plan-td .button-primary:hover, .plan-td .button-primary:focus { border-color: #2c63a2; background-color: #2c63a2; }
.pagination { list-style: none; margin: 30px 0; padding: 0; }

.pagination:before, .pagination:after { content: " "; display: table; }

.pagination:after { clear: both; }

.pagination .square { float: left; }

.pagination .next { float: right; }
div.video-modal .box, div.video-modal .mixed-box { max-width: 900px; margin: 0 auto; }

div.video-modal button.modal-close { top: 40px; right: 40px; background: rgba(0, 0, 0, 0.2); }

div.video-modal p.video-description { margin: 0; line-height: 1.6; }
.degrees-show-section { padding: 15px 0; }

.degrees-show-heading-container { text-align: center; max-width: 760px; margin: 0 auto 30px; }

.degrees-show-heading { margin: 0; line-height: 1.2; }

@media screen and (min-width: 680px) { .degrees-show-heading { font-size: 26px; } }

@media screen and (max-width: 679px) { .degrees-show-heading { font-size: 20px; } }

.degrees-show-projects .degrees-show-heading, .degrees-show-stats .degrees-show-heading, .degrees-show-ctas .degrees-show-heading { color: #fff; }

.degrees-show-sub-heading { margin: 7px 0 0; font-size: 16px; }

.degrees-show-ctas .degrees-show-sub-heading { color: #fff; opacity: 0.88; }

.degrees-show-description { line-height: 1.7; color: #2b363e; }

@media screen and (min-width: 680px) { .degrees-show-description { font-size: 16px; margin: 15px 0 0; } }

@media screen and (max-width: 679px) { .degrees-show-description { font-size: 14px; margin: 10px 0 0; } }

.degrees-show-projects .degrees-show-description, .degrees-show-stats .degrees-show-description, .degrees-show-ctas .degrees-show-description { color: #fff; opacity: 0.88; }

.degrees-show-skills .degrees-show-description, .degrees-show-teachers .degrees-show-description { color: #1a2126; }

.degrees-show-hero { padding: 40px 0; margin: 0; background-image: none !important; }

.degrees-show-hero-title { color: #fff; font-size: 26px; line-height: 36px; margin: 0 0 15px; }

.degrees-show-hero-subtitle { font-size: 16px; line-height: 16px; color: #fff; opacity: .8; margin: 0 0 10px; }

.degrees-show-hero-copy { color: #fff; font-size: 16px; line-height: 26px; margin: 0 auto 30px; max-width: 760px; }

.degrees-show-hero-copy-salary { white-space: nowrap; }

.degrees-show-hero-copy span { opacity: .75; }

@media screen and (max-width: 679px) { .degrees-show-hero-button { display: block; width: auto; margin: 10px 0 0 !important; } }

.degrees-show-testimonials { background: #fff; }

.degrees-show-testimonials .quote { text-align: left; margin: 0 0 30px; }

.degrees-show-testimonials .quote cite { border-top: 2px solid #fff; padding: 15px 30px 0; font-size: 14px; color: #2b363e; margin: 0 -30px -15px; }

.degrees-show-testimonials .quote cite:before { content: ""; }

.degrees-show-testimonials .quote cite strong { display: block; color: #101417; }

.degrees-show-testimonials-image { border-radius: 50%; width: 44px; height: 44px; float: right; }

.degrees-show-projects { background: #384047; }

.degrees-show-projects-button { display: block; margin: 0 auto; }

.degrees-show-projects-button:before { content: "View "; }

.degrees-show-projects-show .degrees-show-projects-button:before { content: "Hide "; }

.degrees-show-projects-list { margin: 30px -15px 0; display: none; }

.degrees-show-projects-show .degrees-show-projects-list { display: block; }

@media screen and (min-width: 750px) { .degrees-show-projects-card { width: 50%; } }

.degrees-show-projects-card.card-description-show { width: 100%; transition: width 300ms 0s ease; }

.degrees-show-projects-card-box { cursor: pointer; transition: box-shadow 300ms 0s ease; }

.degrees-show-projects-card:not(.card-description-show):hover .degrees-show-projects-card-box { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.degrees-show-projects-card-description { line-height: 22px; }

.card-description-show .degrees-show-projects-card-description { -webkit-line-clamp: 1000 !important; max-height: 10000px !important; }

.degrees-show-projects-card-description p { font-size: inherit; line-height: inherit; margin: 0 0 15px; }

.degrees-show-projects-card-actions { display: block !important; left: 30px !important; }

.card-description-show .degrees-show-projects-card-actions { display: none !important; }

.degrees-show-projects-browser { max-width: 520px; margin: 0 auto 30px; }

.degrees-show-projects-show .degrees-show-projects-browser { display: none; }

.degrees-show-projects-browser-header { background: #535f69; height: 34px; border-radius: 4px 4px 0 0; padding: 10px 6px 6px; position: relative; }

.degrees-show-projects-browser-border { height: 4px; border-radius: 4px 4px 0 0; position: absolute; top: 0; right: 0; left: 0; }

.degrees-show-projects-browser-button { width: 12px; height: 12px; border-radius: 50%; float: left; border: 2px solid #384047; background: #70808e; margin-left: 5px; position: relative; top: 2px; }

.degrees-show-projects-browser-content { background: #edeff0; padding: 15px; }

.degrees-show-projects-browser-content:before, .degrees-show-projects-browser-content:after { content: " "; display: table; }

.degrees-show-projects-browser-content:after { clear: both; }

.degrees-show-projects-browser-content-title { height: 10px; border-radius: 10px; width: 50%; margin: 0 auto 15px; background: #637d90; }

.degrees-show-projects-browser-avatar { display: block; margin: 0 auto 10px; }

.degrees-show-projects-browser-project { background: #fff; padding: 3%; float: left; width: 47%; border-radius: 2px; margin: 1.5%; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07); }

.degrees-show-projects-browser-project-title { height: 6px; border-radius: 6px; width: 55%; }

.degrees-show-projects-browser-project-description-1, .degrees-show-projects-browser-project-description-2, .degrees-show-projects-browser-project-description-3 { background: #6c879b; height: 4px; border-radius: 4px; margin: 4px 0 0; }

.degrees-show-projects-browser-project-description-1 { width: 97%; }

.degrees-show-projects-browser-project-description-2 { width: 60%; }

.degrees-show-projects-browser-project-description-3 { width: 38%; }

.degrees-show-projects-browser-footer { background: #535f69; border-radius: 0 0 4px 4px; height: 22px; position: relative; }

.degrees-show-projects-browser-footer-icon { fill: #9ba6b0; position: absolute; right: 6px; bottom: 6px; }

.degrees-show-skills { background: #f6f9fa; }

.degrees-show-skills-avatar { border-radius: 50%; display: block; margin: 0 auto; opacity: 0; width: 78px; height: 78px; -ms-transform: translatey(-100px); -moz-transform: translatey(-100px); -webkit-transform: translatey(-100px); transform: translatey(-100px); }

.animate-donuts .degrees-show-skills-avatar { opacity: 1; transition: opacity 300ms 0s ease, transform 500ms 0s cubic-bezier(0.5, 1.5, 0.5, 1); -ms-transform: translatey(0); -moz-transform: translatey(0); -webkit-transform: translatey(0); transform: translatey(0); }

.degrees-show-skills-chart { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.degrees-show-skills-chart-container { position: relative; margin: 0 auto 30px; display: block; width: 158px; height: 158px; padding: 40px; }

.degrees-show-skills-chart-container:after { content: " "; background: rgba(0, 0, 0, 0.04); height: 10px; position: absolute; right: 10%; bottom: -30px; left: 10%; border-radius: 50%; opacity: 0; }

.animate-donuts .degrees-show-skills-chart-container:after { opacity: 1; transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: 500ms; }

.degrees-show-skills-chart .ct-chart-donut { display: block; stroke-linecap: round; }

.degrees-show-skills-chart .ct-slice-donut { opacity: 0; }

.animate-donuts .degrees-show-skills-chart .ct-slice-donut { stroke-dashoffset: 0 !important; transition: stroke-dashoffset 2s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: 1s; opacity: 1; }

.degrees-show-stats-list { margin: 0 auto; max-width: 700px; padding: 10px 0 40px; }

.degrees-show-stats-list:before, .degrees-show-stats-list:after { content: " "; display: table; }

.degrees-show-stats-list:after { clear: both; }

.degrees-show-stats-count { font-size: 24px; display: block; color: #fff; }

.degrees-show-stats-icon { float: left; fill: #fff; margin-right: 15px; }

.degrees-show-stats-item { color: rgba(255, 255, 255, 0.75); float: left; font-weight: 700; font-size: 13px; line-height: 1.2; list-style: none; text-align: left; width: 16.6666666667%; padding: 0 15px; width: 33%; }

@media screen and (min-width: 680px) { .degrees-show-stats-item { padding: 0 40px; } }

@media screen and (min-width: 970px) { .degrees-show-stats-item { padding: 0 50px; } }

.degrees-show-stats-item:nth-child(-n+3) { border-bottom: 2px solid rgba(255, 255, 255, 0.15); padding-bottom: 20px; }

.degrees-show-stats-item:nth-child(n+4) { padding-top: 20px; }

@media screen and (max-width: 679px) { .degrees-show-stats-item { width: 50%; }
  .degrees-show-stats-item:nth-child(-n+4) { border-bottom: 2px solid rgba(255, 255, 255, 0.15); padding-bottom: 20px; }
  .degrees-show-stats-item:nth-child(n+3) { padding-top: 20px; } }

.degrees-show-stats-button { display: block; margin: 0 auto; }

.degrees-show-stats-button:before { content: "View "; }

.degrees-show-stats-show .degrees-show-stats-button:before { content: "Hide "; }

.degrees-show-stats-activities { position: relative; background: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; margin: 30px 0 0; display: none; }

.degrees-show-stats-activities:before, .degrees-show-stats-activities:after { content: " "; display: table; }

.degrees-show-stats-activities:after { clear: both; }

.degrees-show-stats-activities:before, .degrees-show-stats-activities:after { content: " "; display: table; }

.degrees-show-stats-activities:after { clear: both; }

@media screen and (min-width: 680px) { .degrees-show-stats-activities { padding: 15px; } }

.degrees-show-stats-show .degrees-show-stats-activities { display: block; }

.degrees-show-stats-activities .degree-activity-item { padding: 0 15px; line-height: 10px; list-style: none; }

.degrees-show-stats-activities .degree-activity-item:nth-child(odd) { clear: left; }

@media screen and (min-width: 680px) { .degrees-show-stats-activities .degree-activity-item { float: left; width: 50%; }
  .degrees-show-stats-activities .degree-activity-item:nth-last-child(2) .degree-activity-content { border: none !important; } }

@media screen and (max-width: 679px) { .degrees-show-stats-activities .degree-activity-content { padding: 0 15px; } }

.degrees-show-stats-activities .degree-activity-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; margin-bottom: 0; margin-right: 0; }

.degrees-show-stats-activities .degree-activity-actions { display: none; }

.degrees-show-teachers { background: #edeff0; }

.degrees-show-ctas-box { background: rgba(255, 255, 255, 0.15); margin: 30px auto 0; border-radius: 4px; max-width: 550px; }

.degrees-show-ctas-box:before, .degrees-show-ctas-box:after { content: " "; display: table; }

.degrees-show-ctas-box:after { clear: both; }

@media screen and (min-width: 970px) { .degrees-show-ctas-box { padding: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-show-ctas-box { padding: 20px; } }

@media screen and (max-width: 679px) { .degrees-show-ctas-box { padding: 15px; } }

.degrees-show-ctas-box > div { display: inline-block; }

.degrees-show-ctas-list { list-style: none; margin: -15px 0 30px; }

.degrees-show-ctas-item { color: #fff; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 17px 0; line-height: 18px; font-size: 14px; }

.degrees-show-ctas-icon { fill: #fff; margin-right: 10px; vertical-align: middle; position: relative; top: -1px; }

.degrees-show-ctas-full-label { color: #fff; margin: 0 0 30px; }

.logged-in .degrees-show-ctas-form { float: left; }

.degrees-show-ctas-input { background: #fff; width: 100%; margin-bottom: 20px; }

@media screen and (min-width: 680px) { .degrees-show-ctas-button.primary { display: block; margin: 0 auto; } }

.degrees-show-ctas-button.primary:hover, .degrees-show-ctas-button.primary:focus { background: #fff; border-color: #fff; }

@media screen and (min-width: 680px) { .degrees-show-ctas-button { width: 235px; } }

@media screen and (max-width: 679px) { .degrees-show-ctas-button { display: block; width: auto; } }

.degrees-show-ctas-link { color: #fff; display: block; text-align: center; font-weight: 700; margin-top: 40px; font-size: 14px; }

.degrees-show-ctas-link:hover { color: #fff; }

.degrees-show-ctas-link-arrow { fill: #fff; vertical-align: middle; transition: margin-left 300ms 0s ease; margin-left: 2px; }

a:hover .degrees-show-ctas-link-arrow { margin-left: 7px; }

.degrees-show-ctas-contactus { color: #fff; margin-top: 15px; text-align: center; margin-bottom: 0; }

.degrees-show-ctas-contactus-link { color: #fff; font-weight: 700; font-size: 14px; }

.degrees-show-ctas-contactus-link:hover { color: #fff; }
.degrees-pricing header { margin: 0; background: #387BC9; }

@media screen and (max-width: 767px) { .degrees-pricing header { padding-top: 130px; padding-bottom: 20px; } }

@media screen and (min-width: 768px) { .degrees-pricing header { padding: 130px 0 0 0; } }

.degrees-pricing header h1 { position: relative; color: white; margin-bottom: 40px; z-index: 2; }

.degrees-pricing .degrees-index-enroll-degrees { margin-bottom: 60px; }

.degrees-controller .row.td-pricing { max-width: 1200px; padding-bottom: 30px; }

.degrees-controller .plan-panel { margin-bottom: 30px; }

.degrees-controller .plan-panel-header h2 { margin-top: 0; margin-bottom: 30px; }

@media screen and (max-width: 940px) { .degrees-controller .plan-panel-header h2 { font-size: 30px; } }

.degrees-controller .plan-panel-features li { font-size: 14px; }

.degrees-controller .plan-panel-features .check-circle-icon, .degrees-controller .plan-panel-features .cross-circle-icon { top: -2px; }

.degrees-controller .plan-panel-subtle { position: relative; z-index: 2; text-align: left; margin-bottom: 50px !important; }

@media screen and (max-width: 767px) { .degrees-controller .plan-panel-subtle { text-align: center; } }

@media screen and (min-width: 768px) { .degrees-controller .plan-panel-subtle { padding-left: 30px; } }

.degrees-controller .plan-panel-subtle ul { list-style: none; font-size: 14px; margin: 0 0 20px 0; padding: 0; }

.degrees-controller .plan-panel-subtle ul li { line-height: 1.8; }

.degrees-controller .plan-panel-subtle a { font-size: 14px; font-weight: 700; }

@media screen and (max-width: 768px) { .degrees-controller .plan-panel-subtle a { display: block; margin-bottom: 40px; } }

.degrees-controller .plan-panel-subtle ul, .degrees-controller .plan-panel-subtle a, .degrees-controller .plan-panel-subtle h4 { color: #fff; }

.degrees-controller .plan-panel-prominant .plan-panel-features { overflow: hidden; padding-top: 2px; margin-bottom: 20px; }

.degrees-controller .plan-panel-prominant .plan-panel-features li { width: 50%; float: left; }

.degrees-controller .degrees-selection-back { text-align: center; margin-bottom: 50px; }

.degrees-controller .degrees-selection-back svg { width: 10px; height: 10px; top: -1; margin-right: 3px; }

.degrees-controller footer::before { display: none; }
.degree-activity-filters { z-index: 1; }

.degree-activity-container { position: relative; background: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 0 0 4px 4px; z-index: 0; }

.degree-activity-container:before, .degree-activity-container:after { content: " "; display: table; }

.degree-activity-container:after { clear: both; }

.degree-activity-container .no-results { background: #fff; }

.degree-activity-alert { border-radius: 0 !important; margin: 0 !important; }

.degree-activity-item { position: relative; max-height: 500px; transition: opacity 300ms 0s ease, max-height 300ms 0s ease; }

@media screen and (max-width: 679px) { .degree-activity-item { padding: 0 20px; } }

@media screen and (min-width: 680px) { .degree-activity-item { padding: 0 30px; } }

.degree-activity-item:last-child { border-radius: 0 0 4px 4px; }

.degree-activity-item-dismissed { opacity: 0; max-height: 0; overflow: hidden; }

.degree-activity-content { display: block; position: relative; }

.degree-activity-content:before, .degree-activity-content:after { content: " "; display: table; }

.degree-activity-content:after { clear: both; }

.degree-activity-item:not(:last-child):not(.degree-activity-alert):not(.degree-activity-current) .degree-activity-content { border-bottom: 1px solid #f0f2f4; }

.degree-activity-meta { position: relative; padding: 18px 0; }

.degree-activity-meta:before, .degree-activity-meta:after { content: " "; display: table; }

.degree-activity-meta:after { clear: both; }

@media screen and (max-width: 679px) { .degree-activity-static .degree-activity-meta { padding: 20px 0; } }

@media screen and (min-width: 680px) { .degree-activity-static .degree-activity-meta { padding: 30px 0; } }

.degree-activity-upcoming .degree-activity-meta { border-bottom: 1px solid #f0f2f4; }

.degree-activity-project-failed { background-color: #fff; border-radius: 4px; padding: 15px; margin: 0 -15px 18px; }

.degree-activity-actions { position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.degree-activity-project-failed .degree-activity-actions { right: 15px; }

.degree-activity-item:not(.degree-activity-current) .degree-activity-details { display: none; }

.degree-activity-with-sub-activities:after { position: absolute; z-index: auto; content: ""; background: #c6ccd2; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; border-radius: 3px 0 0 0; left: 39px; transition: background-color 300ms 0s ease; }

.degree-activity-alert-dismissed .degree-activity-with-sub-activities:after { background-color: #fff; }

.degree-activity-list-all .degree-activity-with-sub-activities:after { display: none; }

.degree-activity-alert { background: #c6ccd2; }

.degree-activity-alert-dismissed .degree-activity-alert { opacity: 0; max-height: 0; overflow: hidden; }

.degree-activity-secondary-button { border-color: rgba(80, 92, 102, 0.25); color: #050708; }

.degree-activity-icon { display: block; float: left; fill: #8e969d; }

.degree-activity-item:not(.degree-activity-static) .degree-activity-icon { position: absolute; top: 50%; margin-top: -10px; }

.degree-activity-alert .degree-activity-icon { fill: #717b86; }

.degree-activity-current .degree-activity-icon { fill: #fff; }

.degree-activity-project-failed .degree-activity-icon { fill: #ed5a5a; margin-left: 3px; }

@media screen and (max-width: 679px) { .degree-activity-type, .degree-activity-title, .degree-activity-description, .degree-activity-status, .degree-activity-button { margin-left: 35px; } }

@media screen and (min-width: 680px) { .degree-activity-type, .degree-activity-title, .degree-activity-description, .degree-activity-status, .degree-activity-button { margin-left: 40px; } }

.degree-activity-type { display: block; margin-top: 6px; font-size: 12px; color: #2b363e; }

.degree-activity-current .degree-activity-type { color: #889ead; }

.degree-activity-completed .degree-activity-type { display: none; }

.degree-activity-title { line-height: 1.4; color: #101417; font-size: 14px; margin: 0 120px 6px 40px; transition: color 300ms 0s ease; }

.degree-activity-static .degree-activity-title { font-size: 15px; }

.degree-activity-link .degree-activity-title { color: #3f8abf; }

.degree-activity-link:hover .degree-activity-title { color: #326e99; }

.degree-activity-alert .degree-activity-title { color: #050708; }

.degree-activity-current .degree-activity-title { color: #fff; }

.degree-activity-project-failed .degree-activity-title { color: #ed5a5a; }

.degree-activity-status { font-size: 12px; color: #2b363e; margin-top: 2px; margin-bottom: 0; }

.degree-activity-description { font-size: 13px; color: #2b363e; }

.degree-activity-project-failed .degree-activity-description { margin-bottom: 0; }

.degree-activity-alert .degree-activity-description { color: #1a2126; }

.degree-activity-static .degree-activity-description { margin-top: 10px; margin-bottom: -5px; }

@media screen and (max-width: 679px) { .degree-activity-static .degree-activity-description { line-height: 1.6; } }

@media screen and (min-width: 680px) { .degree-activity-static .degree-activity-description { font-size: 14px; line-height: 1.8; } }

.degree-activity-description a { font-weight: 700; color: #3f8abf; transition: color 300ms 0s ease; }

.degree-activity-description a:hover { color: #326e99; }

.degree-activity-button { margin-top: 20px; }

.degree-activity-bookmark-actions { right: 30px; }

.degree-activity-bookmark-actions .star-small-icon { width: 12px; height: 12px; }

.degree-activity-action { cursor: pointer; background-color: transparent; display: inline-block; width: 26px; height: 26px; transition: border-color 300ms 0s ease, opacity 300ms 0s ease; outline: none; text-align: center; position: relative; margin-left: 15px; border-radius: 50%; border-width: 2px; border-style: solid; }

.degree-activity-action:not(:hover) { border-color: #e8ebed; }

.degree-activity-meta:not(.degree-activity-project-failed) .degree-activity-current .degree-activity-action { border-color: #fff; }

.degree-activity-current:not(:hover) .degree-activity-action { opacity: .5; }

.degree-activity-completed .degree-activity-action { display: none; }

.degree-activity-action-icon { fill: #8e969d; }

.degree-activity-current .degree-activity-action-icon { fill: #fff; }

.degree-activity-meta:not(.degree-activity-project-failed) .degree-activity-current .degree-activity-action-icon { fill: #fff; }

.degree-activity-action-icon.close-icon { width: 10px; position: absolute; top: 6px; left: 6px; }

.degree-activity-action-icon.chevron-icon { position: absolute; top: 7px; left: 7px; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.degree-activity-action-icon.info-i-icon { position: absolute; top: 5px; left: 10px; }

.degree-activity-item.loading .degree-activity-action-icon.info-i-icon { opacity: 0; }

.degree-activity-info { position: absolute; top: 50%; right: 30px; margin-top: -13px; }

.degree-activity-info:before, .degree-activity-info:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.degree-activity-info:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.degree-activity-info:after { content: "Learn More"; font: 400 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.degree-activity-info:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.degree-activity-info:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.degree-activity-info-loading { position: absolute; top: 2px; left: 2px; }

.degree-activity-item:not(.loading) .degree-activity-info-loading { opacity: 0; }

.degree-activity-project-status { display: inline; font-size: 13px; color: #4a5d6c; margin: 0; }

.degree-activity-project-status-icon { position: relative; margin-right: 7px; fill: #4a5d6c; }

.degree-activity-project-passed .degree-activity-project-status-icon { fill: #5fcf80; }

.degree-activity-project-submitted .degree-activity-project-status-icon { top: 1px; }

.degree-activity-project-grade { font-weight: 700; }

.degree-activity-project-in-review .degree-activity-project-grade { color: #ff9f1f; }

.degree-activity-project-passed .degree-activity-project-grade { color: #5fcf80; }

.degree-activity-item:not(.degree-activity-item-dismissed) .degree-activity-project-hide:before, .degree-activity-item:not(.degree-activity-item-dismissed) .degree-activity-project-hide:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.degree-activity-item:not(.degree-activity-item-dismissed) .degree-activity-project-hide:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.degree-activity-item:not(.degree-activity-item-dismissed) .degree-activity-project-hide:after { content: "Hide"; font: 400 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.degree-activity-item:not(.degree-activity-item-dismissed) .degree-activity-project-hide:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.degree-activity-item:not(.degree-activity-item-dismissed) .degree-activity-project-hide:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.degree-activity-instruction-video { margin: 0 -30px; position: relative; max-height: 377px; }

.degree-activity-instruction-video .video { background: #384047; width: 100%; position: relative; }

.degree-activity-instruction-video .video:before { display: block; content: ""; width: 100%; padding-top: 56.25%; }

.degree-activity-instruction-video .video > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.degree-activity-instruction-play { fill: #fff; z-index: 1; margin: -28px 0 0 -25px; width: 50px; height: auto; position: absolute; top: 50%; left: 50%; }

.degree-activity-instruction img { width: 100%; opacity: .3; }

.degree-activity-stages { display: inline-block; margin: 0; }

.degree-activity-stages li { background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 100px; text-indent: -100px; overflow: hidden; display: block; float: left; height: 10px; margin-left: 7px; width: 10px; }

.degree-activity-stages .current { border-color: #fff; }

.degree-activity-stages .complete { background-color: #fff; border-color: #fff; }

.degree-activity-current-step { display: block; border-top: 1px solid rgba(255, 255, 255, 0.15); position: relative; padding: 70px 0 70px 50px; }

.degree-activity-current-step-icon { fill: #fff; width: 32px; height: 32px; position: absolute; top: 50%; left: 0; margin-top: -17px; }

.degree-activity-current-step strong { color: rgba(255, 255, 255, 0.7); }

.degree-activity-current-step h3 { margin: 0 130px 3px 0; line-height: 1.3; color: #fff; }

.degree-activity-current-step p { color: rgba(255, 255, 255, 0.7); margin: 0; }

.degree-activity-current-step-button { position: absolute; top: 50%; right: 0; margin-top: -20px; }

#welcome-panel[data-key="techdegree-home-1.0"] .seal { width: 120px; height: 120px; margin-bottom: 0; position: absolute; top: 50%; right: 80px; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 767px) { #welcome-panel[data-key="techdegree-home-1.0"] .seal { display: none; } }

.degree-completed-activities { overflow: hidden; }

.degree-completed-activities .degree-activity-completed { display: none; }

.degree-completed-activities.active .degree-activity-completed { display: block; }

.degree-completed-activities.active .chevron-icon { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 26px; }

.degree-completed-activities-toggle { color: #2b363e; cursor: pointer; font-size: 13px; font-weight: 700; padding: 20px 30px; transition: color 200ms ease-in-out; }

.degree-completed-activities-toggle + .degree-activity-item a { border-top: solid 1px #f0f2f4; }

.active .degree-completed-activities-toggle { color: #1a2126; }

.degree-completed-activities-amount { position: relative; top: -1px; left: -1px; border: solid 2px #d4d9dd; border-radius: 20px; color: #d4d9dd; display: inline-block; font-size: 11px; text-align: center; width: 22px; height: 22px; line-height: 18px; margin-right: 16px; transition: color 200ms ease-in-out, border-color 200ms ease-in-out; }

.active .degree-completed-activities-amount { border-color: #1a2126; color: #1a2126; }

.degree-completed-activities .chevron-icon { position: absolute; top: 28px; right: 35px; fill: #1a2126; transition: all 200ms ease-in-out; }

[data-tour-step-selector=".degree-activity-filters"] { margin-top: -50px; }

.degree-items { border-right: 1px solid #e3e3e3; padding-right: 20px; }

.degree-utilities { padding-left: 20px; }

.card-degree { padding: 70px 0 64px; margin-bottom: 30px; }

.card-degree-padding { padding-left: 30px; padding-right: 30px; }

.card-degree .card-title span { font-size: 12px; font-weight: 400; color: #2b363e; margin-left: 10px; }

.card-degree .card-progress { background-color: transparent; }

.card-degree .card-description { margin-bottom: 30px; }

.card-degree .degree-activity-icon { margin-top: 20px; }

.card-degree .degree-completed-activities-toggle { border-top: 2px solid #edeff0; position: relative; }

.card-degree .degree-completed-activities-toggle .chevron-icon { position: absolute; top: 28px; right: 35px; fill: #698599; }

.card-degree.degree-activity-item { padding: 0 30px; min-height: 96px; }

.card-degree-icon svg { fill: #8e969d; vertical-align: middle; }

.card-degree-label { margin: 0 0 0 10px; display: inline-block; vertical-align: middle; }

.card-degree-status { color: #3f8abf; font-size: 12px; font-weight: 500; position: absolute; top: 0; right: 30px; padding-left: 10px; text-align: right; min-width: 80px; }

.card-degree-status-project-in-review { color: #ff9f1f; }

.card-degree-status-project-passed { color: #5fcf80; }

.card-degree-status-project-locked { position: relative; color: #546b7b; }

.card-degree-status-project-locked svg { fill: #546b7b; }

.card-degree .degree-activity-current { padding-right: 30px; padding-left: 30px; }

.card-degree-current { padding-bottom: 0; }

.card-degree-unit-courses { background-color: #f9fafa; border-radius: 0 0 4px 4px; padding: 20px 30px; position: absolute; bottom: 0; width: 100%; color: #1a2126; font-size: 13px; font-weight: 500; transition: color 200ms ease-in-out; }

.card-degree-unit-courses:not(.disabled) { cursor: pointer; }

.card-degree-unit-courses-icon { display: block; float: left; fill: #838c94; margin: 3px 20px 0 0; }

.card-degree-unit-courses .chevron-icon { position: absolute; right: 30px; top: 30px; fill: #838c94; transition: all 200ms ease-in-out; transform: rotate(-90deg); }

.card-degree .degree-future-courses { border-top: 2px solid #edeff0; }

.card-degree-open .card-degree-unit-courses .chevron-icon { transform: rotate(-180deg); }

.card-degree-open .degree-future-courses { display: block; }

.card-degree-activity { padding: 0; min-height: 0; }

.card-degree-activity h3 { padding-bottom: 0; }

.degree-projects-container { background: none; }

.degree-bookmarks { background: #fff; }

.degree-bookmarks .degree-activity-bookmark-actions { top: 37px; right: 30px; }

.degree-exam-activities { background: #fff; }

.solo-instruction { padding-top: 0; padding-left: 30px; padding-right: 30px; }
.page-container { overflow: hidden; }

.page-container .scroll-card { opacity: 0; }

.page-container .animation-from-left { animation: slideInFromLeft 1s ease-out forwards; }

.page-container .animation-from-right { animation: slideInFromRight 1s ease-out forwards; }

.page-container ul { color: #1a2126; font-size: inherit; line-height: 1.6; list-style-position: outside; margin: 0 0 30px 20px; padding: 0; }

.page-container p { color: #1a2126; font-size: 16px; line-height: 1.6; margin-top: 10px; margin-bottom: 20px; }

@keyframes slideInFromLeft { 0% { transform: translateX(-100%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight { 0% { transform: translateX(100%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

@font-face { font-family: 'Work Sans Regular'; src: url(/assets/WorkSans-Regular-7dfee5e0f2fe91cb66c2ee685ddd24adf4cf174bb3b13f9a9134d193e0a58125.ttf) format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Work Sans Medium'; src: url(/assets/WorkSans-Medium-f1ca78b693fa3195a3b4a78d1d851d5150cdce603e5289422e033ba5fdb85cc0.ttf) format("truetype"); font-weight: 500; font-style: normal; }

.about-header { background-color: #324a96; }

.about-header section .treehouse-illustration svg { margin-bottom: -3px; }

.about-photo img { border-radius: 4px 4px 0 0; margin-bottom: -3px; }

@media screen and (min-width: 960px) { .about-photo img { border-radius: 4px 0 0 4px; } }

.about-join { background: #00a961; }

.about-join svg { margin: 40px auto -3px; }

.about-edi .chart-container { position: relative; height: 50vh; }

@media screen and (max-width: 679px) { .about-edi .chart-container { height: 80vh; margin: auto; } }

@media screen and (orientation: landscape) { .about-edi .chart-container { min-height: 500px; } }

.about-edi .tabs { padding-top: 30px; border-top: 1px solid #e8ebed; }

.about-edi .control-container ul { list-style: none; display: block; padding: 0 30px; border-radius: 0 0 4px 4px; }

.about-edi .control-container li { display: inline-block; margin-right: 30px; position: relative; }

@media screen and (max-width: 679px) { .about-edi .control-container li { display: table; margin: 0 auto 15px auto; } }

.about-edi .control-container li.current a { background-color: #101417; color: #fff; margin: 0 -12px; padding: 3px 12px; border-radius: 100px; display: block; }

.about-edi .control-container li.current a:hover { color: #fff; }

.about-edi .control-container li a { color: #2b363e; font-weight: 700; font-size: 16px; }

.about-edi .control-container li a:hover { color: #101417; }

.about-edi ul.check-list, .about-edi ul.dot-list { margin: 0; }

.about-edi .check-list li { list-style-type: none; padding: 7px 0 7px 24px; font-size: 14px; line-height: 1.5; }

.about-edi .check-list li:before { content: ""; width: 14px; height: 12px; background: url("/assets/icons/icon-global-863d50621b14046616519056916ec67ac8a680fcb1c994a27ec6c1a92e9569d5.svg") no-repeat -155px -61px; float: left; margin: 5px 0 0 -24px; }

.about-edi .dot-list li { list-style-type: none; padding: 7px 0 7px 24px; line-height: 1.5; }

.about-edi .dot-list li:before { content: "\2022"; color: #d4d9dd; font-weight: 700; display: inline-block; width: 1em; margin-left: -1em; }

.about-edi .about-vid { text-align: center; }

.about-edi .about-vid iframe { width: 100%; max-width: 560px; }

.about-bios { background-color: #3e474f; }

.about-bios h3 { font-family: "Work Sans Medium", "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: #0e8397; letter-spacing: 5px; margin: 4px 0 25px 0; }

.about-bios h2 { font-size: 64px; color: #fff; letter-spacing: -3px; line-height: 72px !important; margin-bottom: 30px; }

.about-bios > .col-container { max-width: 1410px !important; }

@media screen and (min-width: 480px) { .about-bios > .col-container { padding: 0 37.5px; } }

.about-bios .block-grid { margin: 0 !important; }

.about-bios .bio { padding: 40px 17px 25px 17px; }

@media screen and (min-width: 680px) { .about-bios .bio { padding: 45px 30px; } }

@media screen and (min-width: 960px) { .about-bios .bio { padding: 45px 37.5px; } }

.about-bios .bio-thumbnail { cursor: pointer; aspect-ratio: 3/2; }

.about-bios .bio-thumbnail img { object-fit: cover; border-radius: 10px; width: 100%; height: 100%; }

.about-bios .bio-name { font-size: 24px; letter-spacing: -0.8px; color: #fff; margin: 15px auto 5px auto; width: fit-content; cursor: pointer; }

.about-bios .bio-role { font-size: 18px; letter-spacing: -0.4px; color: #fff; opacity: 0.5; margin: 0 auto 25px auto; width: fit-content; cursor: pointer; }

.about-bios .bio-more { color: #0e8397; font-size: 14px; line-height: 24px; display: flex; align-items: center; gap: 12px; width: fit-content; margin: 0 auto; cursor: pointer; }

.about-bios .bio-more > span { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; border-bottom: 1px solid transparent; }

.about-bios .bio-more img { border-bottom: 1px solid transparent; }

.about-bios .bio-more:hover > span { border-bottom: 1px solid #0e8397; }

.about-bios .bio-modal { width: 95%; max-width: 1204px; max-height: 96%; padding: 50px 10px 20px 10px; border-radius: 10px; background-color: rgba(245, 245, 245, 0.9); box-shadow: 0px 9px 18px rgba(255, 255, 255, 0.2); border: none; cursor: auto; animation: fadein-modal 0.3s; transition: all 0.3s ease; overflow-y: overlay; }

@media screen and (min-width: 480px) { .about-bios .bio-modal { padding: 70px 50px; } }

@media screen and (min-width: 680px) { .about-bios .bio-modal { padding: 70px 35px; } }

@media screen and (min-width: 960px) { .about-bios .bio-modal { padding: 70px 70px; } }

@media screen and (min-width: 1140px) { .about-bios .bio-modal { padding: 55px 130px; } }

.about-bios .bio-modal::backdrop { background: #141414; opacity: 0.5; animation: fadein-backdrop 0.3s; transition: all 0.3s ease; }

.about-bios .bio-modal.closing { opacity: 0; }

.about-bios .bio-modal.closing.bio-modal::backdrop { opacity: 0; }

.about-bios .bio-modal-container { text-align: left; }

.about-bios .bio-modal-container .col { padding: 0 25px; }

.about-bios .bio-modal-container .col:first-child p:first-of-type { font-weight: 700; }

.about-bios .bio-modal-container .col:first-child p:last-of-type, .about-bios .bio-modal-container .col:last-child p { margin-bottom: 25px; }

.about-bios .bio-modal-container .col:first-child p:last-of-type, .about-bios .bio-modal-container .col:last-child p { font-family: "Work Sans Regular", "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.about-bios .bio-modal-container b { font-weight: 700 !important; }

.about-bios .bio-modal-container p { font-size: 18px; line-height: 28px; color: #3e474f; opacity: 0.75; letter-spacing: -0.4px; }

.about-bios .bio-modal-container h4 { margin-top: 0; font-size: 24px; letter-spacing: -0.8px; }

.about-bios .bio-modal-thumbnail { aspect-ratio: 1/1; margin: 10px 0 26px 0; }

@media screen and (min-width: 680px) { .about-bios .bio-modal-thumbnail { margin: 17px 0 26px 0; max-width: 400px; } }

.about-bios .bio-modal-thumbnail img { object-fit: cover; border-radius: 10px; width: 100%; height: 100%; }

@keyframes fadein-modal { from { opacity: 0; }
  to { opacity: 0.9; } }

@keyframes fadein-backdrop { from { opacity: 0; }
  to { opacity: 0.5; } }

.about-bios .bio-close-button { position: absolute; top: 15px; right: 20px; width: 35px; opacity: 0.2; cursor: pointer; }

@media screen and (min-width: 480px) { .about-bios .bio-close-button { top: 20px; right: 20px; width: 42px; } }

@media screen and (min-width: 680px) { .about-bios .bio-close-button { top: 33px; right: 33px; width: 50px; } }
.tdsp-button { outline: none; border: none; cursor: pointer; border-radius: 4px; text-transform: capitalize; padding-block: 15px; padding-inline: 23px; text-align: center; font-size: 16px; line-height: 19.2px; display: block; white-space: nowrap; }

@media screen and (min-width: 30rem) { .tdsp-button { font-size: 16px; } }

@media screen and (min-width: 42.5rem) { .tdsp-button { font-size: 16px; } }

@media screen and (min-width: 71.25rem) { .tdsp-button { font-size: 16px; } }

@media screen and (min-width: 30rem) { .tdsp-button { line-height: 19.2px; } }

@media screen and (min-width: 42.5rem) { .tdsp-button { line-height: 19.2px; } }

@media screen and (min-width: 71.25rem) { .tdsp-button { line-height: 19.2px; } }

.golden { color: #ECC148; }

.important { color: #ED1C24; }

.teal { color: #0E8397; }

.privacy-lock-icon { fill: #0E8397; width: 10px; height: 12px; margin-left: 10px; }

.jobs .content-section { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.jobs-header { margin-top: 0; padding-bottom: 0; background-image: none; background-color: #00a961; }

.jobs-header .hero-title h1, .jobs-header .hero-title h2 { color: #fff; }

.jobs-header .hero-title h1 { font-size: 32px; font-weight: 600; }

@media screen and (max-width: 969px) { .jobs-header .hero-title h1 { margin: 0 auto 20px; font-size: 25px; } }

@media screen and (min-width: 970px) { .jobs-header .hero-title h1 { margin: 0 auto 41px; } }

.jobs-header .button { margin-bottom: 65px; z-index: 2; }

.jobs-header svg { margin-bottom: -3px; }

@media screen and (max-width: 768px) { .jobs-header svg { margin-top: -40px; } }

@media screen and (min-width: 769px) { .jobs-header svg { margin-top: -100px; } }

.jobs-team { margin-top: 30px; }

.jobs-team figure { display: inline-block; margin: 5px; }

.jobs-team figure img { border-radius: 100%; }

.jobs-intro { margin-bottom: 30px; }

@media screen and (max-width: 969px) { .jobs-intro > .eight h1 { font-size: 25px; } }

.jobs-intro > .eight h2 { font-size: 28px; color: #55616c; margin: 0; }

@media screen and (max-width: 969px) { .jobs-intro > .eight h2 { font-size: 16px; } }

@media screen and (max-width: 969px) { .jobs-intro > .eight p { font-size: 12px; line-height: 14px; } }

.job-card { background: white; border-radius: 8px; margin: 10px auto; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); padding: 10px 25px; position: static; }

.job-card > a { display: block; height: 100%; }

.job-card h4 { margin-bottom: 0; }

.job-card .location { font-size: 14px; padding-bottom: 20px; }

@media screen and (max-width: 969px) { .text-centered p { font-size: 12px; line-height: 14px; } }

.jobs-cta { height: 294px; max-width: 984px; display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 80px; border-radius: 4px; padding: 20px 68px; background: url(/assets/views/landing_pages/career_toolbox_gradient-06757f5d4d06e5d6777979b7d57331f47a532a16505ecdba7d1f7f201a749b67.webp); }

@media screen and (max-width: 969px) { .jobs-cta { text-align: center; padding: 20px; } }

.jobs-cta-text h3 { color: #fff; font-size: 30px; }

@media screen and (max-width: 969px) { .jobs-cta-text h3 { font-size: 22px; } }

.jobs-cta-text p { color: #fff !important; font-size: 16px !important; line-height: 18px !important; }

@media screen and (max-width: 969px) { .jobs-cta-text p { font-size: 15px !important; line-height: 16px !important; } }

@media screen and (max-width: 679px) { .jobs-cta-text p { font-size: 12px !important; line-height: 14px !important; } }

.jobs-cta-text .button { background: #fff; color: #133EA2; width: 267px; height: 49px; font-size: 19px; line-height: 49px; border: none; padding-inline: 0; }

.jobs-cta-text .button:hover { background: #133EA2; color: white !important; }

@media screen and (max-width: 969px) { .jobs-cta-text .button { height: 40px; font-size: 16px; line-height: 40px; } }

@media screen and (max-width: 679px) { .jobs-cta-text .button { font-size: 14px; } }

.jobs-cta-badge { max-width: 200px; max-height: 218px; }

@media screen and (max-width: 969px) { .jobs-cta-badge { display: none; } }
.page-container { overflow: hidden; }

.page-container .scroll-card { opacity: 0; }

.page-container .animation-from-left { animation: slideInFromLeft 1s ease-out forwards; }

.page-container .animation-from-right { animation: slideInFromRight 1s ease-out forwards; }

.page-container ul { color: #1a2126; font-size: inherit; line-height: 1.6; list-style-position: outside; margin: 0 0 30px 20px; padding: 0; }

.page-container p { color: #1a2126; font-size: 16px; line-height: 1.6; margin-top: 10px; margin-bottom: 20px; }

@keyframes slideInFromLeft { 0% { transform: translateX(-100%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight { 0% { transform: translateX(100%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

.schools-using-treehouse { width: 100%; margin: 0 auto; }

.custom-desc-text-size { font-size: 1.64rem !important; }

#help-form { /* INPUT & TEXTAREA */ /* Select */ /* Uploader */ /* Select */ /* Uploader */ /* Select */ /* Uploader */ }

#help-form label { font-weight: 700; }

#help-form label .form-label-required { color: #be4a4a; }

#help-form .form-item { position: relative; margin-bottom: 13px; }

#help-form .form-item .input-text { margin-bottom: 0; }

#help-form .form-item label { position: absolute; top: 13px; right: 18px; left: 18px; line-height: 1.3; margin: 0; font-size: 14px; white-space: nowrap; cursor: text; color: #1a2126; z-index: 5; overflow: hidden; font-weight: 400; }

#help-form .form-item.form-item-inline label { white-space: normal; }

#help-form .form-item .radio-button-group label, #help-form .form-item .checkbox-group label { white-space: normal; position: unset; cursor: pointer; }

#help-form .form-item p { color: #2b363e; font-size: 14px; margin: 5px 0 0; line-height: 1.4; }

#help-form .form-item p label { position: relative; font-size: 14px; top: 2px; left: 0; }

#help-form .form-item p a { font-weight: 700; color: #1a2126; }

#help-form .form-item p a:hover { text-decoration: underline; }

#help-form .form-item.with-label-below { margin-bottom: 0; }

#help-form .form-item.with-label-below .input-text { margin-bottom: 0; }

#help-form .form-prefill .text { padding-left: 147px; }

#help-form .input-text, #help-form textarea { background: #e8ebed; margin: 0; font-size: 14px; color: #050708; width: 100%; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 12px 15px; outline: 0; border: 2px solid #e8ebed; -webkit-appearance: none; border-radius: 5px; box-shadow: 0; box-sizing: border-box; transition: .2s; }

#help-form .input-text::-webkit-input-placeholder, #help-form textarea::-webkit-input-placeholder { color: #1a2126; }

#help-form .input-text:-moz-placeholder, #help-form textarea:-moz-placeholder { color: #1a2126; }

#help-form .input-text::-moz-placeholder, #help-form textarea::-moz-placeholder { color: #1a2126; }

#help-form .input-text:-ms-input-placeholder, #help-form textarea:-ms-input-placeholder { color: #1a2126; }

#help-form .input-text .placeholder, #help-form textarea .placeholder { color: #1a2126; }

#help-form .input-text:focus, #help-form textarea:focus { background: #fff; border-color: #8a97a3; }

#help-form .input-text::-webkit-input-placeholder, #help-form textarea::-webkit-input-placeholder { color: #1a2126; }

#help-form .input-text { margin-bottom: 15px; }

#help-form .expanding-input { height: 45px; min-height: 0; resize: none; }

#help-form textarea { width: 100%; padding: 11px 15px; margin: 0; min-height: 155px; display: block; line-height: 1.5; font-weight: 400; transition: height .4s, .2s; }

#help-form textarea.embed-code { font-family: Courier, "Helvetica Neue", Helvetica, Arial, sans-serif; }

#help-form .add-field { font-weight: 700; font-size: 14px; margin: 0 0 10px; color: #1a2126; display: inline-block; }

#help-form .add-field:hover { color: #1a2126; }

#help-form .remove-field { position: absolute; width: 24px; top: 10px; right: 10px; bottom: 10px; background: #b7c0c7 url("/assets/icons/icon-close-white-fbecdc3dae6799b96eee1dc532cd14701a8193754c83b3a5a95dd46ec154bb0d.svg") no-repeat center; background-size: 12px 12px; overflow: hidden; text-indent: -9999px; border-radius: 3px; }

#help-form .remove-field:hover { background-color: #be4a4a; }

#help-form .form-element { background: #e8ebed; border: 2px solid #e8ebed; font-weight: 400; color: #1a2126; line-height: 1; display: block; border-radius: 5px; }

#help-form .form-element span { padding: 14px 50px 13px 13px; overflow: visible; font-size: 14px; font-weight: 700; }

#help-form .form-element select { /* change these to adjust positioning of select element */ top: 0px; left: 0px; width: 100%; }

#help-form .form-element:active, #help-form .form-element:focus, #help-form .form-element.active, #help-form .form-element.focus { border-color: #e8ebed; background: #fff; }

#help-form .form-element:active:after, #help-form .form-element:focus:after, #help-form .form-element.active:after, #help-form .form-element.focus:after { background-color: #1a2126; }

#help-form div.form-element:after { background: #b7c0c7 url("/assets/icons/icon-select-51601cb6198c7cd20126d036b213e0cde1b06ad6f9b8a4f8f6b2fc6eae40f0ed.svg") no-repeat center; content: ""; position: absolute; right: 3px; top: 3px; bottom: 3px; width: 30px; border-radius: 3px; }

#help-form .form-element-inline .form-element { margin-right: 10px; display: inline-block; }

#help-form .uploader { margin-bottom: 15px; }

#help-form .uploader .button { float: left; margin-right: 10px; margin-bottom: 0; }

#help-form .uploader .filename { cursor: pointer; line-height: 40px; font-size: 14px; color: #2b363e; }

#help-form div.form-element span { cursor: pointer; }

#help-form div.form-element.disabled span { color: #bbb; }

#help-form .uploader { cursor: pointer; }

#help-form .form-element, #help-form .uploader { vertical-align: middle; zoom: 1; }

#help-form .form-element select:focus, #help-form .radio input:focus, #help-form .checker input:focus, #help-form .uploader input:focus { outline: 0; }

#help-form .form-element { position: relative; overflow: hidden; }

#help-form .form-element span { display: block; text-overflow: ellipsis; white-space: nowrap; min-height: 14px; }

#help-form .form-element select { position: absolute; top: 0; bottom: 0; opacity: 0; border: none; background: none; z-index: 1; }

#help-form .uploader { position: relative; cursor: default; }

#help-form .uploader span.filename { display: inline-block; text-overflow: ellipsis; word-break: break-all; cursor: default; }

#help-form .uploader input { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border: none; cursor: default; z-index: 1; cursor: pointer; }

#help-form .message { padding: 15px; margin-bottom: 10px; border-radius: 5px; }

#help-form .message p { font-size: 14px; margin-bottom: 0 !important; }

#help-form .message.error { background: #be4a4a; }

#help-form .message.error p { color: #fff !important; font-size: 14px !important; }

#help-form .message.waiting { text-align: center; }

#help-form .form-item .error-message, #help-form .form-item .warning-message { color: #fff !important; margin: 0; font-size: 14px !important; font-weight: 700; color: #fff !important; display: flex; white-space: pre-wrap; background: #be4a4a; padding: 7px 14px; line-height: 1.3; border-radius: 0 0 5px 5px; }

#help-form .form-item .error-message a, #help-form .form-item .warning-message a { color: #fff !important; }

#help-form .form-item .error-message svg, #help-form .form-item .warning-message svg { fill: #fff; width: 20px; margin-right: 8px; }

#help-form .form-item.error input { border: solid 2px #be4a4a; border-radius: 5px 5px 0 0; }

#help-form .form-item.error .radio-button-group { border: solid 2px #be4a4a; border-radius: 5px 5px 0px 0px; padding-top: 2px; }

#help-form .form-item .warning-message { background: #bf570f; }

#help-form .form-item .field_with_errors input { border: solid 2px #be4a4a; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

#help-form .form-item .field_with_warnings input { border: solid 2px #bf570f; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

#help-form .form-item input.email.field_with_errors, #help-form .form-item input.password.field_with_errors, #help-form .form-item input.form-element.field_with_errors, #help-form .form-item input.text.field_with_errors, #help-form .form-item textarea.form-element.field_with_errors, #help-form .form-item .form-element.field_with_errors { border-color: #be4a4a; border-bottom: 0px; background-color: #f4e0e0; border-radius: 5px 5px 0 0 !important; }

#help-form .form-item .field_with_errors label, #help-form .form-item .field_with_errors label span { color: 14px; }

#help-form textarea.field_with_errors { border-color: #be4a4a; background-color: #f4e0e0; }

#help-form .text.field_with_errors { border-color: #be4a4a; background-color: #f4e0e0; }

#help-form label.disabled { cursor: not-allowed; }

#help-form label.disabled p { color: #000; }

#help-form input[disabled] { cursor: not-allowed; opacity: 50%; }

#help-form fieldset { padding: 0 0 5px; margin-bottom: 18px; border-bottom: 1px solid #edeff0; }

#help-form fieldset label { font-size: 14px; margin-bottom: 10px; display: block; }

#help-form fieldset label input { margin: -2px 3px 0 0; }

#help-form fieldset p label { font-size: 14px; }

#help-form fieldset h4 { font-size: 14px; margin: 0 0 10px; }

#help-form fieldset .button { margin-bottom: 15px; }

#help-form fieldset .grid-25 label, #help-form fieldset .grid-25 strong, #help-form fieldset .grid-20 label, #help-form fieldset .grid-20 strong { font-weight: 700; display: block; font-size: 14px; margin: 10px 15px 10px 0; }

#help-form fieldset .grid-25 strong, #help-form fieldset .grid-20 strong { margin-bottom: 3px; }

#help-form fieldset .grid-25 p, #help-form fieldset .grid-20 p { font-size: 12px; color: #2b363e; line-height: 1.3; margin-bottom: 15px; }

#help-form .upload-field-profile { float: left; margin: 0 20px 10px -100px; background-size: cover; }

#help-form .upload-field-profile-container { padding-left: 110px; }

#help-form .upload-field-profile-container:before, #help-form .upload-field-profile-container:after { content: " "; display: table; }

#help-form .upload-field-profile-container:after { clear: both; }

#help-form .upload-field-profile-container .uploader { margin: 15px 0 10px; overflow: hidden; }

#help-form .upload-field-profile-container p { font-size: 14px; color: #2b363e; margin-bottom: 10px; line-height: 1.5; }

#help-form .upload-field-profile-container a { font-weight: 700; color: #1a2126; }

#help-form .upload-field-profile-container a:hover { color: #101417; }

#help-form .textarea-title textarea.form-element { height: 45px; min-height: 0; padding: 11px 15px; resize: none; }

#help-form .form-footer { margin-bottom: -10px; width: 100%; display: inline-block; }

#help-form .form-footer:before, #help-form .form-footer:after { content: " "; display: table; }

#help-form .form-footer:after { clear: both; }

#help-form .form-footer .button { margin: 0 10px 10px 0; float: left; }

#help-form .form-footer .button.button-right { float: right; }

#help-form .form-footer.text-centered .button { float: none; margin-right: 0; }

#help-form .form-footer p { color: #1a2126; font-size: 13px; line-height: 1.4; padding: 13px 0 0; margin: 0 !important; display: inline-block; }

#help-form .form-footer p button { margin-top: -13px; padding: 9px 12px; }

#help-form .form-footer .input-checkbox { margin-top: -2px; }

#help-form .form-footer label { font-size: 14px; }

@media screen and (max-width: 679px) { #help-form .form-footer { margin-bottom: 0; } }

#help-form .form-item-inline { padding-left: 20px; }

#help-form .form-item-inline .input-checkbox, #help-form .form-item-inline .input-radio { float: left; margin: 2px 0 0 -20px; }

#help-form .form-item-inline label, #help-form .form-item-inline strong { position: relative; top: 0; left: 0; font-size: 14px; font-weight: 700; color: #1a2126; display: inline-block; }

#help-form .form-item-inline strong a { color: #1a2126; }

#help-form .credit-card-chosen .form-element { margin-bottom: 5px; }
.pages-support-hero { text-align: left; overflow: visible; }

.application-layout .pages-support-hero { background: #f9fafa; margin-top: 70px; }

.marketing-layout .pages-support-hero .container { padding-top: 0; padding-bottom: 0; }

.pages-support-hero-title { margin: 0 0 40px; }

.pages-support-hero-cta { margin: 20px 0 40px; }

.pages-support-faq { border-radius: 4px; }

@media screen and (min-width: 970px) { .pages-support-faq { padding: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .pages-support-faq { padding: 20px; } }

@media screen and (max-width: 679px) { .pages-support-faq { padding: 15px; } }

@media screen and (min-width: 970px) { .pages-support-faq { margin-bottom: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .pages-support-faq { margin-bottom: 20px; } }

@media screen and (max-width: 679px) { .pages-support-faq { margin-bottom: 15px; } }

.marketing-layout .pages-support-faq { border: solid 2px #e9f0f3; }

.application-layout .pages-support-faq { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); background: #fff; }

.pages-support-faq-heading { margin: 70px 0 20px; }

.pages-support-faq-section-heading { margin: 0 0 35px; }

@media screen and (min-width: 680px) { .pages-support-faq-section-heading { font-size: 26px; } }

@media screen and (max-width: 679px) { .pages-support-faq-section-heading { font-size: 22px; } }

.pages-support-faq-title { margin: 0 0 10px; line-height: 1.5; }

@media screen and (min-width: 680px) { .pages-support-faq-title { font-size: 16px; } }

@media screen and (max-width: 679px) { .pages-support-faq-title { font-size: 14px; } }

.hero .pages-support-faq-title { font-size: 18px; }

.pages-support-faq-description { margin-bottom: 0; line-height: 1.5; }

@media screen and (min-width: 680px) { .pages-support-faq-description { font-size: 16px; } }

@media screen and (max-width: 679px) { .pages-support-faq-description { font-size: 14px; } }

.hero .pages-support-faq-description { color: #050708; }
.schools-action-classroom { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }

.schools-action .circle-link-text { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; }

.schools-action-header { background-color: #39ADD1; background-image: none; overflow: hidden; position: relative; text-align: left; padding: 60px 0; }

.schools-action-hero-subheader { color: #fff; font-size: 18px; line-height: 1.5; margin-bottom: 35px; }

.schools-action-hero-contained { box-shadow: 0 0 0; background-color: rgba(255, 255, 255, 0.2); color: #fff; padding: 32px 36px; font-size: 14px; line-height: 1.8; }

.schools-action-hero-contained > .button { margin-top: 20px; }

.schools-action-hero-heading { color: #fff; line-height: 1.2; margin-bottom: 15px; }

.schools-action-hero-info { position: relative; z-index: 3; }

.schools-action .schools-action-clouds, .schools-action .schools-action-devices { -webkit-animation: clouds 20s; -moz-animation: clouds 20s; animation: clouds 20s; background-size: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

.schools-action-clouds { background: url(/assets/views/pages/schools/header-clouds-3c2c886ea6f24cdcb4d90d8b8789aaf1590c7948f9fda28b85bfad267a9dacb1.svg) repeat 0 0; }

.schools-action-devices { background: url(/assets/views/pages/schools/header-devices-cd7161f6a5d8b2a50b3cfe7bff5a769cf26cdc0f1b288af965f508c9ae87f05d.svg) repeat 0 0; }

.schools-action-super-hero { -webkit-animation: hero 5s 4 ease-in-out; -moz-animation: hero 5s 4 ease-in-out; animation: hero 5s 4 ease-in-out; position: relative; z-index: 2; }

@media screen and (max-width: 767px) { .schools-action-super-hero { display: none; } }

.schools-action-classroom { background-color: #f6f9fa; border-left: none; border-radius: 5px; color: rgba(85, 94, 106, 0.8); font-size: 16px; font-style: normal; line-height: 1.6; margin: 0 0 30px 0; padding: 50px 40px 50px 40px; position: relative; box-shadow: 0 3px 0 #dce8ed; background-color: #f6f9fa; background-position: center top; background-repeat: repeat-x; background-image: url(/assets/shared/rainbow-border-72c7425d4d0c4baf0b4b5a88ccb670a4f4fcebe780b24f0df034003f57f7fe52.png); background-size: 100% 8px; margin-top: 80px; margin-bottom: 80px; }

@media screen and (max-width: 767px) { .schools-action-classroom { margin-top: 0; } }

.schools-action-classroom h3 { margin-top: 40px; margin-bottom: 35px; line-height: 1.4; }

.schools-action-classroom h4 { margin-bottom: 20px; }

.schools-action-classroom p { margin-bottom: 50px; font-style: normal; }

.schools-action-classroom p.note { margin-top: 10px; margin-bottom: 60px; font-style: italic; font-size: 13px; line-height: 1.3; }

.schools-action-animation.activated .lava-bubble-a { -webkit-animation: bubble_a 8s 0s 1 ease-in; -moz-animation: bubble_a 8s 0s 1 ease-in; animation: bubble_a 8s 0s 1 ease-in; }

.schools-action-animation.activated .lava-bubble-b { -webkit-animation: bubble_b 6s 0 1 ease-in; -moz-animation: bubble_b 6s 0 1 ease-in; animation: bubble_b 6s 0 1 ease-in; }

.schools-action-animation.activated .lava-bubble-c { -webkit-animation: bubble_c 7s 0s 1 ease-in; -moz-animation: bubble_c 7s 0s 1 ease-in; animation: bubble_c 7s 0s 1 ease-in; }

.schools-action-animation.activated .lava-bubble-d { -webkit-animation: bubble_d 6s 0 1 ease-in; -moz-animation: bubble_d 6s 0 1 ease-in; animation: bubble_d 6s 0 1 ease-in; }

.schools-action-animation.activated .lava-bubble-e { -webkit-animation: bubble_e 5s 0s 1 ease-in; -moz-animation: bubble_e 5s 0s 1 ease-in; animation: bubble_e 5s 0s 1 ease-in; }

.schools-action-animation.activated .lava-bubble-f { -webkit-animation: bubble_f 8s 1.5s 10 ease-in; -moz-animation: bubble_f 8s 1.5s 10 ease-in; animation: bubble_f 8s 1.5s 10 ease-in; }

.schools-action-animation.activated .lava-bubble-g { -webkit-animation: bubble_g 6s 2.5s 10 ease-in; -moz-animation: bubble_g 6s 2.5s 10 ease-in; animation: bubble_g 6s 2.5s 10 ease-in; }

.schools-action-animation.activated .lava-bubble-h { -webkit-animation: bubble_h 7s 3s 10 ease-in; -moz-animation: bubble_h 7s 3s 10 ease-in; animation: bubble_h 7s 3s 10 ease-in; }

.schools-action-animation.activated .lava-bubble-i { -webkit-animation: bubble_i 6s 3.5s 10 ease-in; -moz-animation: bubble_i 6s 3.5s 10 ease-in; animation: bubble_i 6s 3.5s 10 ease-in; }

.schools-action-animation.activated .lava-bubble-j { -webkit-animation: bubble_j 5s 2s 10 ease-in; -moz-animation: bubble_j 5s 2s 10 ease-in; animation: bubble_j 5s 2s 10 ease-in; }

.schools-action .circle-link:first-child .circle-link-container { float: right; }

@media screen and (max-width: 767px) { .schools-action .circle-link:first-child .circle-link-container { float: none; } }

.schools-action .circle-link:last-child .circle-link-container { float: left; }

@media screen and (max-width: 767px) { .schools-action .circle-link:last-child .circle-link-container { float: none; } }

.schools-action .circle-link-container { display: inline-block; opacity: 1; transition: opacity 200ms ease-in-out; }

.schools-action .circle-link-anchor { display: block; }

.schools-action .circle-link-img { width: 150px; position: relative; z-index: 2; border-radius: 150px; }

.schools-action .circle-link-text { transition: color 200ms ease-in-out; color: #A9B2B5; display: block; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; margin-top: 5px; }

.schools-action .circle-link:hover, .schools-action .circle-link:focus { opacity: 0.8; }

.schools-action .row.indented { margin-bottom: 85px; align-items: center; }

@media screen and (max-width: 767px) { .schools-action .row.indented { display: block; text-align: center; }
  .schools-action .row.indented svg { margin-bottom: 30px; width: 50%; }
  .schools-action .row.indented svg.svg-desk { width: 100%; } }

@media screen and (min-width: 768px) { .schools-action .row.indented { max-width: 860px; display: flex; } }

.schools-action .row.indented .six + .six p { padding-left: 45px; }

@media screen and (max-width: 767px) { .schools-action .row.indented .six + .six p { padding-left: 0; } }

.schools-action .row.indented .six.push-six svg { padding-left: 45px; }

@media screen and (max-width: 767px) { .schools-action .row.indented .six.push-six svg { padding-left: 0; } }

.schools-action .row.indented .six + .six.pull-six p { padding-left: 0; padding-right: 45px; }

@media screen and (max-width: 767px) { .schools-action .row.indented .six + .six.pull-six p { padding-right: 0; } }

.schools-action .row.indented .six p, .schools-action .row.indented .six svg { position: relative; -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 250ms ease-in; opacity: 0; }

@media screen and (max-width: 520px) { .schools-action .row.indented .six p, .schools-action .row.indented .six svg { opacity: 1; } }

.schools-action .row.indented .six img, .schools-action .row.indented .six svg { left: -100px; }

@media screen and (max-width: 520px) { .schools-action .row.indented .six img, .schools-action .row.indented .six svg { left: 0; } }

.schools-action .row.indented .six p { right: -100px; }

@media screen and (max-width: 520px) { .schools-action .row.indented .six p { right: 0; } }

.schools-action .row.indented.activated .six img, .schools-action .row.indented.activated .six p, .schools-action .row.indented.activated .six svg { opacity: 1; }

.schools-action .row.indented.activated .six img, .schools-action .row.indented.activated .six svg { left: 0; }

.schools-action .row.indented.activated .six p { right: 0; }

.schools-action .secondary-content { padding-top: 100px; overflow: hidden; }

@media screen and (max-width: 767px) { .schools-action .secondary-content { padding-top: 40px; } }

.schools-action .secondary-content h3 { margin-bottom: 90px; }

.schools-action .secondary-content p { font-size: 14px; line-height: 1.8; }

.schools-action .video-container { border-radius: 5px; }

.schools-action .svg-desk { height: 184px; width: 100%; }

.ie .super-hero { height: 100%; }

@-webkit-keyframes clouds { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-200px, 0, 0);
    -moz-transform: translate(-200px, 0, 0);
    -webkit-transform: translate(-200px, 0, 0);
    transform: translate(-200px, 0, 0); } }

@-moz-keyframes clouds { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-200px, 0, 0);
    -moz-transform: translate(-200px, 0, 0);
    -webkit-transform: translate(-200px, 0, 0);
    transform: translate(-200px, 0, 0); } }

@keyframes clouds { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-200px, 0, 0);
    -moz-transform: translate(-200px, 0, 0);
    -webkit-transform: translate(-200px, 0, 0);
    transform: translate(-200px, 0, 0); } }

@-webkit-keyframes devices { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-50px, 0, 0);
    -moz-transform: translate(-50px, 0, 0);
    -webkit-transform: translate(-50px, 0, 0);
    transform: translate(-50px, 0, 0); } }

@-moz-keyframes devices { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-50px, 0, 0);
    -moz-transform: translate(-50px, 0, 0);
    -webkit-transform: translate(-50px, 0, 0);
    transform: translate(-50px, 0, 0); } }

@keyframes devices { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-50px, 0, 0);
    -moz-transform: translate(-50px, 0, 0);
    -webkit-transform: translate(-50px, 0, 0);
    transform: translate(-50px, 0, 0); } }

@-webkit-keyframes hero { 0% { -ms-transform: translate(-50px, 10px, 0);
    -moz-transform: translate(-50px, 10px, 0);
    -webkit-transform: translate(-50px, 10px, 0);
    transform: translate(-50px, 10px, 0); }
  50% { -ms-transform: translate(-50px, 20px, 0);
    -moz-transform: translate(-50px, 20px, 0);
    -webkit-transform: translate(-50px, 20px, 0);
    transform: translate(-50px, 20px, 0); }
  100% { -ms-transform: translate(-50px, 10px, 0);
    -moz-transform: translate(-50px, 10px, 0);
    -webkit-transform: translate(-50px, 10px, 0);
    transform: translate(-50px, 10px, 0); } }

@-moz-keyframes hero { 0% { -ms-transform: translate(-50px, 10px, 0);
    -moz-transform: translate(-50px, 10px, 0);
    -webkit-transform: translate(-50px, 10px, 0);
    transform: translate(-50px, 10px, 0); }
  50% { -ms-transform: translate(-50px, 20px, 0);
    -moz-transform: translate(-50px, 20px, 0);
    -webkit-transform: translate(-50px, 20px, 0);
    transform: translate(-50px, 20px, 0); }
  100% { -ms-transform: translate(-50px, 10px, 0);
    -moz-transform: translate(-50px, 10px, 0);
    -webkit-transform: translate(-50px, 10px, 0);
    transform: translate(-50px, 10px, 0); } }

@keyframes hero { 0% { -ms-transform: translate(-50px, 10px, 0);
    -moz-transform: translate(-50px, 10px, 0);
    -webkit-transform: translate(-50px, 10px, 0);
    transform: translate(-50px, 10px, 0); }
  50% { -ms-transform: translate(-50px, 20px, 0);
    -moz-transform: translate(-50px, 20px, 0);
    -webkit-transform: translate(-50px, 20px, 0);
    transform: translate(-50px, 20px, 0); }
  100% { -ms-transform: translate(-50px, 10px, 0);
    -moz-transform: translate(-50px, 10px, 0);
    -webkit-transform: translate(-50px, 10px, 0);
    transform: translate(-50px, 10px, 0); } }

@-webkit-keyframes bubble_a { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(5px, -48px, 0);
    -moz-transform: translate(5px, -48px, 0);
    -webkit-transform: translate(5px, -48px, 0);
    transform: translate(5px, -48px, 0); } }

@-moz-keyframes bubble_a { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(5px, -48px, 0);
    -moz-transform: translate(5px, -48px, 0);
    -webkit-transform: translate(5px, -48px, 0);
    transform: translate(5px, -48px, 0); } }

@keyframes bubble_a { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(5px, -48px, 0);
    -moz-transform: translate(5px, -48px, 0);
    -webkit-transform: translate(5px, -48px, 0);
    transform: translate(5px, -48px, 0); } }

@-webkit-keyframes bubble_b { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px); } }

@-moz-keyframes bubble_b { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px); } }

@keyframes bubble_b { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px); } }

@-webkit-keyframes bubble_c { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-moz-keyframes bubble_c { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes bubble_c { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes bubble_d { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-4px, -38px, 0);
    -moz-transform: translate(-4px, -38px, 0);
    -webkit-transform: translate(-4px, -38px, 0);
    transform: translate(-4px, -38px, 0); } }

@-moz-keyframes bubble_d { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-4px, -38px, 0);
    -moz-transform: translate(-4px, -38px, 0);
    -webkit-transform: translate(-4px, -38px, 0);
    transform: translate(-4px, -38px, 0); } }

@keyframes bubble_d { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-4px, -38px, 0);
    -moz-transform: translate(-4px, -38px, 0);
    -webkit-transform: translate(-4px, -38px, 0);
    transform: translate(-4px, -38px, 0); } }

@-webkit-keyframes bubble_e { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-moz-keyframes bubble_e { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes bubble_e { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-webkit-keyframes bubble_f { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(5px, -65px, 0);
    -moz-transform: translate(5px, -65px, 0);
    -webkit-transform: translate(5px, -65px, 0);
    transform: translate(5px, -65px, 0); } }

@-moz-keyframes bubble_f { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(5px, -65px, 0);
    -moz-transform: translate(5px, -65px, 0);
    -webkit-transform: translate(5px, -65px, 0);
    transform: translate(5px, -65px, 0); } }

@keyframes bubble_f { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(5px, -65px, 0);
    -moz-transform: translate(5px, -65px, 0);
    -webkit-transform: translate(5px, -65px, 0);
    transform: translate(5px, -65px, 0); } }

@-webkit-keyframes bubble_g { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@-moz-keyframes bubble_g { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@keyframes bubble_g { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@-webkit-keyframes bubble_h { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@-moz-keyframes bubble_h { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@keyframes bubble_h { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@-webkit-keyframes bubble_i { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-4px, -65px, 0);
    -moz-transform: translate(-4px, -65px, 0);
    -webkit-transform: translate(-4px, -65px, 0);
    transform: translate(-4px, -65px, 0); } }

@-moz-keyframes bubble_i { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-4px, -65px, 0);
    -moz-transform: translate(-4px, -65px, 0);
    -webkit-transform: translate(-4px, -65px, 0);
    transform: translate(-4px, -65px, 0); } }

@keyframes bubble_i { 0% { -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); }
  100% { -ms-transform: translate(-4px, -65px, 0);
    -moz-transform: translate(-4px, -65px, 0);
    -webkit-transform: translate(-4px, -65px, 0);
    transform: translate(-4px, -65px, 0); } }

@-webkit-keyframes bubble_j { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@-moz-keyframes bubble_j { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }

@keyframes bubble_j { 0% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -ms-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px); } }
@charset "UTF-8";
.degrees-index-form.form-inverse .error-message { padding: 12px 18px; background: #ed5a5a; border-radius: 0 0 4px 4px; color: white !important; }

.degrees-index-form-item { margin: 0; }

.degrees-index-form-col { margin: 0 10px; }

.degrees-index-form-input { font-size: 16px; height: 50px; border-radius: 4px !important; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15); border: none !important; margin: 0 0 10px !important; background: #fff; transition: opacity 300ms 0s ease; }

.degrees-index-form-input:not(:focus) { opacity: 0.9; }

.field_with_errors .degrees-index-form-input { box-shadow: 0 0 0 2px #ed5a5a; opacity: 1; }

.degrees-index-form-input-group { margin: 0 -5px; }

.degrees-index-form-input-group:before, .degrees-index-form-input-group:after { content: " "; display: table; }

.degrees-index-form-input-group:after { clear: both; }

.degrees-index-form-input-col { padding: 0 5px; float: left; width: 50%; }

.degrees-index-form-button { background: #387BC9; border-color: #387BC9; width: 100%; }

.degrees-index-form .error-message { margin: -14px -2px 10px; padding-top: 10px; border-radius: 0 0 4px 4px; }

@media screen and (min-width: 900px) { .degrees-index-mission .degrees-index-heading-container { text-align: left; width: 47.5%; float: left; margin-right: 2.5%; } }

.degrees-index-degrees .degrees-index-heading-container, .degrees-index-features .degrees-index-heading-container, .degrees-index-teachers .degrees-index-heading-container, .degrees-index-enroll .degrees-index-heading-container, .degrees-index-faqs .degrees-index-heading-container { max-width: 760px; margin: 0 auto 60px; text-align: center; }

.degrees-index-hero-content .degrees-index-heading, .degrees-index-enroll .degrees-index-heading { color: #fff; }

.degrees-index-hero-content .degrees-index-heading { font-size: 40px; line-height: 50px; margin: 0; }

.form-showing .degrees-index-hero-content .degrees-index-heading { line-height: 48px; }

@media screen and (min-width: 680px) { .degrees-index-hero-content .degrees-index-heading { max-width: 500px; } }

.degrees-index-mission .degrees-index-heading, .degrees-index-degrees .degrees-index-heading, .degrees-index-features .degrees-index-heading, .degrees-index-teachers .degrees-index-heading, .degrees-index-enroll .degrees-index-heading, .degrees-index-faqs .degrees-index-heading { margin-top: 0; font-size: 30px; margin-bottom: 20px; line-height: 1.3; }

.degrees-index-features-content .degrees-index-sub-heading, .degrees-index-features-network .degrees-index-sub-heading, .degrees-index-faqs .degrees-index-sub-heading { font-size: 26px; margin-bottom: 20px; margin-top: 0; }

.degrees-index-hero-content .degrees-index-description, .degrees-index-enroll .degrees-index-description { color: rgba(255, 255, 255, 0.9); }

.degrees-index-hero-content .degrees-index-description { font-size: 20px; line-height: 30px; margin-top: 20px; }

.form-showing .degrees-index-hero-content .degrees-index-description { margin-top: 10px; }

@media screen and (min-width: 680px) { .degrees-index-hero-content .degrees-index-description { max-width: 400px; } }

.degrees-index-features .degrees-index-description, .degrees-index-degrees .degrees-index-description, .degrees-index-enroll .degrees-index-description { font-size: 18px; line-height: 34px; }

.degrees-index-mission .degrees-index-description, .degrees-index-features-network-content .degrees-index-description, .degrees-index-features-projects .degrees-index-description, .degrees-index-features-code .degrees-index-description, .degrees-index-features-curriculum .degrees-index-description, .degrees-index-teachers .degrees-index-description, .degrees-index-faqs .degrees-index-description { font-size: 16px; line-height: 30px; }

.degrees-index-mission .degrees-index-description, .degrees-index-degrees .degrees-index-description, .degrees-index-features .degrees-index-description, .degrees-index-teachers .degrees-index-description { color: #2b363e; }

.degrees-index-cta-button { background: #387BC9; border-color: #387BC9; color: #fff; font-size: 16px; line-height: 42px; height: 46px; padding: 0 30px; margin: 15px 0; z-index: 5; }

.degrees-index-hero-content .degrees-index-cta-button { height: 50px; line-height: 46px; }

.degrees-index-cta-link { font-weight: 500; font-size: 16px; }

.degrees-index-cta-link-arrow { fill: #3f8abf; vertical-align: middle; margin-top: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }

.degrees-index-cta-link:hover svg { margin-left: 5px; fill: #326e99; }

.degrees-index-hero { position: relative; background: #384047 url(/assets/views/degrees/index/degrees-hero-7d4053a3513bf0e2ccf0fcb4dd0b41f2362f25027b3e8f571661c8be7268ec8c.jpg) no-repeat !important; position: relative !important; height: auto; margin: 0 !important; padding: 0 !important; border-bottom: none !important; }

@media screen and (max-width: 679px) { .degrees-index-hero { background-size: cover !important; } }

@media screen and (min-width: 680px) { .degrees-index-hero { background-size: cover !important; } }

@media screen and (max-width: 679px) { .degrees-index-hero { background-position: 80% 30% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-hero { background-position: 55% top !important; } }

@media screen and (min-width: 970px) { .degrees-index-hero { background-position: center 30% !important; } }

.degrees-index-hero:before { content: ""; opacity: 0.5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(left, #0B1523, #0b1523 40%, rgba(11, 21, 35, 0)); background-image: linear-gradient(to right, #0B1523, #0b1523 40%, rgba(11, 21, 35, 0)); z-index: 0; }

.degrees-index-hero:after { content: ""; z-index: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(rgba(12, 23, 36, 0), rgba(12, 23, 36, 0) 60%, #0C1724); background-image: linear-gradient(rgba(12, 23, 36, 0), rgba(12, 23, 36, 0) 60%, #0C1724); }

.degrees-index-hero-content { position: relative; z-index: 3; }

@media screen and (max-width: 679px) { .degrees-index-hero-content { max-width: 440px; } }

@media screen and (min-width: 680px) { .degrees-index-hero-content { max-width: 390px; } }

@media screen and (min-width: 680px) { .degrees-index-hero-content { text-align: left; } }

@media screen and (max-width: 679px) { .degrees-index-hero-content { margin: 0 auto; } }

@media screen and (max-width: 679px) { .degrees-index-hero-content-container { margin: 40px auto; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-hero-content-container { margin: 60px auto; } }

@media screen and (min-width: 970px) { .degrees-index-hero-content-container { margin: 100px auto; } }

.form-showing .degrees-index-hero-content-container { margin: 0 auto; }

.degrees-index-hero-quote { position: relative; z-index: 5; }

.degrees-index-hero-quote:before, .degrees-index-hero-quote:after { content: " "; display: table; }

.degrees-index-hero-quote:after { clear: both; }

.degrees-index-hero-quote-hr { border-color: rgba(255, 255, 255, 0.1); margin: 30px 0; }

.degrees-index-hero-quote-content { background: transparent; border: none; color: #fff; font-size: 20px; position: relative; padding: 0; }

@media screen and (max-width: 679px) { .degrees-index-hero-quote-content { margin-bottom: 30px; } }

@media screen and (min-width: 680px) { .degrees-index-hero-quote-content { margin-left: 245px; font-size: 16px; top: 35px; } }

.degrees-index-hero-quote-content:before { content: "“"; opacity: 0.1; font-size: 144px; margin-left: -36px; position: absolute; top: -60px; left: 50%; }

.degrees-index-hero-quote-cite { font-size: 16px; }

@media screen and (min-width: 680px) { .degrees-index-hero-quote-cite { font-size: 14px; } }

.degrees-index-hero-quote-img { max-width: 100%; border-radius: 4px; }

@media screen and (max-width: 679px) { .degrees-index-hero-quote-img { width: 230px; max-width: initial; } }

.degrees-index-hero-quote-img-container { text-align: center; max-width: 215px; margin: 0 auto; }

@media screen and (max-width: 679px) { .degrees-index-hero-quote-img-container { border-radius: 100%; width: 100px; height: 100px; overflow: hidden; } }

@media screen and (min-width: 680px) { .degrees-index-hero-quote-img-container { width: 215px; float: left; } }

.degrees-index-mission { background: #fff; }

@media screen and (max-width: 900px) { .degrees-index-mission { text-align: center; } }

.degrees-index-mission .container { padding-top: 80px; padding-bottom: 80px; }

@media screen and (min-width: 900px) { .degrees-index-mission-image { float: right; width: 47.5%; margin-left: 2.5%; } }

.degrees-index-mission-image img { max-width: 100%; border-radius: 4px; margin-bottom: -30px; }

@media screen and (max-width: 900px) { .degrees-index-mission-image img { max-width: 70%; margin: 0 auto 30px; } }

@media screen and (max-width: mobile-max) { .degrees-index-mission-image img { max-width: 80%; } }

.degrees-index-degrees { background: #edeff0; text-align: center; }

.degrees-index-degrees .container { padding-top: 80px; padding-bottom: 80px; }

.degrees-index-degrees-grid-item { text-align: center; background: #fff; border-radius: 4px; margin-bottom: 30px; padding: 30px 20px; position: relative; }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-degrees-grid-item { height: 260px; width: 48.5%; float: left; margin: 15px 1.5%; }
  .degrees-index-degrees-grid-item:nth-child(odd) { margin-left: 0; }
  .degrees-index-degrees-grid-item:nth-child(even) { margin-right: 0; } }

@media screen and (min-width: 970px) { .degrees-index-degrees-grid-item { height: 375px; width: 33%; float: none; margin: 15px 1.5%; } }

@media screen and (min-width: 970px) { .degrees-index-degrees-grid-item { height: 275px; } }

.degrees-index-degrees-grid-item-title { margin-top: 0; }

.degrees-index-degrees-grid-item-description { margin-top: 15px; font-size: 14px; }

.degrees-index-degrees-grid-item-button { border-radius: 4px; color: #fff; font-weight: 500; padding: 10px 15px; font-size: 14px; line-height: 24px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }

@media screen and (min-width: 680px) { .degrees-index-degrees-grid-item-button { position: absolute; right: 30px; bottom: 30px; left: 30px; } }

.degrees-index-degrees-grid-item-button:hover { background-color: #387BC9; color: #fff; }

.degrees-index-degrees-grid-item-textlink { font-weight: 500; white-space: nowrap; display: block; padding-top: 10px; }

.degrees-index-degrees-grid-item-textlink svg { vertical-align: middle; fill: #2b363e; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }

.degrees-index-degrees-grid-item-link { color: #2b363e; }

.degrees-index-degrees-grid-item-link:hover { color: #1a2126; }

.degrees-index-degrees-grid-item-link:hover .degrees-index-degrees-grid-item-textlink svg { margin-left: 5px; fill: #1a2126; }

.degrees-index-features { background: #fff; }

.degrees-index-features .container { padding-top: 80px; padding-bottom: 80px; }

.degrees-index-features-image { margin-bottom: 30px; }

.degrees-index-features-image img { border-radius: 4px; max-width: 100%; }

@media screen and (max-width: 900px) { .degrees-index-features-image img { max-width: 70%; margin: 0 auto; } }

@media screen and (max-width: 679px) { .degrees-index-features-image img { max-width: 80%; } }

.degrees-index-features-curriculum, .degrees-index-features-projects, .degrees-index-features-code, .degrees-index-features-network-content { margin: 80px 0; }

.degrees-index-features-curriculum:before, .degrees-index-features-curriculum:after, .degrees-index-features-projects:before, .degrees-index-features-projects:after, .degrees-index-features-code:before, .degrees-index-features-code:after, .degrees-index-features-network-content:before, .degrees-index-features-network-content:after { content: " "; display: table; }

.degrees-index-features-curriculum:after, .degrees-index-features-projects:after, .degrees-index-features-code:after, .degrees-index-features-network-content:after { clear: both; }

@media screen and (max-width: 900px) { .degrees-index-features-curriculum, .degrees-index-features-projects, .degrees-index-features-code, .degrees-index-features-network-content { text-align: center; } }

@media screen and (min-width: 900px) { .degrees-index-features-content, .degrees-index-features-image { width: 47.5%; }
  .degrees-index-features-projects .degrees-index-features-content, .degrees-index-features-projects .degrees-index-features-image { float: right; }
  .degrees-index-features-code .degrees-index-features-content, .degrees-index-features-curriculum .degrees-index-features-content, .degrees-index-features-code .degrees-index-features-image, .degrees-index-features-curriculum .degrees-index-features-image { float: left; } }

@media screen and (min-width: 900px) { .degrees-index-features-code .degrees-index-features-image, .degrees-index-features-curriculum .degrees-index-features-image { margin-right: 5%; }
  .degrees-index-features-projects .degrees-index-features-image { margin-left: 5%; } }

.degrees-index-features-network { text-align: center; }

.degrees-index-features-network-github { height: 50px; }

.degrees-index-features-network-github img { height: 30px; }

.degrees-index-features-network-slack { height: 50px; }

.degrees-index-features-network-slack img { height: 40px; }

.degrees-index-features-network-content { margin: 60px 0 0; }

@media screen and (max-width: 679px) { .degrees-index-features-network-content { margin-top: -30px; } }

@media screen and (max-width: 679px) { .degrees-index-features-network-content-item:last-child { margin-bottom: 30px; } }

.degrees-index-features-network-illustration { margin: 0 auto 30px; width: 120px; height: 120px; }

.degrees-index-smallquote { background: transparent; border: none; text-align: left; padding: 0 0 0 70px; margin: 30px 0 0 0; font-size: 14px; font-style: italic; font-weight: 300; color: #2b363e; position: relative; }

@media screen and (max-width: 900px) { .degrees-index-smallquote { text-align: center; padding: 0; } }

.degrees-index-smallquote img { display: block; margin: 0 auto 15px; width: 50px; height: 50px; }

@media screen and (min-width: 900px) { .degrees-index-smallquote img { position: absolute; left: 0; } }

.degrees-index-smallquote cite { font-size: 14px; }

.degrees-index-teachers { background: #edeff0; overflow: hidden; }

.degrees-index-teachers .container { padding-top: 80px; padding-bottom: 80px; }

@media screen and (min-width: 680px) { .degrees-index-teachers .profiles { width: 415%; } }

@media screen and (min-width: 680px) { .degrees-index-teachers .profile { width: 11.5%; margin: 0 1% 30px 0; } }

@media screen and (max-width: 679px) { .degrees-index-teachers .profile > a figure figcaption { margin-right: 55px; }
  .degrees-index-teachers .profile > a figure figcaption .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .degrees-index-teachers .profile > a figure img { width: 50px; height: 50px; } }

.degrees-index-enroll { background: #387BC9; }

.degrees-index-enroll .container { padding-top: 80px; padding-bottom: 80px; }

.degrees-index-enroll-box { background: rgba(255, 255, 255, 0.15); margin: 30px auto 0; border-radius: 4px; max-width: 800px; }

@media screen and (min-width: 970px) { .degrees-index-enroll-box { padding: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-enroll-box { padding: 20px; } }

@media screen and (max-width: 679px) { .degrees-index-enroll-box { padding: 15px; } }

.degrees-index-enroll-list { list-style: none; margin: -15px 0 30px; }

.degrees-index-enroll-list:before, .degrees-index-enroll-list:after { content: " "; display: table; }

.degrees-index-enroll-list:after { clear: both; }

.degrees-index-enroll-item { color: #fff; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 17px 0; line-height: 18px; font-size: 14px; }

@media screen and (max-width: 679px) { .degrees-index-enroll-item { padding: 17px 0 17px 32px; } }

@media screen and (min-width: 680px) { .degrees-index-enroll-item { width: 48.5%; margin: 0 1.5%; float: left; }
  .degrees-index-enroll-item:nth-child(odd) { margin-left: 0; }
  .degrees-index-enroll-item:nth-child(even) { margin-right: 0; } }

.degrees-index-enroll-icon { fill: #fff; margin-right: 10px; vertical-align: middle; position: relative; top: -1px; }

@media screen and (max-width: 679px) { .degrees-index-enroll-icon { margin-left: -32px; } }

.degrees-index-enroll-degrees-list { margin: 0; }

.degrees-index-enroll-degrees-list:before, .degrees-index-enroll-degrees-list:after { content: " "; display: table; }

.degrees-index-enroll-degrees-list:after { clear: both; }

.degrees-index-enroll-degrees-item { list-style: none; margin-bottom: 15px; }

@media screen and (min-width: 680px) { .degrees-index-enroll-degrees-item { width: 48.5%; margin: 0 1.5% 15px; float: left; }
  .degrees-index-enroll-degrees-item:nth-child(n+5) { margin-bottom: 0; }
  .degrees-index-enroll-degrees-item:nth-child(odd) { margin-left: 0; }
  .degrees-index-enroll-degrees-item:nth-child(even) { margin-right: 0; } }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-item:last-child { margin-bottom: 0; } }

.degrees-index-enroll-degrees-button { width: 100%; padding: 0 15px; height: 50px; line-height: 46px; }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-button { height: auto; } }

.degrees-index-enroll-degrees-button .topic-title { float: left; margin: 0; color: #387BC9; font-size: 14px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.degrees-index-enroll-degrees-button .topic-pricing { float: right; font-size: 14px; color: rgba(56, 123, 201, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-button .topic-pricing { margin-top: -20px; } }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-button .topic-title, .degrees-index-enroll-degrees-button .topic-pricing { display: block; float: none; } }

.degrees-index-enroll-degrees-button:hover, .degrees-index-enroll-degrees-button:focus { border-color: #fff; }

.degrees-index-enroll-degrees-button:hover .topic-html, .degrees-index-enroll-degrees-button:focus .topic-html { color: #3659a2; }

.degrees-index-enroll-degrees-button:hover .topic-html + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-html + .topic-pricing { color: rgba(54, 89, 162, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-javascript, .degrees-index-enroll-degrees-button:focus .topic-javascript { color: #3659a2; }

.degrees-index-enroll-degrees-button:hover .topic-javascript + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-javascript + .topic-pricing { color: rgba(54, 89, 162, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-ios, .degrees-index-enroll-degrees-button:focus .topic-ios { color: #30826C; }

.degrees-index-enroll-degrees-button:hover .topic-ios + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-ios + .topic-pricing { color: rgba(48, 130, 108, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-android, .degrees-index-enroll-degrees-button:focus .topic-android { color: #30826C; }

.degrees-index-enroll-degrees-button:hover .topic-android + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-android + .topic-pricing { color: rgba(48, 130, 108, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-java, .degrees-index-enroll-degrees-button:focus .topic-java { color: #008297; }

.degrees-index-enroll-degrees-button:hover .topic-java + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-java + .topic-pricing { color: rgba(0, 130, 151, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-python, .degrees-index-enroll-degrees-button:focus .topic-python { color: #008297; }

.degrees-index-enroll-degrees-button:hover .topic-python + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-python + .topic-pricing { color: rgba(0, 130, 151, 0.5); }

.degrees-index-enroll .plan-cta { position: relative; bottom: auto; left: auto; right: auto; }

.degrees-index-enroll .plan-cta .button { font-size: 16px; }

.degrees-index-faqs { background: #edeff0; }

.degrees-index-faqs .container { padding-top: 60px; padding-bottom: 60px; }

.degrees-index-faqs hr { margin: 0 auto 60px; }

.degrees-index-faqs h5 { margin-top: 0; }

.degrees-index-faqs ul:last-child, .degrees-index-faqs p:last-child { margin-bottom: 0; }

.degrees-index-faqs-container:before, .degrees-index-faqs-container:after { content: " "; display: table; }

.degrees-index-faqs-container:after { clear: both; }

@media screen and (min-width: 680px) { .degrees-index-faqs-half { width: 48.5%; margin: 0 1.5% 30px; float: left; }
  .degrees-index-faqs-half:first-child { margin-left: 0; }
  .degrees-index-faqs-half:last-child { margin-right: 0; } }

.degrees-index-faqs-button { display: block; font-weight: 500; padding: 15px; text-align: center; }

@media screen and (min-width: 680px) { .degrees-index-faqs-button { float: left; width: 31.3%; margin: 0 1.5% 15px; }
  .degrees-index-faqs-button:nth-child(3n+1) { margin-left: 0; }
  .degrees-index-faqs-button:nth-child(3n) { margin-right: 0; } }

#techdegree-intro-video-modal .box { padding: 0; }

#techdegree-intro-video-modal video { border-radius: 4px 4px 0 0; }

.degrees-price-selection { background-color: #387BC9; text-align: left; }

.degrees-price-selection-heading { margin-bottom: 60px; margin-top: 30px; color: #fff; }

.degrees-price-selection .container .row { margin: 0 auto; }

.degrees-price-selection .container, .degrees-price-selection .row.td-pricing { max-width: 1200px; }

.degrees-price-selection .row.td-pricing h2 { margin-bottom: 30px; }

.degrees-price-selection .degrees-index-enroll-degrees h3 { color: #fff; margin-bottom: 30px; }
.learn-asp-action { text-align: center; }

.learn-asp-action .hero-card { background: #005664 url(/assets/views/pages/asp/card-bg-2304b3d920575462cea561777bcb6881ca07df4017262dea68f0d3cff8684022.jpg) center center; background-size: cover; border-radius: 5px; display: flex; align-items: center; min-height: 340px; width: 100%; padding: 30px; }

.learn-asp-action .hero-card div { margin: 0 auto; }

@media screen and (max-width: 679px) { .learn-asp-action .hero-workshop { margin: 60px auto 40px auto; width: 100%; } }

@media screen and (min-width: 680px) { .learn-asp-action .hero-workshop { margin: 100px auto 80px auto; width: 70%; } }

.learn-asp-action .hero-title { padding: 0 10%; }

@media screen and (min-width: 680px) { .learn-asp-action .hero-title { margin-bottom: 100px; } }

.learn-asp-action .workshop-icon { width: 32px; height: 32px; fill: #fff; margin-bottom: 40px; }

.learn-asp-action .card-type { color: rgba(255, 255, 255, 0.8); }

.learn-asp-action .card-title { color: #fff; line-height: 1.3; margin-bottom: 30px; overflow: visible; white-space: normal; text-overflow: initial; }

@media screen and (max-width: 679px) { .learn-asp-action .card-title { font-size: 22px; } }

@media screen and (min-width: 680px) { .learn-asp-action .card-title { font-size: 28px; } }

.learn-asp-action .topic-hero > section { padding-bottom: 0; padding-top: 0; }

.learn-asp-action .topic-hero > section .header { color: #050708; font-size: 48px; line-height: 1.3; }

@media screen and (max-width: 639px) { .learn-asp-action .topic-hero > section .header { font-size: 32px; } }

.learn-asp-action .topic-hero > section .subheader { color: #1a2126 !important; }

@media screen and (max-width: 959px) { .learn-asp-action .topic-hero > section .subheader { margin-bottom: 40px !important; } }

.learn-asp-action .topic-hero > section .button { margin-top: 30px; }

@media screen and (max-width: 679px) { .learn-asp-action .topic-hero > section .button { width: 100%; } }

@media screen and (max-width: 959px) { .learn-asp-action .topic-hero > section .button { margin-bottom: 60px; } }
/* Overriding OneTrust styling */
/* Notification Center and Banner */
#optanon #optanon-popup-top .optanon-close, .optanon-alert-box-wrapper .optanon-alert-box-corner-close a { background-image: url(/assets/icons/icon-close-light-cf6c635db756f5906aede485630a6b208afd1da03a32cbd5265981a2b6b7cfcb.svg); background-size: 14px 14px; width: 14px; height: 14px; right: 10px; }

#optanon-popup-top a:hover, .optanon-alert-box-corner-close a:hover { background-image: url(/assets/icons/icon-close-base-2d4215591945eb81eb5cb5c819ce3259d18b1f32fccc8ddadd2a44703c3d5458.svg) !important; }

/* Banner */
.optanon-alert-box-wrapper { box-shadow: 0px -2px 5px 0px rgba(45, 51, 57, 0.05); }

.optanon-alert-box-wrapper * { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.optanon-alert-box-wrapper .optanon-alert-box-corner-close { display: none; }

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a:before { top: -2px; }

.optanon-alert-box-wrapper .optanon-alert-box-button { margin-right: 20px; }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle { border-radius: 4px; }

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a { color: #40484a !important; font-weight: 500; border: none !important; padding-bottom: none !important; }

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a:before { color: #40484a !important; }

/* Notification Center */
#optanon { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

#optanon *, #optanon div, #optanon span, #optanon ul, #optanon li, #optanon a, #optanon p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

#optanon.modern #optanon-popup-top, #optanon.modern #optanon-popup-body-left-shading { border-top-left-radius: 4px; }

#optanon fieldset input:checked + label { background-color: #5fcf80 !important; }

#optanon .menu-item-on, #optanon .menu-item-off { background: none !important; }

#optanon #optanon-popup-wrapper { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #40484a !important; font-weight: 500; }

#optanon #optanon-popup-wrapper .optanon-status-on { color: #303853 !important; }

#optanon #optanon-popup-wrapper .optanon-white-button-middle { border-radius: 4px; }

#optanon #optanon-popup-wrapper .optanon-white-button-middle a { font-size: 14px; }

#optanon #optanon-popup-body h3 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #40484a !important; font-weight: 500; width: 74% !important; font-size: 16px !important; }

#optanon #optanon-popup-body h2 { color: #40484a; font-weight: 500; margin-top: 2px; font-size: 20px !important; }

#optanon #optanon-popup-bottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

#optanon #optanon-popup-bottom-logo:before { color: #1a2126 !important; }

#optanon #optanon-popup-bottom-logo:after { color: #1a2126 !important; border-bottom: 0px !important; }

#optanon #optanon-menu li p a { color: #1a2126 !important; font-weight: 500 !important; }

#optanon #optanon-popup-top { border-top-right-radius: 4px; }

#optanon #optanon-popup-top .optanon-close { top: 10px; }

#optanon #optanon-menu li p { margin: 0px 0px 0px 20px; }

#optanon #optanon-menu a:hover { color: #40484a !important; }

#optanon #optanon-menu .menu-item-selected a { color: #40484a !important; }

#optanon #optanon-popup-more-info-bar p { font-weight: 500 !important; }

/* Cookie Policy Page */
/* Cookie Policy Page: Cookie Settings Link */
.optanon-clear { clear: both; }

.optanon-show-settings-middle { border: 2px solid #e8ebed !important; border-radius: 4px !important; padding: 12px 15px 5px 15px !important; }

.optanon-show-settings-middle:hover { border-color: #bdc6cb !important; }

.optanon-show-settings-right { display: none; }

.optanon-show-settings-left { display: none; }

/* Cookie Policy Page: Cookie Table */
#optanon-cookie-policy .optanon-show-settings-popup-wrapper { clear: both; }

#optanon-cookie-policy .optanon-cookie-policy-group:not(:first-of-type) { padding-top: 40px; }

#optanon-cookie-policy .optanon-cookie-policy-group-cookies-list li { overflow-wrap: break-word; }

#optanon-cookie-policy .optanon-cookie-policy-group-name { font-weight: 500; color: #40484a; }

#optanon-cookie-policy .optanon-cookie-policy-right { width: 50%; overflow-wrap: break-word; }

#optanon-cookie-policy .optanon-cookie-policy-left { overflow-wrap: break-word; }

#optanon-cookie-policy .optanon-cookie-policy-subgroup-table-header { font-weight: 500; padding-top: 15px; color: #1a2126; }

#optanon-cookie-policy .optanon-cookie-policy-subgroup-cookies-list { margin-top: 15px; list-style: none !important; padding-left: 0px; }

#optanon-cookie-policy .optanon-cookie-policy-subgroup-name { margin-top: 15px; margin-bottom: 5px; }

#optanon-cookie-policy .optanon-cookie-policy-subgroup-description { font-size: 13px; font-style: italic; }
.code-input { text-align: center; padding: 200px 30px 300px 30px; }

.code-btn { margin-top: 15px; }
.subscriptions-controller .plans-hero-illustration { position: absolute; left: -50%; top: 0; width: 200%; }

.subscriptions-controller .success-heading { margin-top: 60px; }

.subscriptions-controller.parent-email-success-action header { margin-bottom: 60px; }

.subscriptions-controller.parent-email-success-action h1 { margin-top: 60px; }

.subscriptions-controller.parent-email-success-action .success-heading { margin-top: 60px; }

.subscriptions-controller.plans-action header, .subscriptions-controller.plans2-action header, .subscriptions-controller.plans3-action header, .subscriptions-controller.plans4-action header, .subscriptions-controller.parent-email-success-action header { position: relative; min-height: 750px; margin: 0; background: #303853; overflow: hidden; }

@media screen and (max-width: 767px) { .subscriptions-controller.plans-action header, .subscriptions-controller.plans2-action header, .subscriptions-controller.plans3-action header, .subscriptions-controller.plans4-action header, .subscriptions-controller.parent-email-success-action header { padding-bottom: 20px; }
  .subscriptions-controller.plans-action header .hero, .subscriptions-controller.plans2-action header .hero, .subscriptions-controller.plans3-action header .hero, .subscriptions-controller.plans4-action header .hero, .subscriptions-controller.parent-email-success-action header .hero { display: none; } }

@media screen and (min-width: 768px) { .subscriptions-controller.plans-action header, .subscriptions-controller.plans2-action header, .subscriptions-controller.plans3-action header, .subscriptions-controller.plans4-action header, .subscriptions-controller.parent-email-success-action header { padding: 60px 0 60px 0; } }

.subscriptions-controller.plans-action header h1, .subscriptions-controller.plans2-action header h1, .subscriptions-controller.plans3-action header h1, .subscriptions-controller.plans4-action header h1, .subscriptions-controller.parent-email-success-action header h1 { position: relative; color: white; margin-bottom: 40px; z-index: 2; }

.subscriptions-controller.plans-action header h5, .subscriptions-controller.plans2-action header h5, .subscriptions-controller.plans3-action header h5, .subscriptions-controller.plans4-action header h5, .subscriptions-controller.parent-email-success-action header h5 { position: relative; margin: 0; color: rgba(255, 255, 255, 0.5); z-index: 2; }

.subscriptions-controller.plans-action header .hero, .subscriptions-controller.plans2-action header .hero, .subscriptions-controller.plans3-action header .hero, .subscriptions-controller.plans4-action header .hero, .subscriptions-controller.parent-email-success-action header .hero { background: #5fcf80; position: absolute; z-index: 1; left: 50%; bottom: 0; width: 1914px; height: 800px; margin: 0 0 0 -957px; padding: 0; }

.subscriptions-controller.plans-action header .subheading, .subscriptions-controller.plans2-action header .subheading, .subscriptions-controller.plans3-action header .subheading, .subscriptions-controller.plans4-action header .subheading, .subscriptions-controller.parent-email-success-action header .subheading { color: #fff; margin-bottom: 30px; }

@media screen and (max-width: 860px) { .subscriptions-controller.plans2-action .plan-features li, .subscriptions-controller.plans3-action .plan-features li, .subscriptions-controller.plans4-action .plan-features li { font-size: 14px; } }

@media screen and (min-width: 861px) and (max-width: 949px) { .subscriptions-controller.plans2-action .plan-features li, .subscriptions-controller.plans3-action .plan-features li, .subscriptions-controller.plans4-action .plan-features li { font-size: 15px; } }

@media screen and (min-width: 950px) { .subscriptions-controller.plans2-action .plan-features li, .subscriptions-controller.plans3-action .plan-features li, .subscriptions-controller.plans4-action .plan-features li { font-size: 16px; } }

@media screen and (max-width: 767px) { .subscriptions-controller.plans2-action header { padding-top: 30px; } }

.discount { background-color: #f6f9fa; border-bottom: solid 1px #e9f0f3; padding: 8px; text-align: center; z-index: 999; width: 100%; }

@media screen and (max-width: 767px) { .discount { position: fixed; top: 50px; } }

@media screen and (min-width: 768px) { .discount { position: fixed; top: 70px; } }

.discount p { font-size: 12px; font-weight: 700; margin: 0; }

.faq-header { margin-top: 30px; }

.faq-header .questions { margin-top: 30px; }

@-webkit-keyframes plans-in { 0% { opacity: 0;
    -ms-transform: translate(0, 20px, 0);
    -moz-transform: translate(0, 20px, 0);
    -webkit-transform: translate(0, 20px, 0);
    transform: translate(0, 20px, 0); }
  75% { -ms-transform: translate(0, -5px, 0);
    -moz-transform: translate(0, -5px, 0);
    -webkit-transform: translate(0, -5px, 0);
    transform: translate(0, -5px, 0); }
  100% { opacity: 1;
    -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); } }

@-moz-keyframes plans-in { 0% { opacity: 0;
    -ms-transform: translate(0, 20px, 0);
    -moz-transform: translate(0, 20px, 0);
    -webkit-transform: translate(0, 20px, 0);
    transform: translate(0, 20px, 0); }
  75% { -ms-transform: translate(0, -5px, 0);
    -moz-transform: translate(0, -5px, 0);
    -webkit-transform: translate(0, -5px, 0);
    transform: translate(0, -5px, 0); }
  100% { opacity: 1;
    -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); } }

@keyframes plans-in { 0% { opacity: 0;
    -ms-transform: translate(0, 20px, 0);
    -moz-transform: translate(0, 20px, 0);
    -webkit-transform: translate(0, 20px, 0);
    transform: translate(0, 20px, 0); }
  75% { -ms-transform: translate(0, -5px, 0);
    -moz-transform: translate(0, -5px, 0);
    -webkit-transform: translate(0, -5px, 0);
    transform: translate(0, -5px, 0); }
  100% { opacity: 1;
    -ms-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -webkit-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0); } }

.plans2 a, .plans3 a, .plans4 a { color: #3f8abf; }

@media screen and (min-width: 961px) { .plans2 .block-lg { display: block !important; } }

.plans2-popular { top: -50px; left: 50%; transform: translateX(-50%); }

.plans2-minheight { min-height: 136px; }

@media screen and (max-width: 1000px) { .plans2-minheight { min-height: 75px; } }

.plans2 .plan-panel-features li .check-circle-icon { fill: #c6ccd2; }

.plans2 .button-blue { color: #fff; background-color: #3f8abf; border: solid 2px #3f8abf; }

.plans2 .plan-panel { border-top-style: solid; border-width: 10px; }

.plans2 .plan-basic { border-color: #5fcf80; }

.plans2 .plan-pro { border-color: #42B4D6; }

.plans2 .plan-techdegree { border-color: #a083c8; margin-bottom: 20px; }

.plans2 .plan-b2b { border-color: #C7CED5; margin-bottom: 20px; }

.plans2 .plan-icon svg { width: 96px; height: 28px; }

.plans2 .plan-cta { margin-top: auto; }

@media screen and (min-width: 961px) { .plans2 .col-25-lg:nth-of-type(4) { width: calc(25% - 1px) !important; } }

@media screen and (min-width: 680px) and (max-width: 960px) { .plans2 .col-50-md:nth-of-type(4), .plans2 .col-50-md:nth-of-type(2) { width: calc(50% - 1px) !important; } }

.plans3-hide, .plans4-hide { display: none; }

.plans3 .selected .plans3-view, .plans3 .selected .plans4-view, .plans4 .selected .plans3-view, .plans4 .selected .plans4-view { display: none; }

.plans3 .selected .plans3-hide, .plans3 .selected .plans4-hide, .plans4 .selected .plans3-hide, .plans4 .selected .plans4-hide { display: inline; }

.plans3 .plan-panel-features li .check-circle-icon, .plans4 .plan-panel-features li .check-circle-icon { fill: #c6ccd2; }

.plans3 .plan-basic, .plans4 .plan-basic { border-width: 4px; border-style: solid; }

.plans3 .plan-techdegree, .plans4 .plan-techdegree { margin-bottom: 20px; }

@media screen and (min-width: 960px) { .plans3 .plan-techdegree p:first-of-type, .plans4 .plan-techdegree p:first-of-type { min-height: 50px; } }

.plans3 .plan-b2b, .plans4 .plan-b2b { margin-bottom: 20px; }

.plans3 .plan-pro, .plans4 .plan-pro { border-radius: 0; }

@media screen and (max-width: 959px) { .plans3 .plan-pro, .plans4 .plan-pro { border-radius: 4px; } }

.plans3 .plan-cta, .plans4 .plan-cta { margin-top: auto; }

.plans3 .plan-panel-features-details li, .plans4 .plan-panel-features-details li { list-style-type: disc; padding-left: 0px; }

.plans3-popular, .plans4-popular { top: -50px; left: 50%; transform: translateX(-50%); margin: 0; height: 50px; padding-top: 12px; border-top-right-radius: 4px; border-top-left-radius: 4px; }

@media screen and (max-width: 959px) { .plans3-popular-wrap, .plans4-popular-wrap { margin-top: 50px; } }

.plans3 .bg-gray-light:hover, .plans4 .bg-gray-light:hover { background-color: #c6ccd2 !important; }

.plans3 .button.bg-blue:hover, .plans4 .button.bg-blue:hover { background-color: #3575a1 !important; border-color: #3575a1 !important; }

.plans3-divider, .plans4-divider { width: 1px; margin: 10px 0 30px 0; background-color: rgba(255, 255, 255, 0.2); }

.plans3 .toggledContent.hide, .plans4 .toggledContent.hide { display: none; }

.plans3 .plan-techdegree { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

@media screen and (max-width: 959px) { .plans3 .plan-techdegree { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } }

.plans3 .plan-basic { border-top-width: 0px; border-color: #3f8abf; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.plans4-popular { background-color: #5fcf80; }

.plans4 .plan-panel { border-top-style: solid; }

.plans4 .plan-techdegree { border-top-width: 10px; border-color: #a083c8; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

@media screen and (max-width: 959px) { .plans4 .plan-techdegree { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } }

.plans4 .plan-basic { border-top-width: 0px; border-color: #5fcf80; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.plans4 .plan-basic .button { background-color: #303853; border: 2px solid #303853; }

.plans4 .plan-pro { border-color: #42B4D6; border-top-width: 10px; }

.plans4 .plan-b2b { border-color: #C7CED5; border-top-width: 10px; }
.subscriptions-new-container { max-width: 1000px; }

.subscriptions-plans .signup-hero .plan-td { margin-bottom: 60px; }

.subscriptions-new .form-label, .subscriptions-create .form-label, .subscriptions-plans .form-label, .subscriptions-signup .form-label { cursor: pointer; }

.subscriptions-new .secure-server, .subscriptions-create .secure-server, .subscriptions-plans .secure-server, .subscriptions-signup .secure-server { font-size: 14px; }

@media screen and (max-width: 679px) { .subscriptions-new .secure-server, .subscriptions-create .secure-server, .subscriptions-plans .secure-server, .subscriptions-signup .secure-server { display: block; position: relative; top: 10px; } }

@media screen and (min-width: 680px) { .subscriptions-new .secure-server, .subscriptions-create .secure-server, .subscriptions-plans .secure-server, .subscriptions-signup .secure-server { position: relative; top: 0; left: 30px; } }

.subscriptions-new .secure-server svg.lock-wide-icon, .subscriptions-create .secure-server svg.lock-wide-icon, .subscriptions-plans .secure-server svg.lock-wide-icon, .subscriptions-signup .secure-server svg.lock-wide-icon { fill: #d4d9dd; position: relative; top: 3px; margin-right: 5px; }

.subscriptions-new .payment-options, .subscriptions-create .payment-options, .subscriptions-plans .payment-options, .subscriptions-signup .payment-options { list-style: none; margin-left: 0; }

.subscriptions-new .payment-options li, .subscriptions-create .payment-options li, .subscriptions-plans .payment-options li, .subscriptions-signup .payment-options li { display: inline; }

.subscriptions-new .payment-options li.secondary, .subscriptions-create .payment-options li.secondary, .subscriptions-plans .payment-options li.secondary, .subscriptions-signup .payment-options li.secondary { margin-left: 15px; }

@media screen and (max-width: 599px) { .subscriptions-new .payment-options li.secondary, .subscriptions-create .payment-options li.secondary, .subscriptions-plans .payment-options li.secondary, .subscriptions-signup .payment-options li.secondary { margin: 5px 0px 0px 0px; display: block; } }

.subscriptions-new .payment-options li.secondary svg, .subscriptions-create .payment-options li.secondary svg, .subscriptions-plans .payment-options li.secondary svg, .subscriptions-signup .payment-options li.secondary svg { max-width: 80px; }

.subscriptions-new .payment-options li input, .subscriptions-create .payment-options li input, .subscriptions-plans .payment-options li input, .subscriptions-signup .payment-options li input { cursor: pointer; }

.subscriptions-new .payment-options li label, .subscriptions-create .payment-options li label, .subscriptions-plans .payment-options li label, .subscriptions-signup .payment-options li label { cursor: pointer; display: inline-block; margin-bottom: 0; }

.subscriptions-new .payment-options li svg, .subscriptions-create .payment-options li svg, .subscriptions-plans .payment-options li svg, .subscriptions-signup .payment-options li svg { max-width: 50px; vertical-align: middle; position: relative; top: -2px; }

.subscriptions-new .signup-hero, .subscriptions-create .signup-hero, .subscriptions-plans .signup-hero, .subscriptions-signup .signup-hero { background: #5fcf80; }

@media screen and (max-width: 969px) { .subscriptions-new .signup-hero, .subscriptions-create .signup-hero, .subscriptions-plans .signup-hero, .subscriptions-signup .signup-hero { padding: 0; } }

@media screen and (min-width: 970px) { .subscriptions-new .signup-hero, .subscriptions-create .signup-hero, .subscriptions-plans .signup-hero, .subscriptions-signup .signup-hero { padding: 40px 0; } }

.subscriptions-new .signup-hero .plans-hero-illustration, .subscriptions-create .signup-hero .plans-hero-illustration, .subscriptions-plans .signup-hero .plans-hero-illustration, .subscriptions-signup .signup-hero .plans-hero-illustration { height: 40%; }

.subscriptions-new .signup-hero h1, .subscriptions-create .signup-hero h1, .subscriptions-plans .signup-hero h1, .subscriptions-signup .signup-hero h1 { text-align: center; color: #fff; padding-top: 15px; }

@media screen and (max-width: 679px) { .subscriptions-new .signup-hero h1, .subscriptions-create .signup-hero h1, .subscriptions-plans .signup-hero h1, .subscriptions-signup .signup-hero h1 { font-size: 22px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .subscriptions-new .signup-hero h1, .subscriptions-create .signup-hero h1, .subscriptions-plans .signup-hero h1, .subscriptions-signup .signup-hero h1 { font-size: 26px; } }

@media screen and (min-width: 970px) { .subscriptions-new .signup-hero h1, .subscriptions-create .signup-hero h1, .subscriptions-plans .signup-hero h1, .subscriptions-signup .signup-hero h1 { margin-bottom: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .subscriptions-new .signup-hero h1, .subscriptions-create .signup-hero h1, .subscriptions-plans .signup-hero h1, .subscriptions-signup .signup-hero h1 { margin-bottom: 20px; } }

@media screen and (max-width: 679px) { .subscriptions-new .signup-hero h1, .subscriptions-create .signup-hero h1, .subscriptions-plans .signup-hero h1, .subscriptions-signup .signup-hero h1 { margin-bottom: 15px; } }

.subscriptions-new .signup-form #uniform-organization_signup_form_country, .subscriptions-new .signup-form #uniform-organization_signup_form_state_province, .subscriptions-create .signup-form #uniform-organization_signup_form_country, .subscriptions-create .signup-form #uniform-organization_signup_form_state_province, .subscriptions-plans .signup-form #uniform-organization_signup_form_country, .subscriptions-plans .signup-form #uniform-organization_signup_form_state_province, .subscriptions-signup .signup-form #uniform-organization_signup_form_country, .subscriptions-signup .signup-form #uniform-organization_signup_form_state_province { width: auto !important; }

.subscriptions-new .age-check.form-item .error-message, .subscriptions-create .age-check.form-item .error-message, .subscriptions-plans .age-check.form-item .error-message, .subscriptions-signup .age-check.form-item .error-message { position: relative; top: -2px; }

.subscriptions-new .trial-banner, .subscriptions-create .trial-banner, .subscriptions-plans .trial-banner, .subscriptions-signup .trial-banner { border-radius: 5px 5px 0 0; text-align: center; font-weight: 700; padding: 20px; color: #fff; }

@media screen and (max-width: 679px) { .subscriptions-new .trial-banner, .subscriptions-create .trial-banner, .subscriptions-plans .trial-banner, .subscriptions-signup .trial-banner { margin: 0 -15px 15px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .subscriptions-new .trial-banner, .subscriptions-create .trial-banner, .subscriptions-plans .trial-banner, .subscriptions-signup .trial-banner { margin: 0 -20px 20px; } }

@media screen and (min-width: 970px) { .subscriptions-new .trial-banner, .subscriptions-create .trial-banner, .subscriptions-plans .trial-banner, .subscriptions-signup .trial-banner { margin: 0 -60px 40px; } }

.subscriptions-new .trial-banner.basic, .subscriptions-create .trial-banner.basic, .subscriptions-plans .trial-banner.basic, .subscriptions-signup .trial-banner.basic { background-color: #3ac162; }

.subscriptions-new .trial-banner.pro, .subscriptions-create .trial-banner.pro, .subscriptions-plans .trial-banner.pro, .subscriptions-signup .trial-banner.pro { background-color: #3f8abf; }

.subscriptions-new .trial-banner.organization, .subscriptions-create .trial-banner.organization, .subscriptions-plans .trial-banner.organization, .subscriptions-signup .trial-banner.organization { background-color: #85334d; }

.subscriptions-new .trial-banner.techdegree, .subscriptions-create .trial-banner.techdegree, .subscriptions-plans .trial-banner.techdegree, .subscriptions-signup .trial-banner.techdegree { background-color: #3C7DC6; }

.subscriptions-new .paypal-chosen p, .subscriptions-create .paypal-chosen p, .subscriptions-plans .paypal-chosen p, .subscriptions-signup .paypal-chosen p { font-size: 14px; color: #1a2126; margin: auto 10px; }

.subscriptions-new .paypal-chosen .alert-banner, .subscriptions-create .paypal-chosen .alert-banner, .subscriptions-plans .paypal-chosen .alert-banner, .subscriptions-signup .paypal-chosen .alert-banner { margin: 0 6px 20px 6px; }

.subscriptions-new .paypal-chosen .alert-banner p, .subscriptions-create .paypal-chosen .alert-banner p, .subscriptions-plans .paypal-chosen .alert-banner p, .subscriptions-signup .paypal-chosen .alert-banner p { line-height: 1.5; margin-left: 10px; }

.subscriptions-new .paypal-chosen .alert-banner p strong, .subscriptions-create .paypal-chosen .alert-banner p strong, .subscriptions-plans .paypal-chosen .alert-banner p strong, .subscriptions-signup .paypal-chosen .alert-banner p strong { color: #8c989e !important; }

.subscriptions-new .paypal-chosen .alert-banner.warning, .subscriptions-create .paypal-chosen .alert-banner.warning, .subscriptions-plans .paypal-chosen .alert-banner.warning, .subscriptions-signup .paypal-chosen .alert-banner.warning { color: #b28000; }

.subscriptions-new .paypal-chosen .alert-banner.warning strong, .subscriptions-new .paypal-chosen .alert-banner.warning p strong, .subscriptions-new .paypal-chosen .alert-banner.warning a:not(.button), .subscriptions-create .paypal-chosen .alert-banner.warning strong, .subscriptions-create .paypal-chosen .alert-banner.warning p strong, .subscriptions-create .paypal-chosen .alert-banner.warning a:not(.button), .subscriptions-plans .paypal-chosen .alert-banner.warning strong, .subscriptions-plans .paypal-chosen .alert-banner.warning p strong, .subscriptions-plans .paypal-chosen .alert-banner.warning a:not(.button), .subscriptions-signup .paypal-chosen .alert-banner.warning strong, .subscriptions-signup .paypal-chosen .alert-banner.warning p strong, .subscriptions-signup .paypal-chosen .alert-banner.warning a:not(.button) { color: #7f5b00 !important; }

.subscriptions-new .manual-chosen .alert-banner, .subscriptions-create .manual-chosen .alert-banner, .subscriptions-plans .manual-chosen .alert-banner, .subscriptions-signup .manual-chosen .alert-banner { margin: 0 6px 20px 6px; }

.subscriptions-new .manual-chosen .alert-banner p, .subscriptions-create .manual-chosen .alert-banner p, .subscriptions-plans .manual-chosen .alert-banner p, .subscriptions-signup .manual-chosen .alert-banner p { line-height: 1.5; margin-left: 10px; }

.subscriptions-new .manual-chosen .alert-banner p strong, .subscriptions-create .manual-chosen .alert-banner p strong, .subscriptions-plans .manual-chosen .alert-banner p strong, .subscriptions-signup .manual-chosen .alert-banner p strong { color: #8c989e !important; }

.subscriptions-new .manual-chosen .alert-banner.warning, .subscriptions-create .manual-chosen .alert-banner.warning, .subscriptions-plans .manual-chosen .alert-banner.warning, .subscriptions-signup .manual-chosen .alert-banner.warning { color: #b28000; }

.subscriptions-new .manual-chosen .alert-banner.warning strong, .subscriptions-new .manual-chosen .alert-banner.warning p strong, .subscriptions-new .manual-chosen .alert-banner.warning a:not(.button), .subscriptions-create .manual-chosen .alert-banner.warning strong, .subscriptions-create .manual-chosen .alert-banner.warning p strong, .subscriptions-create .manual-chosen .alert-banner.warning a:not(.button), .subscriptions-plans .manual-chosen .alert-banner.warning strong, .subscriptions-plans .manual-chosen .alert-banner.warning p strong, .subscriptions-plans .manual-chosen .alert-banner.warning a:not(.button), .subscriptions-signup .manual-chosen .alert-banner.warning strong, .subscriptions-signup .manual-chosen .alert-banner.warning p strong, .subscriptions-signup .manual-chosen .alert-banner.warning a:not(.button) { color: #7f5b00 !important; }

.signup-form, .generic-form { position: relative; z-index: 1; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15); background-color: #fff; border-radius: 5px; text-align: left; }

@media screen and (max-width: 679px) { .signup-form, .generic-form { padding: 0 15px 15px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .signup-form, .generic-form { padding: 0 20px 20px; } }

@media screen and (min-width: 970px) { .signup-form, .generic-form { padding: 0 60px 60px; } }

.signup-form hr, .generic-form hr { border-color: #e4ecee; margin-top: 20px; margin-bottom: 20px; }

.signup-form .form-pre, .generic-form .form-pre { margin-bottom: 40px; }

.signup-form h2, .generic-form h2 { font-size: 30px; margin-top: 0; }

.signup-form h4, .generic-form h4 { margin-top: 15px; }

.signup-form h4.whats-included-header, .generic-form h4.whats-included-header { margin-bottom: 25px; }

.signup-form p.note, .generic-form p.note { font-size: 14px; text-align: left; line-height: 1.5; display: block; clear: both; margin-bottom: 10px; margin-top: 0px; }

.signup-form p.note a, .generic-form p.note a { font-weight: 700; }

.signup-form p.note.flush, .generic-form p.note.flush { margin: -25px 0 35px 0; }

@media screen and (max-width: 767px) { .signup-form p.note.flush, .generic-form p.note.flush { margin-top: 0; } }

.signup-form fieldset, .generic-form fieldset { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.08); margin: 15px 30px; padding: 15px 0; }

.signup-form .form-footer, .generic-form .form-footer { background: none; line-height: 110%; clear: both; border-radius: 0 0 5px 5px; padding: 0; float: none; }

.signup-form .form-footer:before, .signup-form .form-footer:after, .generic-form .form-footer:before, .generic-form .form-footer:after { content: " "; display: table; }

.signup-form .form-footer:after, .generic-form .form-footer:after { clear: both; }

.signup-form .form-footer p, .generic-form .form-footer p { font-size: 12px; }

.signup-form .form-footer p.note, .generic-form .form-footer p.note { padding-top: 30px; }

.signup-form .form-footer .secure-server, .generic-form .form-footer .secure-server { font-size: 14px; }

@media screen and (max-width: 679px) { .signup-form .form-footer .secure-server, .generic-form .form-footer .secure-server { display: block; position: relative; top: 10px; } }

@media screen and (min-width: 680px) { .signup-form .form-footer .secure-server, .generic-form .form-footer .secure-server { position: relative; top: 0; left: 30px; } }

.signup-form .form-footer .secure-server svg.lock-wide-icon, .generic-form .form-footer .secure-server svg.lock-wide-icon { fill: #d4d9dd; position: relative; top: 3px; margin-right: 5px; }

.signup-form .form-division-heading, .generic-form .form-division-heading { color: #384047; font-size: 18px; margin-bottom: 30px; }

.signup-form .form-division-heading .form-step, .generic-form .form-division-heading .form-step { background-color: #fff; border: solid 2px #5fcf80; color: #5fcf80; height: 30px; line-height: 26px; margin: -2px 10px 0 0px; position: relative; text-align: center; width: 30px; display: inline-block; border-radius: 100px; float: left; }

.signup-form .form-division-heading .form-step label, .generic-form .form-division-heading .form-step label { display: inline-block; }

.signup-form .payment-details, .generic-form .payment-details { margin-bottom: 20px; margin-top: 0; padding: 0 9px; }

.signup-form .expiration-date .form-element, .generic-form .expiration-date .form-element { background: rgba(255, 255, 255, 0.1); border: none; color: rgba(255, 255, 255, 0.7); font-size: 16px; font-weight: 400; margin: 0 5px 5px 0; text-shadow: none; }

.signup-form .expiration-date .form-element:hover, .signup-form .expiration-date .form-element:active, .generic-form .expiration-date .form-element:hover, .generic-form .expiration-date .form-element:active { background: rgba(255, 255, 255, 0.15); }

.signup-form .expiration-date .form-element select, .generic-form .expiration-date .form-element select { cursor: pointer; }

.signup-form .expiration-date .form-element span, .generic-form .expiration-date .form-element span { background: none; padding: 13px 50px 13px 10px; text-shadow: none; }

.signup-form .form-division, .generic-form .form-division { padding: 0; margin: 0; }

.signup-form .form-division .field_with_errors label, .generic-form .form-division .field_with_errors label { color: #ed5a5a; }

.signup-form .form-division .payment-note, .generic-form .form-division .payment-note { margin-top: 0; font-size: 14px; color: #1a2126; }

.signup-form .form-division .form-item, .generic-form .form-division .form-item { margin-bottom: 15px; }

.signup-form .form-division .form-item.tooltip-trigger, .generic-form .form-division .form-item.tooltip-trigger { position: relative; top: 10px; vertical-align: middle; }

@media screen and (max-width: 768px) { .signup-form .form-division .form-item.tooltip-trigger, .generic-form .form-division .form-item.tooltip-trigger { display: none; } }

.signup-form .form-division .form-item.tooltip-trigger .trigger-icon, .generic-form .form-division .form-item.tooltip-trigger .trigger-icon { width: 24px; height: 24px; border-radius: 30px; background-color: #d5e3e8; color: rgba(255, 255, 255, 0.8); display: block; font-size: 17px; font-weight: 600; text-decoration: none; text-align: center; line-height: 24px; }

.signup-form .form-division .form-item.tooltip-trigger .trigger-icon:hover, .generic-form .form-division .form-item.tooltip-trigger .trigger-icon:hover { background-color: #c5d8df; }

.signup-form .form-division .form-item.tooltip-trigger .tooltip.tooltip-right, .generic-form .form-division .form-item.tooltip-trigger .tooltip.tooltip-right { font-size: 14px; left: 75%; }

.signup-form .form-division .billing-option, .generic-form .form-division .billing-option { background-color: rgba(255, 255, 255, 0.1); border: none; cursor: pointer; float: left; margin: 0 10px 20px 0; outline: none; padding: 12px 15px; border-radius: 30px; }

@media screen and (max-width: 620px) { .signup-form .form-division .billing-option, .generic-form .form-division .billing-option { width: 100%; margin: 0 0 10px; } }

.signup-form .form-division .billing-option:hover, .generic-form .form-division .billing-option:hover { background-color: rgba(255, 255, 255, 0.15); }

.signup-form .form-division .billing-option input[type=radio], .generic-form .form-division .billing-option input[type=radio] { top: -2px; cursor: pointer; margin-right: 8px; }

.signup-form .form-division .billing-option label, .generic-form .form-division .billing-option label { color: #384047; left: 0; cursor: pointer; font-size: 16px; font-weight: 700; margin-bottom: 0; position: relative; top: -1px; vertical-align: middle; }

.signup-form .form-division .billing-option label .price, .generic-form .form-division .billing-option label .price { color: #fff; }

.signup-form .form-division .billing-option label .badge, .generic-form .form-division .billing-option label .badge { background-color: rgba(255, 255, 255, 0.15); color: #fff; display: inline-block; font-size: 10px; margin: -3px 0 0 5px; padding: 4px 8px 5px; position: relative; text-transform: uppercase; vertical-align: middle; border-radius: 20px; }

@media screen and (max-width: 377px) { .signup-form .form-division .billing-option label .badge, .generic-form .form-division .billing-option label .badge { margin-top: 10px; } }

.signup-form .form-division .billing-option.selected, .generic-form .form-division .billing-option.selected { background: rgba(95, 207, 128, 0.7); border-radius: 5px; }

.signup-form .form-division .billing-option.selected label, .generic-form .form-division .billing-option.selected label { color: #fff; }

.signup-form .form-division .billing-option.selected label .price, .generic-form .form-division .billing-option.selected label .price { color: #fff; }

.signup-form .form-division .billing-option.selected label .badge, .generic-form .form-division .billing-option.selected label .badge { background-color: #2e9a4e; color: #fff; }

.signup-form .form-division .billing-option label, .generic-form .form-division .billing-option label { top: 0 !important; }

.signup-form .form-division .billing-option label .price, .generic-form .form-division .billing-option label .price { color: #a6b0b7; }

.signup-form .form-division .billing-option label .badge, .generic-form .form-division .billing-option label .badge { color: white; background-color: #373f46; }

.signup-form .expiration-date .form-element, .generic-form .expiration-date .form-element { background: #e8eeef; color: #8a97a0; }

.signup-form .expiration-date .form-element:hover, .generic-form .expiration-date .form-element:hover { background: #d0dcde; background: #d0dcde; }

.signup-form #uniform-credit_card_month, .generic-form #uniform-credit_card_month { margin-right: 12px; }

.signup-form #uniform-credit_card_month, .signup-form #uniform-credit_card_year, .generic-form #uniform-credit_card_month, .generic-form #uniform-credit_card_year { float: left; }

.org-help-message em { display: block; font-style: normal; font-weight: 700; font-size: 23px; color: #FFF; margin: 40px 0 0 0; }

.org-help-message p { color: #FFF; opacity: 0.6; font-size: 14px; }

.org-help-message .button { margin-bottom: 40px; }

#org_signup_contact_form .alert-banner.hidden { display: none; }

.org-manual-payment-confirmation { min-height: 550px; }

.org-manual-payment-confirmation h3 { color: #FFF; display: block; }

.org-manual-payment-confirmation p { color: #FFF; font-size: 17px; }

.org-manual-payment-confirmation svg { width: 400px; margin: 0 auto 20px 0; }

.techdegree-options { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-bottom: 20px; }

@media screen and (max-width: 969px) { .techdegree-options { grid-template-columns: 1fr; } }

.techdegree-options-header { display: flex; align-items: center; }

.button-select { background: #edeff0; border-color: #edeff0; color: #101417; margin-bottom: 15px; padding: 0 80px 0 5px; text-align: left; width: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.button-select .topic-title, .button-select .topic-pricing { font-size: 16px; display: inline-block; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }

@media screen and (max-width: 679px) { .button-select .topic-title, .button-select .topic-pricing { font-size: 14px; } }

.button-select .topic-title { display: inline-block; color: #101417; font-weight: 500; margin: 0px; }

.button-select .topic-selected { display: none; opacity: 0; }

.button-select .topic-selected svg { fill: #fff; }

.button-select .topic-pricing { color: #2b363e; margin-left: auto; }

.button-select .input-radio, .button-select .input-checkbox { margin: 0; opacity: 0; width: 0; }

.topic-ai.button-select:hover, .topic-ai.button-select.selected { background-color: #733A88; }

.topic-ai .button-select:hover, .topic-ai .button-select.selected { background-color: #733A88; }

.topic-back-end.button-select:hover, .topic-back-end.button-select.selected { background-color: #008297; }

.topic-back-end .button-select:hover, .topic-back-end .button-select.selected { background-color: #008297; }

.topic-data.button-select:hover, .topic-data.button-select.selected { background-color: #9F4B84; }

.topic-data .button-select:hover, .topic-data .button-select.selected { background-color: #9F4B84; }

.topic-design.button-select:hover, .topic-design.button-select.selected { background-color: #4a4290; }

.topic-design .button-select:hover, .topic-design .button-select.selected { background-color: #4a4290; }

.topic-experimental.button-select:hover, .topic-experimental.button-select.selected { background-color: #733a88; }

.topic-experimental .button-select:hover, .topic-experimental .button-select.selected { background-color: #733a88; }

.topic-front-end.button-select:hover, .topic-front-end.button-select.selected { background-color: #3659a2; }

.topic-front-end .button-select:hover, .topic-front-end .button-select.selected { background-color: #3659a2; }

.topic-fundamentals.button-select:hover, .topic-fundamentals.button-select.selected { background-color: #9b3b5a; }

.topic-fundamentals .button-select:hover, .topic-fundamentals .button-select.selected { background-color: #9b3b5a; }

.topic-mobile.button-select:hover, .topic-mobile.button-select.selected { background-color: #30826C; }

.topic-mobile .button-select:hover, .topic-mobile .button-select.selected { background-color: #30826C; }

.topic-internal.button-select:hover, .topic-internal.button-select.selected { background-color: #55616c; }

.topic-internal .button-select:hover, .topic-internal .button-select.selected { background-color: #55616c; }

.topic-foundations.button-select:hover, .topic-foundations.button-select.selected { background-color: #004e61; }

.topic-foundations .button-select:hover, .topic-foundations .button-select.selected { background-color: #004e61; }

.topic-undefined.button-select:hover, .topic-undefined.button-select.selected { background-color: #55616c; }

.topic-undefined .button-select:hover, .topic-undefined .button-select.selected { background-color: #55616c; }

.topic-college-credit.button-select:hover, .topic-college-credit.button-select.selected { background-color: #3887c8; }

.topic-college-credit .button-select:hover, .topic-college-credit .button-select.selected { background-color: #3887c8; }

.topic-no-code.button-select:hover, .topic-no-code.button-select.selected { background-color: #31AF7F; }

.topic-no-code .button-select:hover, .topic-no-code .button-select.selected { background-color: #31AF7F; }

.topic-security.button-select:hover, .topic-security.button-select.selected { background-color: #409BE9; }

.topic-security .button-select:hover, .topic-security .button-select.selected { background-color: #409BE9; }

.topic-game-development.button-select:hover, .topic-game-development.button-select.selected { background-color: #856fc4; }

.topic-game-development .button-select:hover, .topic-game-development .button-select.selected { background-color: #856fc4; }

.topic-treehouse-resources.button-select:hover, .topic-treehouse-resources.button-select.selected { background-color: #5fcf80; }

.topic-treehouse-resources .button-select:hover, .topic-treehouse-resources .button-select.selected { background-color: #5fcf80; }

.topic-coding-for-kids.button-select:hover, .topic-coding-for-kids.button-select.selected { background-color: #F36C27; }

.topic-coding-for-kids .button-select:hover, .topic-coding-for-kids .button-select.selected { background-color: #F36C27; }

.topic-ai.button-select:hover, .topic-ai.button-select.selected { border-color: #733A88; }

.topic-ai .button-select:hover, .topic-ai .button-select.selected { border-color: #733A88; }

.topic-back-end.button-select:hover, .topic-back-end.button-select.selected { border-color: #008297; }

.topic-back-end .button-select:hover, .topic-back-end .button-select.selected { border-color: #008297; }

.topic-data.button-select:hover, .topic-data.button-select.selected { border-color: #9F4B84; }

.topic-data .button-select:hover, .topic-data .button-select.selected { border-color: #9F4B84; }

.topic-design.button-select:hover, .topic-design.button-select.selected { border-color: #4a4290; }

.topic-design .button-select:hover, .topic-design .button-select.selected { border-color: #4a4290; }

.topic-experimental.button-select:hover, .topic-experimental.button-select.selected { border-color: #733a88; }

.topic-experimental .button-select:hover, .topic-experimental .button-select.selected { border-color: #733a88; }

.topic-front-end.button-select:hover, .topic-front-end.button-select.selected { border-color: #3659a2; }

.topic-front-end .button-select:hover, .topic-front-end .button-select.selected { border-color: #3659a2; }

.topic-fundamentals.button-select:hover, .topic-fundamentals.button-select.selected { border-color: #9b3b5a; }

.topic-fundamentals .button-select:hover, .topic-fundamentals .button-select.selected { border-color: #9b3b5a; }

.topic-mobile.button-select:hover, .topic-mobile.button-select.selected { border-color: #30826C; }

.topic-mobile .button-select:hover, .topic-mobile .button-select.selected { border-color: #30826C; }

.topic-internal.button-select:hover, .topic-internal.button-select.selected { border-color: #55616c; }

.topic-internal .button-select:hover, .topic-internal .button-select.selected { border-color: #55616c; }

.topic-foundations.button-select:hover, .topic-foundations.button-select.selected { border-color: #004e61; }

.topic-foundations .button-select:hover, .topic-foundations .button-select.selected { border-color: #004e61; }

.topic-undefined.button-select:hover, .topic-undefined.button-select.selected { border-color: #55616c; }

.topic-undefined .button-select:hover, .topic-undefined .button-select.selected { border-color: #55616c; }

.topic-college-credit.button-select:hover, .topic-college-credit.button-select.selected { border-color: #3887c8; }

.topic-college-credit .button-select:hover, .topic-college-credit .button-select.selected { border-color: #3887c8; }

.topic-no-code.button-select:hover, .topic-no-code.button-select.selected { border-color: #31AF7F; }

.topic-no-code .button-select:hover, .topic-no-code .button-select.selected { border-color: #31AF7F; }

.topic-security.button-select:hover, .topic-security.button-select.selected { border-color: #409BE9; }

.topic-security .button-select:hover, .topic-security .button-select.selected { border-color: #409BE9; }

.topic-game-development.button-select:hover, .topic-game-development.button-select.selected { border-color: #856fc4; }

.topic-game-development .button-select:hover, .topic-game-development .button-select.selected { border-color: #856fc4; }

.topic-treehouse-resources.button-select:hover, .topic-treehouse-resources.button-select.selected { border-color: #5fcf80; }

.topic-treehouse-resources .button-select:hover, .topic-treehouse-resources .button-select.selected { border-color: #5fcf80; }

.topic-coding-for-kids.button-select:hover, .topic-coding-for-kids.button-select.selected { border-color: #F36C27; }

.topic-coding-for-kids .button-select:hover, .topic-coding-for-kids .button-select.selected { border-color: #F36C27; }

.button-select:hover .topic-title, .button-select:hover .topic-pricing, .button-select:hover p, .button-select.selected .topic-title, .button-select.selected .topic-pricing, .button-select.selected p { color: #fff; }

.button-select.selected { color: #fff; }

.button-select.selected .topic-selected { opacity: 1; display: inline-block; width: 20px; height: 20px; margin: -18px 10px 0 0; }

.button-select.disabled { cursor: default; }

.button-select.disabled .topic-title, .button-select.disabled .topic-pricing { color: #2b363e; }

.button-select.disabled:hover { background-color: transparent; border-color: #edeff0; }

.button-with-description { padding: 10px 20px 20px 20px; line-height: 48px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; border-radius: 4px; cursor: pointer; font-weight: 500; margin: 0; outline: none; text-decoration: none; white-space: unset; }

.button-with-description p.description { margin: 0px; font-size: 14px; }

.plan-card { border: 3px solid #d4d9dd; text-align: center; box-shadow: 0 0 0; min-height: 330px; cursor: pointer; }

.plan-card .badge { font-size: 10px; padding: 4px 8px 5px; position: relative; text-transform: uppercase; vertical-align: middle; border-radius: 20px; background: #42b4d6; color: #fff; font-weight: 600; }

.plan-card h2 { margin: 10px auto 5px; }

.plan-card h2.monthly-billing { margin-top: 25px; }

.plan-card h4 { font-weight: 400; margin-top: -5px; font-size: 16px; }

.plan-card h5 { font-size: 22px; }

.plan-card p { font-weight: 500; color: #42b4d6; margin: 20px auto 0; }

.plan-selected { border-color: #5fcf80; }

.plan-selected .plan-marker { width: 60px; height: 60px; border-radius: 5px; position: absolute; top: 0; right: 0; overflow: hidden; }

.plan-selected .plan-marker svg { width: 15px; height: 13px; fill: #FFF; position: absolute; top: 9px; right: 8px; z-index: 1; }

.plan-selected .plan-marker:after { content: ""; width: 50px; height: 50px; border-top: 50px solid #5fcf80; border-left: 50px solid transparent; position: absolute; top: 0; right: 0; }

.inline-plan-info li { color: #101417; }

.inline-plan-info li .check-circle-icon { fill: #42b4d6; }
.topic-hero { padding: 0; border-bottom: 0; }

.topic-hero > section { padding-bottom: 100px; }

@media screen and (max-width: 960px) { .topic-hero > section { padding-top: 60px; padding-bottom: 80px; } }

@media screen and (max-width: 560px) { .topic-hero > section { padding-top: 30px; padding-bottom: 30px; } }

.topic-hero > section h1 { color: #fff; font-size: 60px; margin-top: 0; margin-bottom: 20px; }

@media screen and (max-width: 960px) { .topic-hero > section h1 { font-size: 50px; } }

@media screen and (max-width: 768px) { .topic-hero > section h1 { font-size: 44px; } }

@media screen and (max-width: 560px) { .topic-hero > section h1 { font-size: 38px; } }

.topic-hero > section .subheader { color: rgba(255, 255, 255, 0.75) !important; font-weight: 400; line-height: 1.6; margin-top: 0; margin-bottom: 40px; }

@media screen and (max-width: 960px) { .topic-hero > section .subheader { margin-bottom: 40px; } }

.topic-hero > section .button.secondary { color: #fff; }

.topic-crest { width: 370px; height: 323px; margin: 20px auto; max-width: 500px; margin-top: 10px; margin-bottom: 35px; }

.topic-tracks { padding: 80px 0; }

.topic-tracks > .row > .six:first-of-type { margin-bottom: 30px; }

.topic-tracks h3 { padding-bottom: 40px; font-weight: 400; color: inherit; }

@media screen and (max-width: 768px) { .topic-tracks h3 { margin-bottom: 0; } }

.topic-tracks p { padding: 0 20px; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .topic-tracks p { padding: 0; } }

.topic-tracks .illustration { padding: 40px; width: 100%; }

.topic-tracks .track-thumbnails { max-width: 460px; width: 100%; padding: 40px; }

@media screen and (max-width: 960px) { .topic-tracks .track-thumbnails { padding: 20px; } }

.topic-tracks .button.secondary { border-color: #c6ccd2; color: #c6ccd2; }

.topic-tracks .button.secondary:hover { border-color: #a9b3bb; color: #a9b3bb; }

.topic-tracks .button { margin-top: 20px; }

.topic-tracks .button svg { width: 12px; height: 12px; margin-right: 8px; fill: #5fcf80; }

.topic-tracks .button .play-icon { fill: #c6ccd2; }

.teacher { padding: 2rem 0; }

.teacher .deprecated-avatar { border-radius: 50%; margin-bottom: 20px; max-width: 90px; }

.latest-upcoming { padding: 80px 0; background: #edeff0; }

.testimonial { padding-top: 60px; }

.topic-cards .cta { margin-bottom: 30px; }

.mega-quote { padding-bottom: 120px; }

@media screen and (max-width: 340px) { .mega-quote { background-position: -1000px 0; padding-right: 40%; } }

@media screen and (min-width: 341px) and (max-width: 400px) { .mega-quote { background-position: -800px 0; padding-right: 40%; } }

@media screen and (min-width: 401px) and (max-width: 480px) { .mega-quote { background-position: -660px 0; padding-right: 40%; } }

@media screen and (min-width: 481px) and (max-width: 590px) { .mega-quote { background-position: -575px 0; } }

@media screen and (min-width: 591px) { .mega-quote { background-position: right top; } }

.mega-quote-1 { background-image: url(/assets/views/topics/testimonials/ray-megaquote-b99a6602edef2e27282132e1a351fc1f3d63e52f025aab2cbac32f8b8be5fd4e.webp); }

.mega-quote-2 { background-image: url(/assets/views/landing_pages/aaron-watkins-megaquote-d98743bbfeea942859d5e472215ffcdcceec0081185eef0671463b65dbae78a8.webp); }

.mega-quote-3 { background-image: url(/assets/views/landing_pages/joelle-steiniger-megaquote-7dfae8ea16f8753ee112b2f821ffd2f0c1c6f4eb644ea28a99dda77bd87b7bdf.webp); }

.topics-controller .card ul { margin-left: 0; }

.new-topics .topic-hero-video { height: 50vh; position: relative; }

.new-topics .topic-hero-video .custom-shape-divider-bottom { position: absolute; bottom: -40px; left: 0; width: 100%; overflow: hidden; line-height: 0; }

.new-topics .topic-hero-video .custom-shape-divider-bottom svg { position: relative; display: block; width: calc(155% + 1.3px); height: 115px; }

.new-topics .topic-hero-video .custom-shape-divider-bottom .shape-fill { fill: #fff; }

.new-topics .content { z-index: 5; border-radius: 5px; -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 6px 10px -2px rgba(0, 0, 0, 0.4); }

.new-topics .content .col .socials { color: red; }

.new-topics .content .col .socials li { margin-right: 10px; }

.new-topics .content ul .list-unstyled { list-style-type: none; }

.new-topics .section { z-index: 5; }

.new-topics .section-background { z-index: -99; background-color: #edeff0; position: relative; }

.new-topics .section-background .custom-shape-divider-bottom { position: absolute; bottom: -40px; left: 0; width: 100%; overflow: hidden; line-height: 0; }

.new-topics .section-background .custom-shape-divider-bottom svg { position: relative; display: block; width: calc(155% + 1.3px); height: 115px; }

.new-topics .section-background .custom-shape-divider-bottom .shape-fill { fill: #fff; }

.new-topics .section-background .custom-shape-divider-top { position: absolute; top: -40px; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); z-index: -1; }

.new-topics .section-background .custom-shape-divider-top svg { position: relative; display: block; width: calc(155% + 1.3px); height: 115px; }

.new-topics .section-background .custom-shape-divider-top .shape-fill { fill: #fff; }

.new-topics .section-background .instructors .deprecated-avatar { border-radius: 5px; width: 100%; height: 200px; }

.new-topics .section-quiz { background: linear-gradient(270deg, #e2e5fd, #d7f2e6, #f2d7db, #9cd6e0); background-size: 800% 800%; -webkit-animation: GradientBackground 30s ease infinite; -moz-animation: GradientBackground 30s ease infinite; animation: GradientBackground 30s ease infinite; }

@-webkit-keyframes GradientBackground { 0% { }
  background-position: 0% 50%;
  50% { }
  background-position: 100% 50%;
  100% { }
  background-position: 0% 50%; }

@-moz-keyframes GradientBackground { 0% { }
  background-position: 0% 50%;
  50% { }
  background-position: 100% 50%;
  100% { }
  background-position: 0% 50%; }

@keyframes GradientBackground { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

.new-topics .section-cta { margin-top: 3rem; background-color: #3e474f; border-radius: 5px; }

.new-topics .section-cta h2, .new-topics .section-cta h3, .new-topics .section-cta p { color: #fff; }
.student-stories-controller .story-content blockquote { background-size: 161px 112px; border: none; padding: 40px 10%; }

.student-stories-controller .story-content blockquote p { color: #5fcf80; font-weight: 500; font-size: 22px; line-height: 1.6; }

.mareting-layout .student-stories-controller .story-content blockquote p, .student-stories-controller .story-content blockquote .mareting-layout p { text-align: center; }

.student-stories-controller.index-action h2 { font-size: 40px; }

.student-stories-controller.index-action h3 { font-size: 26px; }

@media screen and (max-width: 969px) { .student-stories-controller.index-action h3 { font-size: 16px; } }

.student-stories-controller.index-action p { color: #1a2126; font-size: 16px; }

@media screen and (max-width: 969px) { .student-stories-controller.index-action p { font-size: 12px; } }

.student-stories-controller h2 { font-size: 26px; text-align: center; }

.student-stories-controller h3 { font-size: 18px; }

.student-stories-controller p { color: #656F72; font-size: 14px; }

.student-stories-controller p + h3 { margin-top: 40px; }

.student-stories-controller ol li { color: #656F72; font-size: 14px; margin-bottom: 20px; }

.student-stories-controller .story-intro { margin-bottom: 40px; position: relative; }

.student-stories-controller .story-intro:before { width: 60px; height: 1px; position: absolute; bottom: 0; left: 50%; content: " "; display: block; margin-left: -30px; }

.student-stories-controller .story-intro p { font-size: 17px; }

.student-stories-controller .divider { padding-bottom: 20px; }

.student-stories-controller .divider:before { background-color: #eaedef; }

.student-stories-controller .no-divider { padding-bottom: 10px; }

.student-stories-controller .stories-header { text-align: center; padding-top: 80px; }

.student-stories-controller .story-header { position: relative; padding-top: 80px; text-align: center; }

.student-stories-controller .story-header .heading h1 { font-weight: 500; }

@media screen and (max-width: 969px) { .student-stories-controller .story-header .heading h1 { font-size: 25px; padding-inline: 20px; } }

.student-stories-controller .story-header .submit-story-cta { margin: 25px 0 12px 0; }

.student-stories-controller .story-header .submit-story-cta p { font-size: 16px; padding-right: 20px; padding-left: 20px; }

@media screen and (max-width: 970px) { .student-stories-controller .story-header .submit-story-cta p { font-size: 16px; line-height: 18px; } }

@media screen and (max-width: 969px) { .student-stories-controller .story-header .submit-story-cta p { font-size: 15px; line-height: 16px; } }

@media screen and (max-width: 679px) { .student-stories-controller .story-header .submit-story-cta p { font-size: 12px; line-height: 14px; } }

.student-stories-controller .story-header#story { padding: 80px 0; margin-bottom: 120px; }

.student-stories-controller .story-header .student-location { margin-top: -2px; margin-bottom: 30px; }

.student-stories-controller .student-photo-wrap { position: absolute; bottom: -142px; width: 100%; }

.student-stories-controller .student-photo { border-radius: 144px; width: 144px; height: 144px; border: solid 3px #b4cdd6; }

.student-stories-controller .student-social-list { list-style: none; margin: 0; padding: 0; margin-top: 25px; overflow: hidden; }

.student-stories-controller .student-social-list-item { display: inline; margin-right: 16px; }

.student-stories-controller .student-social-list-item:last-child { margin-right: 0; }

.student-stories-controller .student-social-list-item a { border-radius: 100px; width: 34px; height: 34px; transition: background-color 200ms ease-in-out; background-color: #b4cdd6; display: inline-block; }

.student-stories-controller .student-social-list-item a:hover, .student-stories-controller .student-social-list-item a:active, .student-stories-controller .student-social-list-item a:focus { background-color: #94b7c3; }

.student-stories-controller .student-social-list-item svg { fill: #fff; }

.student-stories-controller .student-social-list-item .twitter-icon, .student-stories-controller .student-social-list-item .website-icon { width: 34px; height: 34px; }

.student-stories-controller .student-social-list-item .logo-icon { width: 21px; height: 21px; box-sizing: content-box; padding: 6px 6px 6px 7px; }

.student-stories-controller blockquote { margin-top: 0; }

@media screen and (max-width: 969px) { .student-stories-controller blockquote { font-size: 16px; } }

.student-stories-controller .mega-quote { background-image: url(/assets/views/landing_pages/aaron-watkins-megaquote-d98743bbfeea942859d5e472215ffcdcceec0081185eef0671463b65dbae78a8.webp); margin-top: 0; }

.student-stories-controller .mega-quote-hero { background: url(/assets/views/landing_pages/kalina-edwards-megaquote-1320ef2c672dfe9fec2c002dd1a5a82b75288dcaafe3f7c4a17e0e6d6ada1b64.webp) center no-repeat; background-size: cover; margin-top: 75px; }

@media screen and (max-width: 664px) { .student-stories-controller .mega-quote-hero { background-image: linear-gradient(-45deg, rgba(45, 51, 57, 0.5) 0%, rgba(45, 51, 57, 0.7) 59%, rgba(45, 51, 57, 0.9) 100%), url(/assets/views/landing_pages/kalina-edwards-megaquote-1320ef2c672dfe9fec2c002dd1a5a82b75288dcaafe3f7c4a17e0e6d6ada1b64.webp); background-position: 0, -708px 0; padding: 15% 5%; } }

@media screen and (max-width: 420px) { .student-stories-controller .mega-quote-hero { background-position: 0, -722px 0; } }

@media screen and (max-width: 375px) { .student-stories-controller .mega-quote-hero { background-position: 0, -880px 0; } }

@media screen and (max-width: 312px) { .student-stories-controller .mega-quote-hero { display: none; } }

.student-stories-controller .mega-quote-hero blockquote { font-size: 20px; font-weight: 500; margin-top: 30px; padding: 0 20px; }

@media screen and (max-width: 970px) { .student-stories-controller .mega-quote-hero blockquote { font-size: 16px; line-height: 18px; } }

@media screen and (max-width: 969px) { .student-stories-controller .mega-quote-hero blockquote { font-size: 15px; line-height: 16px; } }

@media screen and (max-width: 1026px) { .student-stories-controller .mega-quote-hero blockquote { margin-top: 15px; } }

.student-stories-controller .mega-quote-hero blockquote cite { font-weight: 300; margin-top: 15px; }

@media screen and (max-width: 969px) { .student-stories-controller .mega-quote-hero blockquote cite { font-size: 12px; } }

.student-stories-controller .mega-quote-student { background-position: right; }

@media screen and (max-width: 664px) { .student-stories-controller .mega-quote-student { background-image: linear-gradient(-45deg, rgba(45, 51, 57, 0.5) 0%, rgba(45, 51, 57, 0.7) 59%, rgba(45, 51, 57, 0.9) 100%), url(/assets/views/landing_pages/aaron-watkins-megaquote-d98743bbfeea942859d5e472215ffcdcceec0081185eef0671463b65dbae78a8.webp); background-position: 0, -300px 0; padding-right: 30%; height: 100%; } }

@media screen and (max-width: 600px) { .student-stories-controller .mega-quote-student { background-position: 0, -340px 0; } }

@media screen and (max-width: 530px) { .student-stories-controller .mega-quote-student { background-position: 0, -440px 0; } }

@media screen and (max-width: 679px) { .student-stories-controller .mega-quote-student { background-position: 0, -577px 0; } }

@media screen and (max-width: 480px) { .student-stories-controller .mega-quote-student { background-position: 0, -500px 0; } }

@media screen and (max-width: 420px) { .student-stories-controller .mega-quote-student { background-position: 0, -630px 0; } }

@media screen and (max-width: 346px) { .student-stories-controller .mega-quote-student { background-position: 0, -700px 0; } }

@media screen and (max-width: 312px) { .student-stories-controller .mega-quote-student { display: none; } }

.student-stories-controller .submit-story { margin-top: 40px; }

.student-stories-controller .submit-story h4 { margin-bottom: 30px; }

.student-stories-controller .map-wrap { border-bottom: solid 1px #e9f0f3; padding-bottom: 0; }

.student-stories-controller .success-story-cta { background: url(/assets/layouts/header-bg-0e6a992b193cbbf0ea2d9b2a00521d3d8aba1f47908c04dd57782e774c20f0f5.svg) #f6f9fa 0 -70px repeat; background: #f6f9fa; border-bottom: solid 1px #e9f0f3; border-top: solid 1px #e9f0f3; text-align: center; margin-top: 0 !important; }

@media screen and (max-width: 767px) { .student-stories-controller .success-story-cta { margin-top: 52px; } }

@media screen and (min-width: 768px) { .student-stories-controller .success-story-cta { margin-top: 80px; } }

.student-stories-controller .success-story-cta p { font-size: 16px; padding-right: 20px; padding-left: 20px; }

@media screen and (max-width: 970px) { .student-stories-controller .success-story-cta p { font-size: 16px; line-height: 18px; } }

@media screen and (max-width: 969px) { .student-stories-controller .success-story-cta p { font-size: 15px; line-height: 16px; } }

@media screen and (max-width: 679px) { .student-stories-controller .success-story-cta p { font-size: 12px; line-height: 14px; } }

#submit-success-story { margin-top: 20px; }

#submit-success-story p { font-size: 17px; }

#submit-success-story .form-element { width: 100% !important; }

#submit-success-story textarea { min-height: 300px; }

#submit-success-story input { margin-left: 0; }

#submit-success-story.generic-form { box-shadow: none; }

#submit-success-story div.error .error-message { color: #ed5a5a; margin-top: -18px; font-size: 14px; }

#submit-success-story .submit-story-disclaimer.error label { color: #ed5a5a; font-weight: 700; }

#submit-success-story .submit-story-disclaimer.error .error-message { margin-top: -28px; }

.form-division .submit-story-disclaimer { margin-top: -10px; }

.form-division .submit-story-disclaimer label { font-size: 14px; margin-left: 24px; position: relative; top: -16px; line-height: 1.3; }

.form-division .submit-story-disclaimer .field_with_errors label { color: #1a2126; font-size: 14px; }

.form-division .honey-pot-field { display: none; }

.cta-story { background-color: #ececed; border-radius: 5px; margin: 20px 0px 20px 0px; padding: 10px; text-align: left; }

.cta-story h2 { text-align: left; font-size: 28px; }

.cta-story p { color: black; }

@media screen and (max-width: 970px) { .cta-story p { font-size: 16px; line-height: 18px; } }

@media screen and (max-width: 969px) { .cta-story p { font-size: 15px; line-height: 16px; } }

@media screen and (max-width: 679px) { .cta-story p { font-size: 12px; line-height: 14px; } }

.cta-padding { padding: 50px 0px 0px 10px; }

@media screen and (max-width: 767px) { .cta-padding { padding: 40px 0px 40px 20px; } }

.cta-image { margin-top: -85px; }

@media screen and (max-width: 767px) { .cta-image { display: none; } }

.bottom-cta { display: flex; align-items: center; background-color: #64ce83; padding: 50px 10px 30px 10px; }

.bottom-cta h2 { font-size: 28px; }

.center-text { text-align: center; align-items: center; }

.bottom-cta-images { height: 100%; width: auto; max-height: 275px; }

@media screen and (max-width: 767px) { .bottom-cta-images { display: none; } }

.bottom-cta-images-left { float: left; }

.bottom-cta-images-right { float: right; }

.stories-cta-discord, .stories-cta-techdegree { height: 158px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 4px; padding: 15px 68px; gap: 12px; }

@media screen and (max-width: 679px) { .stories-cta-discord, .stories-cta-techdegree { padding: 10px; } }

.stories-cta-discord h3, .stories-cta-techdegree h3 { color: #fff; font-size: 25px !important; font-weight: 500; line-height: 30px !important; margin-bottom: 0; text-align: center; }

@media screen and (max-width: 969px) { .stories-cta-discord h3, .stories-cta-techdegree h3 { font-size: 20px !important; line-height: 24px !important; } }

@media screen and (max-width: 679px) { .stories-cta-discord h3, .stories-cta-techdegree h3 { font-size: 16px !important; line-height: 20px !important; } }

.stories-cta-discord p, .stories-cta-techdegree p { color: #fff !important; font-size: 15px !important; font-weight: 500; line-height: 18px !important; text-align: center; margin: 0; }

@media screen and (max-width: 970px) { .stories-cta-discord p, .stories-cta-techdegree p { font-size: 16px; line-height: 18px; } }

@media screen and (max-width: 969px) { .stories-cta-discord p, .stories-cta-techdegree p { font-size: 15px; line-height: 16px; } }

@media screen and (max-width: 679px) { .stories-cta-discord p, .stories-cta-techdegree p { font-size: 12px !important; line-height: 15px !important; }
  .stories-cta-discord p span, .stories-cta-techdegree p span { display: none; } }

.stories-cta-discord .button, .stories-cta-techdegree .button { color: #133EA2; background: #fff; font-size: 16px; line-height: 40px; padding: 0; border: none; height: 40px; width: 158px; }

.stories-cta-discord .button:hover, .stories-cta-techdegree .button:hover { background: #133EA2; color: white !important; }

@media screen and (max-width: 969px) { .stories-cta-discord .button, .stories-cta-techdegree .button { height: 28px; font-size: 14px; line-height: 27px; } }

.stories-cta-discord { background: url(/assets/views/landing_pages/discord_cta_block-956bb5f186e6c6e92e33e86fcb1526e3bb439ffc2fbdb6955f59f1c7b4bc169e.webp); }

.stories-cta-techdegree { background: url(/assets/views/landing_pages/td_cta_block-327f40d877a8c89f7bfc69fefc995367ef68906973dc0323ae1b708ffb35957a.webp); }
.stories-map { position: absolute; top: 20px; left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1186px; height: 660px; margin-top: 10px; margin-bottom: 30px; position: relative; }

@media screen and (max-width: 480px) { .stories-map { -webkit-transform: scale(0.29) translateX(-171%); transform: scale(0.29) translateX(-171%); height: 210px; top: -80px; } }

@media screen and (min-width: 481px) and (max-width: 600px) { .stories-map { -webkit-transform: scale(0.4) translateX(-123%); transform: scale(0.4) translateX(-123%); height: 280px; top: -80px; } }

@media screen and (min-width: 601px) and (max-width: 767px) { .stories-map { -webkit-transform: scale(0.5) translateX(-98%); transform: scale(0.5) translateX(-98%); height: 340px; top: -80px; } }

@media screen and (min-width: 768px) and (max-width: 880px) { .stories-map { -webkit-transform: scale(0.65) translateX(-75%); transform: scale(0.65) translateX(-75%); height: 420px; top: -62px; } }

@media screen and (min-width: 881px) and (max-width: 990px) { .stories-map { -webkit-transform: scale(0.75) translateX(-65%); transform: scale(0.75) translateX(-65%); height: 500px; top: -36px; } }

@media screen and (min-width: 991px) and (max-width: 1200px) { .stories-map { -webkit-transform: scale(0.85) translateX(-57%); transform: scale(0.85) translateX(-57%); height: 580px; top: 0; } }

@media screen and (max-width: 480px) { .stories-map #Layer_1 { height: 280%; } }

@media screen and (min-width: 481px) and (max-width: 600px) { .stories-map #Layer_1 { height: 210%; } }

@media screen and (min-width: 601px) and (max-width: 767px) { .stories-map #Layer_1 { height: 170%; } }

@media screen and (min-width: 768px) and (max-width: 880px) { .stories-map #Layer_1 { height: 140%; } }

@media screen and (min-width: 881px) and (max-width: 990px) { .stories-map #Layer_1 { height: 118%; } }

@media screen and (min-width: 991px) and (max-width: 1200px) { .stories-map #Layer_1 { height: 100%; } }

@media screen and (min-width: 1201px) { .stories-map #Layer_1 { position: relative; top: -42px; } }

.stories-map .map-illy { position: absolute; top: 0; left: 0; height: 600px; }

.stories-map-country { border: solid 1px transparent; }

.stories-map #na-a:before, .stories-map #na-b:before, .stories-map #na-c:before, .stories-map #na-c:after, .stories-map #na-d:before, .stories-map #na-e:before, .stories-map #na-e:after, .stories-map #ca-a:before, .stories-map #ca-b:before, .stories-map #sa-a:before, .stories-map #sa-b:before, .stories-map #sa-c:before, .stories-map #sa-c:after, .stories-map #sa-d:before, .stories-map #sa-e:before, .stories-map #gl-a:before, .stories-map #gl-b:before, .stories-map #af-a:before, .stories-map #af-b:before, .stories-map #af-c:before, .stories-map #af-c:after, .stories-map #af-d:before, .stories-map #af-e:before, .stories-map #af-f:before, .stories-map #eu-a:before, .stories-map #eu-a:after, .stories-map #eu-b:before, .stories-map #eu-b:after, .stories-map #eu-c:before, .stories-map #eu-d:before, .stories-map #as-a:before, .stories-map #as-b:before, .stories-map #as-c:before, .stories-map #as-d:before, .stories-map #as-e:before, .stories-map #as-e:after, .stories-map #as-f:before, .stories-map #as-g:before, .stories-map #as-h:before, .stories-map #nz-a:before, .stories-map #nz-b:before, .stories-map #au-a:before, .stories-map #au-b:before, .stories-map #ph-a:before, .stories-map #ha-a:before { content: " "; display: block; background-color: rgba(63, 138, 191, 0.65); }

.stories-map #na-a:before, .stories-map #na-b:before, .stories-map #na-c:before, .stories-map #na-d:before, .stories-map #na-e:before, .stories-map #ca-a:before, .stories-map #ca-b:before, .stories-map #sa-a:before, .stories-map #sa-b:before, .stories-map #sa-c:before, .stories-map #sa-d:before, .stories-map #sa-e:before, .stories-map #gl-a:before, .stories-map #gl-b:before, .stories-map #af-a:before, .stories-map #af-b:before, .stories-map #af-c:before, .stories-map #af-d:before, .stories-map #af-e:before, .stories-map #af-f:before, .stories-map #eu-a:before, .stories-map #eu-b:before, .stories-map #eu-c:before, .stories-map #eu-d:before, .stories-map #as-a:before, .stories-map #as-b:before, .stories-map #as-c:before, .stories-map #as-d:before, .stories-map #as-e:before, .stories-map #as-f:before, .stories-map #as-g:before, .stories-map #as-h:before, .stories-map #nz-a:before, .stories-map #nz-b:before, .stories-map #au-a:before, .stories-map #au-b:before, .stories-map #ph-a:before, .stories-map #ha-a:before { width: 6px; height: 6px; background-size: 6px 6px; border-radius: 6px; }

.stories-map #na-c:after, .stories-map #na-e:after, .stories-map #sa-c:after, .stories-map #af-c:after, .stories-map #eu-a:after, .stories-map #eu-b:after, .stories-map #as-e:after { width: 17px; height: 17px; background-size: 17px 17px; border-radius: 17px; }

.stories-map #na-a { position: absolute; top: 53px; left: 0px; width: 210px; height: 45px; }

.stories-map #na-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #na-a:before { box-shadow: 44px 29px 0 rgba(66, 180, 214, 0.65), 126px 0px 0 rgba(66, 180, 214, 0.65), 158px 13px 0 rgba(66, 180, 214, 0.65), 195px 20px 0 rgba(66, 180, 214, 0.65), 10px 17px 0 rgba(66, 180, 214, 0.65), 123px 20px 0 rgba(66, 180, 214, 0.65), 186px 38px 0 rgba(66, 180, 214, 0.65), 27px 27px 0 rgba(66, 180, 214, 0.65), 140px 18px 0 rgba(66, 180, 214, 0.65), 20px 17px 0 rgba(66, 180, 214, 0.65); }

.stories-map #na-b { position: absolute; top: 99px; left: 73px; width: 147px; height: 74px; }

.stories-map #na-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #na-b:before { box-shadow: 90px 59px 0 rgba(66, 180, 214, 0.65), 36px 13px 0 rgba(66, 180, 214, 0.65), 87px 37px 0 rgba(66, 180, 214, 0.65), 45px 11px 0 rgba(66, 180, 214, 0.65), 84px -2px 0 rgba(66, 180, 214, 0.65), 15px 68px 0 rgba(66, 180, 214, 0.65), 18px 34px 0 rgba(66, 180, 214, 0.65), 126px 41px 0 rgba(66, 180, 214, 0.65), 72px 5px 0 rgba(66, 180, 214, 0.65), 140px 39px 0 rgba(66, 180, 214, 0.65), 37px 12px 0 rgba(66, 180, 214, 0.65), 98px -2px 0 rgba(66, 180, 214, 0.65), 47px 30px 0 rgba(66, 180, 214, 0.65), 106px 65px 0 rgba(66, 180, 214, 0.65), 25px 18px 0 rgba(66, 180, 214, 0.65), 123px 37px 0 rgba(66, 180, 214, 0.65), 37px 43px 0 rgba(66, 180, 214, 0.65), 90px 64px 0 rgba(66, 180, 214, 0.65), 101px 57px 0 rgba(66, 180, 214, 0.65), 138px 61px 0 rgba(66, 180, 214, 0.65); }

.stories-map #na-c { position: absolute; top: 174px; left: 42px; width: 168px; height: 74px; }

.stories-map #na-c:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #na-c:before { box-shadow: 147px 28px 0 rgba(66, 180, 214, 0.65), 157px 18px 0 rgba(66, 180, 214, 0.65), 151px 34px 0 rgba(66, 180, 214, 0.65), 67px 66px 0 rgba(66, 180, 214, 0.65), 23px 47px 0 rgba(66, 180, 214, 0.65), 124px 30px 0 rgba(66, 180, 214, 0.65), 67px 32px 0 rgba(66, 180, 214, 0.65), 85px 47px 0 rgba(66, 180, 214, 0.65), 56px 14px 0 rgba(66, 180, 214, 0.65), 32px 11px 0 rgba(66, 180, 214, 0.65), 104px 1px 0 rgba(66, 180, 214, 0.65), 67px 11px 0 rgba(66, 180, 214, 0.65), 108px 14px 0 rgba(66, 180, 214, 0.65), 22px 33px 0 rgba(66, 180, 214, 0.65), 111px 30px 0 rgba(66, 180, 214, 0.65), 133px 34px 0 rgba(66, 180, 214, 0.65), 30px 36px 0 rgba(66, 180, 214, 0.65), 73px 62px 0 rgba(66, 180, 214, 0.65), 75px 28px 0 rgba(66, 180, 214, 0.65), 139px 26px 0 rgba(66, 180, 214, 0.65), 93px 26px 0 rgba(66, 180, 214, 0.65), 19px 60px 0 rgba(66, 180, 214, 0.65), 76px 22px 0 rgba(66, 180, 214, 0.65), 104px 20px 0 rgba(66, 180, 214, 0.65), 38px 34px 0 rgba(66, 180, 214, 0.65), 72px 50px 0 rgba(66, 180, 214, 0.65), 73px 53px 0 rgba(66, 180, 214, 0.65), 133px 38px 0 rgba(66, 180, 214, 0.65), 56px 19px 0 rgba(66, 180, 214, 0.65), 95px 32px 0 rgba(66, 180, 214, 0.65); }

.stories-map #na-c:after { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 700ms forwards; -moz-animation: load-dots 300ms 700ms forwards; animation: load-dots 300ms 700ms forwards; box-shadow: 127px 15px 0 rgba(66, 180, 214, 0.65), 69px 15px 0 rgba(66, 180, 214, 0.65); }

.stories-map #na-d { position: absolute; top: 122px; left: 211px; width: 48px; height: 51px; }

.stories-map #na-d:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #na-d:before { box-shadow: 4px 38px 0 rgba(66, 180, 214, 0.65), 38px 3px 0 rgba(66, 180, 214, 0.65), 39px 28px 0 rgba(66, 180, 214, 0.65), 22px 22px 0 rgba(66, 180, 214, 0.65), 14px 22px 0 rgba(66, 180, 214, 0.65), 28px 1px 0 rgba(66, 180, 214, 0.65), 28px 1px 0 rgba(66, 180, 214, 0.65), 29px 10px 0 rgba(66, 180, 214, 0.65), 3px 29px 0 rgba(66, 180, 214, 0.65), 42px 42px 0 rgba(66, 180, 214, 0.65); }

.stories-map #na-e { position: absolute; top: 86px; left: 260px; width: 56px; height: 74px; }

.stories-map #na-e:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #na-e:before { box-shadow: 33px 60px 0 rgba(66, 180, 214, 0.65), 9px 61px 0 rgba(66, 180, 214, 0.65), 4px 11px 0 rgba(66, 180, 214, 0.65), 26px 19px 0 rgba(66, 180, 214, 0.65), 38px 30px 0 rgba(66, 180, 214, 0.65), 2px 12px 0 rgba(66, 180, 214, 0.65), 45px 4px 0 rgba(66, 180, 214, 0.65), 42px 48px 0 rgba(66, 180, 214, 0.65), 19px 40px 0 rgba(66, 180, 214, 0.65), 2px 9px 0 rgba(66, 180, 214, 0.65); }

.stories-map #na-e:after { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 700ms forwards; -moz-animation: load-dots 300ms 700ms forwards; animation: load-dots 300ms 700ms forwards; box-shadow: 6px 36px 0 rgba(66, 180, 214, 0.65), 3px 25px 0 rgba(66, 180, 214, 0.65); }

.stories-map #ca-a { position: absolute; top: 249px; left: 100px; width: 38px; height: 42px; }

.stories-map #ca-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #ca-a:before { box-shadow: 21px 24px 0 rgba(66, 180, 214, 0.65), 5px 13px 0 rgba(66, 180, 214, 0.65), 19px 17px 0 rgba(66, 180, 214, 0.65), 10px 10px 0 rgba(66, 180, 214, 0.65), -1px 12px 0 rgba(66, 180, 214, 0.65), 8px 4px 0 rgba(66, 180, 214, 0.65); }

.stories-map #ca-b { position: absolute; top: 281px; left: 146px; width: 38px; height: 21px; }

.stories-map #ca-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #ca-b:before { box-shadow: 1px 5px 0 rgba(66, 180, 214, 0.65), 14px -4px 0 rgba(66, 180, 214, 0.65), 16px 7px 0 rgba(66, 180, 214, 0.65), 26px 13px 0 rgba(66, 180, 214, 0.65), 14px -1px 0 rgba(66, 180, 214, 0.65), 24px -1px 0 rgba(66, 180, 214, 0.65); }

.stories-map #sa-a { position: absolute; top: 303px; left: 170px; width: 67px; height: 128px; }

.stories-map #sa-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #sa-a:before { box-shadow: 40px 39px 0 rgba(66, 180, 214, 0.65), 22px 104px 0 rgba(66, 180, 214, 0.65), 6px 4px 0 rgba(66, 180, 214, 0.65), 5px 34px 0 rgba(66, 180, 214, 0.65), 61px 94px 0 rgba(66, 180, 214, 0.65), 52px 0px 0 rgba(66, 180, 214, 0.65), 54px 114px 0 rgba(66, 180, 214, 0.65), 8px 48px 0 rgba(66, 180, 214, 0.65), 56px 42px 0 rgba(66, 180, 214, 0.65), 56px 18px 0 rgba(66, 180, 214, 0.65); }

.stories-map #sa-b { position: absolute; top: 320px; left: 238px; width: 38px; height: 37px; }

.stories-map #sa-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #sa-b:before { box-shadow: 25px 10px 0 rgba(66, 180, 214, 0.65), -4px 28px 0 rgba(66, 180, 214, 0.65), -3px 2px 0 rgba(66, 180, 214, 0.65), -4px 28px 0 rgba(66, 180, 214, 0.65), 27px 24px 0 rgba(66, 180, 214, 0.65), -1px -1px 0 rgba(66, 180, 214, 0.65); }

.stories-map #sa-c { position: absolute; top: 358px; left: 238px; width: 103px; height: 73px; }

.stories-map #sa-c:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #sa-c:before { box-shadow: 14px 31px 0 rgba(66, 180, 214, 0.65), 17px 18px 0 rgba(66, 180, 214, 0.65), 59px 24px 0 rgba(66, 180, 214, 0.65), 86px 57px 0 rgba(66, 180, 214, 0.65), 54px 3px 0 rgba(66, 180, 214, 0.65), 77px 57px 0 rgba(66, 180, 214, 0.65), 68px 19px 0 rgba(66, 180, 214, 0.65), 22px 42px 0 rgba(66, 180, 214, 0.65), 49px 1px 0 rgba(66, 180, 214, 0.65), 61px 57px 0 rgba(66, 180, 214, 0.65); }

.stories-map #sa-c:after { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 700ms forwards; -moz-animation: load-dots 300ms 700ms forwards; animation: load-dots 300ms 700ms forwards; box-shadow: 23px -4px 0 rgba(66, 180, 214, 0.65), 89px 13px 0 rgba(66, 180, 214, 0.65); }

.stories-map #sa-d { position: absolute; top: 432px; left: 212px; width: 95px; height: 73px; }

.stories-map #sa-d:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #sa-d:before { box-shadow: 57px 53px 0 rgba(66, 180, 214, 0.65), 62px 1px 0 rgba(66, 180, 214, 0.65), 29px 16px 0 rgba(66, 180, 214, 0.65), 26px 25px 0 rgba(66, 180, 214, 0.65), 26px 37px 0 rgba(66, 180, 214, 0.65), 20px 67px 0 rgba(66, 180, 214, 0.65), 16px 6px 0 rgba(66, 180, 214, 0.65), 22px 10px 0 rgba(66, 180, 214, 0.65), 59px 9px 0 rgba(66, 180, 214, 0.65), 38px -2px 0 rgba(66, 180, 214, 0.65); }

.stories-map #sa-e { position: absolute; top: 506px; left: 222px; width: 35px; height: 73px; }

.stories-map #sa-e:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #sa-e:before { box-shadow: 2px 47px 0 rgba(66, 180, 214, 0.65), 15px 51px 0 rgba(66, 180, 214, 0.65), 25px 1px 0 rgba(66, 180, 214, 0.65), 5px 42px 0 rgba(66, 180, 214, 0.65), 21px 29px 0 rgba(66, 180, 214, 0.65); }

.stories-map #gl-a { position: absolute; top: 1px; left: 385px; width: 92px; height: 48px; }

.stories-map #gl-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #gl-a:before { box-shadow: -1px 17px 0 rgba(66, 180, 214, 0.65), 20px 11px 0 rgba(66, 180, 214, 0.65); }

.stories-map #gl-b { position: absolute; top: 50px; left: 385px; width: 55px; height: 26px; }

.stories-map #gl-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #gl-b:before { box-shadow: 18px 6px 0 rgba(66, 180, 214, 0.65), 3px 10px 0 rgba(66, 180, 214, 0.65), 32px 10px 0 rgba(66, 180, 214, 0.65); }

.stories-map #af-a { position: absolute; top: 192px; left: 473px; width: 76px; height: 37px; }

.stories-map #af-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #af-a:before { box-shadow: 50px 9px 0 rgba(66, 180, 214, 0.65), 16px 3px 0 rgba(66, 180, 214, 0.65), 27px 21px 0 rgba(66, 180, 214, 0.65), 4px 1px 0 rgba(66, 180, 214, 0.65), 1px 17px 0 rgba(66, 180, 214, 0.65), 11px 28px 0 rgba(66, 180, 214, 0.65), 44px 31px 0 rgba(66, 180, 214, 0.65), 4px 2px 0 rgba(66, 180, 214, 0.65), 59px 18px 0 rgba(66, 180, 214, 0.65), 48px 15px 0 rgba(66, 180, 214, 0.65); }

.stories-map #af-b { position: absolute; top: 230px; left: 450px; width: 200px; height: 97px; }

.stories-map #af-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #af-b:before { box-shadow: 132px 21px 0 rgba(66, 180, 214, 0.65), 155px 1px 0 rgba(66, 180, 214, 0.65), 186px 14px 0 rgba(66, 180, 214, 0.65), 160px 63px 0 rgba(66, 180, 214, 0.65), 192px 55px 0 rgba(66, 180, 214, 0.65), 95px 61px 0 rgba(66, 180, 214, 0.65); }

.stories-map #af-c { position: absolute; top: 328px; left: 561px; width: 79px; height: 177px; }

.stories-map #af-c:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #af-c:before { box-shadow: 2px 119px 0 rgba(66, 180, 214, 0.65), 49px 80px 0 rgba(66, 180, 214, 0.65), 13px 133px 0 rgba(66, 180, 214, 0.65), 54px 96px 0 rgba(66, 180, 214, 0.65), 6px 83px 0 rgba(66, 180, 214, 0.65), 22px 157px 0 rgba(66, 180, 214, 0.65), 41px 140px 0 rgba(66, 180, 214, 0.65), 10px 56px 0 rgba(66, 180, 214, 0.65), 39px 108px 0 rgba(66, 180, 214, 0.65), 31px 87px 0 rgba(66, 180, 214, 0.65); }

.stories-map #af-c:after { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 700ms forwards; -moz-animation: load-dots 300ms 700ms forwards; animation: load-dots 300ms 700ms forwards; box-shadow: -2px 91px 0 rgba(66, 180, 214, 0.65), 20px 90px 0 rgba(66, 180, 214, 0.65); }

.stories-map #af-d { position: absolute; top: 298px; left: 641px; width: 50px; height: 69px; }

.stories-map #af-d:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #af-d:before { box-shadow: 30px 30px 0 rgba(66, 180, 214, 0.65), 34px 15px 0 rgba(66, 180, 214, 0.65), 23px 20px 0 rgba(66, 180, 214, 0.65), -5px 22px 0 rgba(66, 180, 214, 0.65), 18px 22px 0 rgba(66, 180, 214, 0.65), 0px 0px 0 rgba(66, 180, 214, 0.65), 21px 17px 0 rgba(66, 180, 214, 0.65), -4px 10px 0 rgba(66, 180, 214, 0.65), 29px 33px 0 rgba(66, 180, 214, 0.65), 26px 12px 0 rgba(66, 180, 214, 0.65); }

.stories-map #af-e { position: absolute; top: 194px; left: 642px; width: 38px; height: 45px; }

.stories-map #af-e:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #af-e:before { box-shadow: 27px 11px 0 rgba(66, 180, 214, 0.65), -3px 0px 0 rgba(66, 180, 214, 0.65), 3px 30px 0 rgba(66, 180, 214, 0.65), 9px 13px 0 rgba(66, 180, 214, 0.65), 19px 13px 0 rgba(66, 180, 214, 0.65); }

.stories-map #af-f { position: absolute; top: 236px; left: 671px; width: 54px; height: 36px; }

.stories-map #af-f:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #af-f:before { box-shadow: 34px 12px 0 rgba(66, 180, 214, 0.65), 18px 15px 0 rgba(66, 180, 214, 0.65), 38px 15px 0 rgba(66, 180, 214, 0.65), 21px 18px 0 rgba(66, 180, 214, 0.65), 21px 4px 0 rgba(66, 180, 214, 0.65); }

.stories-map #eu-a { position: absolute; top: 60px; left: 530px; width: 89px; height: 40px; }

.stories-map #eu-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #eu-a:before { box-shadow: 52px 20px 0 rgba(66, 180, 214, 0.65), 82px 28px 0 rgba(66, 180, 214, 0.65), 69px 39px 0 rgba(66, 180, 214, 0.65), 57px 43px 0 rgba(66, 180, 214, 0.65), 49px 13px 0 rgba(66, 180, 214, 0.65), 32px 28px 0 rgba(66, 180, 214, 0.65), 32px 13px 0 rgba(66, 180, 214, 0.65), 24px 14px 0 rgba(66, 180, 214, 0.65), 28px 13px 0 rgba(66, 180, 214, 0.65), 63px 38px 0 rgba(66, 180, 214, 0.65); }

.stories-map #eu-a:after { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 700ms forwards; -moz-animation: load-dots 300ms 700ms forwards; animation: load-dots 300ms 700ms forwards; box-shadow: 45px 17px 0 rgba(66, 180, 214, 0.65), 20px 14px 0 rgba(66, 180, 214, 0.65); }

.stories-map #eu-b { position: absolute; top: 117px; left: 488px; width: 102px; height: 43px; }

.stories-map #eu-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #eu-b:before { box-shadow: 8px 23px 0 rgba(66, 180, 214, 0.65), 17px 32px 0 rgba(66, 180, 214, 0.65), 24px 34px 0 rgba(66, 180, 214, 0.65), 53px 31px 0 rgba(66, 180, 214, 0.65), 64px -5px 0 rgba(66, 180, 214, 0.65), 48px 1px 0 rgba(66, 180, 214, 0.65); }

.stories-map #eu-b:after { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 700ms forwards; -moz-animation: load-dots 300ms 700ms forwards; animation: load-dots 300ms 700ms forwards; box-shadow: 35px 24px 0 rgba(66, 180, 214, 0.65), 53px 18px 0 rgba(66, 180, 214, 0.65); }

.stories-map #eu-c { position: absolute; top: 157px; left: 473px; width: 34px; height: 26px; }

.stories-map #eu-c:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #eu-c:before { box-shadow: 22px -1px 0 rgba(66, 180, 214, 0.65), 25px 18px 0 rgba(66, 180, 214, 0.65), -2px 17px 0 rgba(66, 180, 214, 0.65), 23px 20px 0 rgba(66, 180, 214, 0.65), 21px -3px 0 rgba(66, 180, 214, 0.65), 19px 1px 0 rgba(66, 180, 214, 0.65), 27px -5px 0 rgba(66, 180, 214, 0.65), 9px 16px 0 rgba(66, 180, 214, 0.65), 10px 17px 0 rgba(66, 180, 214, 0.65), 13px 11px 0 rgba(66, 180, 214, 0.65); }

.stories-map #eu-d { position: absolute; top: 100px; left: 591px; width: 89px; height: 92px; }

.stories-map #eu-d:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #eu-d:before { box-shadow: 17px 5px 0 rgba(66, 180, 214, 0.65), -2px 65px 0 rgba(66, 180, 214, 0.65), 46px 32px 0 rgba(66, 180, 214, 0.65), 0px 5px 0 rgba(66, 180, 214, 0.65), 24px 64px 0 rgba(66, 180, 214, 0.65), 74px 11px 0 rgba(66, 180, 214, 0.65), 7px 40px 0 rgba(66, 180, 214, 0.65), 36px 83px 0 rgba(66, 180, 214, 0.65), 11px 8px 0 rgba(66, 180, 214, 0.65), 12px 38px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-a { position: absolute; top: 60px; left: 681px; width: 277px; height: 163px; }

.stories-map #as-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-a:before { box-shadow: 248px 152px 0 rgba(66, 180, 214, 0.65), 251px 2px 0 rgba(66, 180, 214, 0.65), 98px 32px 0 rgba(66, 180, 214, 0.65), 84px 24px 0 rgba(66, 180, 214, 0.65), 56px 115px 0 rgba(66, 180, 214, 0.65), 130px 113px 0 rgba(66, 180, 214, 0.65), 167px 32px 0 rgba(66, 180, 214, 0.65), 288px 53px 0 rgba(66, 180, 214, 0.65), 125px 53px 0 rgba(66, 180, 214, 0.65), -5px -5px 0 rgba(66, 180, 214, 0.65), 148px -5px 0 rgba(66, 180, 214, 0.65), 195px 118px 0 rgba(66, 180, 214, 0.65), 164px 2px 0 rgba(66, 180, 214, 0.65), 156px 111px 0 rgba(66, 180, 214, 0.65), 145px 154px 0 rgba(66, 180, 214, 0.65), 67px 131px 0 rgba(66, 180, 214, 0.65), 123px 57px 0 rgba(66, 180, 214, 0.65), 122px 64px 0 rgba(66, 180, 214, 0.65), 39px 5px 0 rgba(66, 180, 214, 0.65), 98px 123px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-b { position: absolute; top: 224px; left: 747px; width: 228px; height: 26px; }

.stories-map #as-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-b:before { box-shadow: 67px 3px 0 rgba(66, 180, 214, 0.65), 5px 0px 0 rgba(66, 180, 214, 0.65), 39px -4px 0 rgba(66, 180, 214, 0.65), 142px 13px 0 rgba(66, 180, 214, 0.65), 64px 2px 0 rgba(66, 180, 214, 0.65), 88px -3px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-c { position: absolute; top: 251px; left: 796px; width: 33px; height: 60px; }

.stories-map #as-c:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-c:before { box-shadow: 10px 1px 0 rgba(66, 180, 214, 0.65), 7px 1px 0 rgba(66, 180, 214, 0.65), 27px 24px 0 rgba(66, 180, 214, 0.65), 13px 34px 0 rgba(66, 180, 214, 0.65), 4px 46px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-d { position: absolute; top: 251px; left: 881px; width: 40px; height: 50px; }

.stories-map #as-d:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-d:before { box-shadow: 25px 31px 0 rgba(66, 180, 214, 0.65), 16px 29px 0 rgba(66, 180, 214, 0.65), -2px 8px 0 rgba(66, 180, 214, 0.65), 3px 4px 0 rgba(66, 180, 214, 0.65), 33px 10px 0 rgba(66, 180, 214, 0.65), 27px 39px 0 rgba(66, 180, 214, 0.65), 19px 21px 0 rgba(66, 180, 214, 0.65), 21px 37px 0 rgba(66, 180, 214, 0.65), 6px 8px 0 rgba(66, 180, 214, 0.65), 16px 26px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-e { position: absolute; top: 120px; left: 959px; width: 38px; height: 70px; }

.stories-map #as-e:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-e:before { box-shadow: 21px 26px 0 rgba(66, 180, 214, 0.65), 28px 5px 0 rgba(66, 180, 214, 0.65), 26px 15px 0 rgba(66, 180, 214, 0.65), 22px 30px 0 rgba(66, 180, 214, 0.65), 2px 8px 0 rgba(66, 180, 214, 0.65), 10px 28px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-e:after { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 700ms forwards; -moz-animation: load-dots 300ms 700ms forwards; animation: load-dots 300ms 700ms forwards; box-shadow: 7px 33px 0 rgba(66, 180, 214, 0.65), 0px 35px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-f { position: absolute; top: 53px; left: 959px; width: 96px; height: 45px; }

.stories-map #as-f:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-f:before { box-shadow: 51px 20px 0 rgba(66, 180, 214, 0.65), 32px 34px 0 rgba(66, 180, 214, 0.65), 41px 32px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-g { position: absolute; top: 329px; left: 934px; width: 30px; height: 31px; }

.stories-map #as-g:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-g:before { box-shadow: 1px 15px 0 rgba(66, 180, 214, 0.65), 2px -4px 0 rgba(66, 180, 214, 0.65); }

.stories-map #as-h { position: absolute; top: 170px; left: 1014px; width: 15px; height: 26px; }

.stories-map #as-h:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #as-h:before { box-shadow: 1px 15px 0 rgba(66, 180, 214, 0.65), 2px -4px 0 rgba(66, 180, 214, 0.65); }

.stories-map #nz-a { position: absolute; top: 505px; left: 1159px; width: 30px; height: 21px; }

.stories-map #nz-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #nz-a:before { box-shadow: 14px -2px 0 rgba(66, 180, 214, 0.65), 22px -4px 0 rgba(66, 180, 214, 0.65), 9px 15px 0 rgba(66, 180, 214, 0.65); }

.stories-map #nz-b { position: absolute; top: 535px; left: 1139px; width: 20px; height: 31px; }

.stories-map #nz-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #nz-b:before { box-shadow: 14px -2px 0 rgba(66, 180, 214, 0.65), 22px -4px 0 rgba(66, 180, 214, 0.65), 9px 15px 0 rgba(66, 180, 214, 0.65); }

.stories-map #au-a { position: absolute; top: 415px; left: 1020px; width: 60px; height: 78px; }

.stories-map #au-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #au-a:before { box-shadow: 28px 45px 0 rgba(66, 180, 214, 0.65), 44px 24px 0 rgba(66, 180, 214, 0.65), 35px 27px 0 rgba(66, 180, 214, 0.65), 42px 1px 0 rgba(66, 180, 214, 0.65), 5px 62px 0 rgba(66, 180, 214, 0.65), 49px 27px 0 rgba(66, 180, 214, 0.65), 43px 55px 0 rgba(66, 180, 214, 0.65), 51px 36px 0 rgba(66, 180, 214, 0.65), 25px 65px 0 rgba(66, 180, 214, 0.65), 38px 56px 0 rgba(66, 180, 214, 0.65); }

.stories-map #au-b { position: absolute; top: 428px; left: 941px; width: 78px; height: 49px; }

.stories-map #au-b:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #au-b:before { box-shadow: -4px -3px 0 rgba(66, 180, 214, 0.65), 52px 23px 0 rgba(66, 180, 214, 0.65), 12px 17px 0 rgba(66, 180, 214, 0.65), 6px 34px 0 rgba(66, 180, 214, 0.65), 29px 20px 0 rgba(66, 180, 214, 0.65), -2px 34px 0 rgba(66, 180, 214, 0.65); }

.stories-map #ph-a { position: absolute; top: 342px; left: 1015px; width: 68px; height: 23px; }

.stories-map #ph-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #ph-a:before { box-shadow: 44px 24px 0 rgba(66, 180, 214, 0.65); }

.stories-map #ha-a { position: absolute; top: 229px; left: 8px; width: 25px; height: 14px; }

.stories-map #ha-a:before { -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-animation: load-dots 300ms 1500ms forwards; -moz-animation: load-dots 300ms 1500ms forwards; animation: load-dots 300ms 1500ms forwards; }

.stories-map #ha-a:before { box-shadow: 6px 9px 0 rgba(66, 180, 214, 0.65); }

.stories-map .student-map { list-style: none; margin: 0; padding: 0; }

.stories-map .student-tooltip { transition: border 200ms ease-in-out, background-color 200ms ease-in-out, box-shadow 200ms ease-in-out; opacity: 0; background-color: #5fcf80; box-shadow: 0 0 0 2px transparent; border: solid 0px transparent; z-index: 98; }

@media screen and (min-width: 768px) { .stories-map .student-tooltip { border: solid 2px #fff; }
  .stories-map .student-tooltip:hover { border: solid 2px #fff; box-shadow: 0 0 0 2px #5fcf80; background-color: #3ac162; cursor: pointer; z-index: 99; }
  .stories-map .student-tooltip.tooltip-showing { border: solid 2px #fff; box-shadow: 0 0 0 2px #a083c8; background-color: #a083c8; z-index: 99; } }

.stories-map .student-tooltip-anchor { display: block; margin-bottom: 20px; position: relative; }

.stories-map .student-tooltip-anchor:last-child { margin-bottom: 0; }

@media screen and (min-width: 768px) { .stories-map .student-tooltip-anchor:hover .student-tooltip-name, .stories-map .student-tooltip-anchor:hover .student-tooltip-location { color: #5fcf80; }
  .stories-map .student-tooltip-anchor:hover .student-tooltip-avatar { box-shadow: 0 0 0 3px #5fcf80; } }

.stories-map .student-tooltip-name { transition: color 200ms ease-in-out; color: #fff; display: block; font-size: 14px; margin: 0; }

.stories-map .student-tooltip-name-wrapper { padding-left: 44px; }

.stories-map .student-tooltip-location { transition: color 200ms ease-in-out; color: #fff; display: block; font-size: 11px; }

.stories-map .student-tooltip-container.tooltip { transition: opacity 200ms ease-in-out, transform 200ms cubic-bezier(0.35, 0.25, 0.35, -1.25); -ms-transform: translateY(-18px); -moz-transform: translateY(-18px); -webkit-transform: translateY(-18px); transform: translateY(-18px); opacity: 0; visibility: hidden; width: 240px; margin-left: -120px; }

@media screen and (min-width: 768px) { .stories-map .student-tooltip-container.tooltip.tooltip-showing { -ms-transform: translateY(-8px); -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); opacity: 1; visibility: visible; } }

.stories-map .student-tooltip-avatar { transition: box-shadow 200ms ease-in-out; position: absolute; top: 50%; left: 0; width: 32px; height: 32px; border-radius: 32px; display: block; margin-top: -16px; }

.stories-map .colorado { position: absolute; top: 194px; left: 77px; width: 20px; height: 20px; border-radius: 20px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .india { position: absolute; top: 278px; left: 806px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .england { position: absolute; top: 118px; left: 486px; width: 28px; height: 28px; border-radius: 28px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .ontario { position: absolute; top: 144px; left: 193px; width: 20px; height: 20px; border-radius: 20px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .kansas { position: absolute; top: 192px; left: 109px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .kentucky { position: absolute; top: 186px; left: 183px; width: 20px; height: 20px; border-radius: 20px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .texas { position: absolute; top: 218px; left: 110px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .california { position: absolute; top: 180px; left: 45px; width: 28px; height: 28px; border-radius: 28px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .australia { position: absolute; top: 464px; left: 1040px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .georgia { position: absolute; top: 200px; left: 158px; width: 26px; height: 26px; border-radius: 26px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .kenya { position: absolute; top: 346px; left: 645px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .florida { position: absolute; top: 219px; left: 192px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .thailand { position: absolute; top: 277px; left: 900px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .washington { position: absolute; top: 160px; left: 58px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .new-york { position: absolute; top: 175px; left: 213px; width: 20px; height: 20px; border-radius: 20px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .iceland { position: absolute; top: 60px; left: 472px; width: 20px; height: 20px; border-radius: 20px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .arizona { position: absolute; top: 216px; left: 83px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .oregon { position: absolute; top: 167px; left: 50px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .germany { position: absolute; top: 114px; left: 527px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .united-kingdom { position: absolute; top: 96px; left: 485px; width: 24px; height: 24px; border-radius: 24px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .columbia { position: absolute; top: 325px; left: 200px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .michigan { position: absolute; top: 165px; left: 180px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .pennsylvania { position: absolute; top: 186px; left: 203px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .switzerland { position: absolute; top: 134px; left: 517px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .massachusetts { position: absolute; top: 180px; left: 223px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .south-korea { position: absolute; top: 180px; left: 982px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

.stories-map .north-carolina { position: absolute; top: 196px; left: 193px; width: 16px; height: 16px; border-radius: 16px; -webkit-animation: load-dots 500ms 1000ms forwards; -moz-animation: load-dots 500ms 1000ms forwards; animation: load-dots 500ms 1000ms forwards; }

@-webkit-keyframes load-dots { 0% { -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-moz-keyframes load-dots { 0% { -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes load-dots { 0% { -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
.perks-header { text-align: center; padding: 72px 0; background: url(/assets/layouts/header-bg-0e6a992b193cbbf0ea2d9b2a00521d3d8aba1f47908c04dd57782e774c20f0f5.svg) #f6f9fa 0 -70px repeat; }

.perks-controller h3 { text-align: center; }

.perks-controller .more-deals { width: 100%; text-align: center; padding: 30px 15px 60px 15px; }

.perks-controller .more-deals h3 { padding: 0 25px; }

.perks-controller .more-deals p { padding: 0 25px; }

.perks-controller .more-deals p span { display: block; }

.perks-controller .perks-wrapper { margin-left: -15px; margin-right: -15px; margin-top: 40px; text-align: center; border-radius: 6px; }

.perks-controller .perks-wrapper:before, .perks-controller .perks-wrapper:after { content: " "; display: table; }

.perks-controller .perks-wrapper:after { clear: both; }

.perks-controller .perks-wrapper .item { background: #FFF; border-radius: 6px; border: solid 2px #e9f0f3; padding: 35px 0 40px 0; min-height: 290px; position: relative; overflow: hidden; margin-bottom: 30px; }

.perks-controller .perks-wrapper .item:nth-child(3n+1) { clear: both; }

.perks-controller .perks-wrapper .item.pro-perk { border-color: #3f8abf; }

.perks-controller .perks-wrapper .item img { max-width: 70%; margin-bottom: 10px; }

.perks-controller .perks-wrapper .item .perk-logo { height: 74px; }

.perks-controller .perks-wrapper .item .perk-info { height: 210px; }

.perks-controller .perks-wrapper .item h3 { text-align: center; padding: 0 25px; line-height: 1.4; font-size: 18px; }

.perks-controller .perks-wrapper .item p { text-align: center; margin-bottom: 15px; padding: 0 30px; font-size: 14px; }

.perks-controller .perks-wrapper .item.coming-soon { background: #fff; min-height: 350px; border: none; }

.perks-controller .perks-wrapper .item.coming-soon img { margin: 120px auto 0 auto; opacity: 0.6; width: 60px; height: 60px; }

.perks-controller .perks-wrapper .item.coming-soon h3 { margin-bottom: 65px; }

.perks-controller .perks-wrapper .item .selection { background: #dbe5e8; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 98; opacity: 0.6; display: none; }

.perks-controller .perks-wrapper .item .selection a { display: block; width: 100%; height: 100%; }

.perks-controller .perks-wrapper .expanded { background: #FFF; border: solid 2px #e9f0f3; margin: 0 15px 30px 15px; padding-bottom: 40px; border-radius: 6px; display: none; position: relative; width: auto; }

.perks-controller .perks-wrapper .expanded:before, .perks-controller .perks-wrapper .expanded:after { content: " "; display: table; }

.perks-controller .perks-wrapper .expanded:after { clear: both; }

.perks-controller .perks-wrapper .expanded img { width: 350px; margin: 35px 0 10px 0; }

.perks-controller .perks-wrapper .expanded h2 { font-size: 24px; }

.perks-controller .perks-wrapper .expanded p.large { font-size: 16px; margin-bottom: 45px; color: #1a2126; padding: 0 80px; }

.perks-controller .perks-wrapper .expanded .offer-details { text-align: left; padding: 0 15px 0 20px; }

.perks-controller .perks-wrapper .expanded .offer-details p { font-size: 14px !important; }

.perks-controller .perks-wrapper .expanded .offer-details h4 { font-size: 18px; color: #2d3339; }

.perks-controller .perks-wrapper .expanded .offer-form, .perks-controller .perks-wrapper .expanded .thank-you { text-align: left; margin: 25px 10px 0 15px; background: #f1f5f6; border-radius: 6px; padding: 15px 30px 10px 30px; }

.perks-controller .perks-wrapper .expanded .offer-form:before, .perks-controller .perks-wrapper .expanded .offer-form:after, .perks-controller .perks-wrapper .expanded .thank-you:before, .perks-controller .perks-wrapper .expanded .thank-you:after { content: " "; display: table; }

.perks-controller .perks-wrapper .expanded .offer-form:after, .perks-controller .perks-wrapper .expanded .thank-you:after { clear: both; }

.perks-controller .perks-wrapper .expanded .offer-form p, .perks-controller .perks-wrapper .expanded .thank-you p { font-size: 14px; }

.perks-controller .perks-wrapper .expanded .offer-form p a, .perks-controller .perks-wrapper .expanded .thank-you p a { word-wrap: break-word; }

.perks-controller .perks-wrapper .expanded .offer-form span, .perks-controller .perks-wrapper .expanded .thank-you span { color: #8998a2; font-weight: 700; }

.perks-controller .perks-wrapper .expanded .offer-form a, .perks-controller .perks-wrapper .expanded .thank-you a { font-weight: 700; }

.perks-controller .perks-wrapper .expanded .offer-form h4, .perks-controller .perks-wrapper .expanded .thank-you h4 { font-size: 18px; color: #2d3339; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; }

.perks-controller .perks-wrapper .expanded .offer-form .form-item, .perks-controller .perks-wrapper .expanded .thank-you .form-item { width: 100%; }

.perks-controller .perks-wrapper .expanded .offer-form label, .perks-controller .perks-wrapper .expanded .thank-you label { color: #939da4; font-size: 15px; }

.perks-controller .perks-wrapper .expanded .offer-form input.text, .perks-controller .perks-wrapper .expanded .thank-you input.text { background: #e4ecee; color: #727f88; }

.perks-controller .perks-wrapper .expanded .offer-form input.text:focus, .perks-controller .perks-wrapper .expanded .thank-you input.text:focus { background: #d5e0e4; color: #727f88; }

.perks-controller .perks-wrapper .expanded .thank-you { display: none; }

.perks-controller .perks-wrapper .expanded .offer-close { position: absolute; top: 30px; right: 30px; line-height: 0; z-index: 100; }

.perks-controller .perks-wrapper .expanded .offer-close svg { fill: #4e5a64; }

.perks-controller .perks-wrapper .expanded .offer-close:hover svg { fill: #384047; }

@media screen and (max-width: 767px) { #perks-page .columns { padding: 0; }
  #perks-page .perks-wrapper .item { max-width: 70%; margin: 0 auto 30px auto; padding-bottom: 60px; min-height: inherit; }
  #perks-page .perks-wrapper .item img { max-width: 60%; }
  #perks-page .perks-wrapper .item p { padding-bottom: 22px; }
  #perks-page .perks-wrapper .item.coming-soon { min-height: 200px; }
  #perks-page .perks-wrapper .item.coming-soon img { margin-top: 38px; }
  #perks-page .perks-wrapper .item.coming-soon h3 { margin-bottom: 30px; }
  #perks-page .perks-wrapper .expanded { max-width: 70%; margin: 0 auto 30px auto; padding-bottom: 20px; }
  #perks-page .perks-wrapper .expanded img { max-width: 60%; }
  #perks-page .perks-wrapper .expanded h2 { padding-right: 30px; padding-left: 30px; }
  #perks-page .perks-wrapper .expanded p.large { padding: 0 30px; margin-bottom: 30px; }
  #perks-page .perks-wrapper .expanded .offer-details { padding: 0 20px 0 20px; }
  #perks-page .perks-wrapper .expanded .offer-form, #perks-page .perks-wrapper .expanded .thank-you { margin: 14px 20px 0 20px; padding: 10px 20px 0 20px; }
  #perks-page .perks-wrapper .expanded .offer-form .form-item:before, #perks-page .perks-wrapper .expanded .offer-form .form-item:after, #perks-page .perks-wrapper .expanded .thank-you .form-item:before, #perks-page .perks-wrapper .expanded .thank-you .form-item:after { content: " "; display: table; }
  #perks-page .perks-wrapper .expanded .offer-form .form-item:after, #perks-page .perks-wrapper .expanded .thank-you .form-item:after { clear: both; }
  #perks-page .perks-wrapper .expanded .offer-close { top: 15px; right: 15px; width: 30px; height: 30px; }
  #perks-page .perks-wrapper .expanded .offer-close .icon-close { width: 30px; height: 30px; background: url("/assets/icons/icon-close-lg-8b4a295dfd0bf2b7aa5667573d069d6762f57d60df70e58fe896e26b217ccf76.png") no-repeat center center; background-size: 15px 14px; }
  #perks-page .more-deals p span { display: inline; } }

@media screen and (max-width: 640px) { #perks-page .perks-wrapper .item { max-width: 80%; }
  #perks-page .perks-wrapper .expanded { max-width: 80%; } }

@media screen and (max-width: 480px) { #perks-page .perks-wrapper .item { max-width: 90%; }
  #perks-page .perks-wrapper .expanded { max-width: 90%; }
  #perks .modal.two-quarter { width: 90%; } }
#lander .hero > section#course-module-video { transition: transform 400ms 200ms ease; -ms-transform: translateY(-400%); -moz-transform: translateY(-400%); -webkit-transform: translateY(-400%); transform: translateY(-400%); width: 100%; opacity: 0; max-height: 622px; max-width: 1000px; margin: 0 auto; }

#lander .hero > section#course-module-video .mejs-container.fixed-controls, #lander .hero > section#course-module-video video { border-radius: 0; max-width: 100% !important; }

.hero-video-in-progress #lander .hero > section#course-module-video { -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.hero-video-played #lander .hero > section#course-module-video { -ms-transform: translateY(-400%); -moz-transform: translateY(-400%); -webkit-transform: translateY(-400%); transform: translateY(-400%); opacity: 0; }

#lander .hero #course-module-cc { transition: transform 400ms 200ms ease; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -ms-transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); background-color: #2d3339; height: 622px; display: none; }

#lander .hero #course-module-cc .mixed-box .box-header { border-radius: 0; }

.hero-video-playing #lander .hero #course-module-cc { display: none; }

.hero-video-played #lander .hero #course-module-cc { -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

#lander .hero #course-module-cc #task-count { color: #8d9aa5; font-size: 14px; margin-top: 0; margin-bottom: 10px; }

#lander .hero #course-module-cc #task { color: #2d3339; font-size: 20px; font-weight: 700; margin-bottom: 0; }

#lander .hero #course-module-cc .button { margin-right: 5px; }

#lander .hero #course-module-cc .button.button-secondary { border-color: #d4d9dd; color: #70808e; }

#lander .hero #course-module-cc .button.button-secondary:hover { border-color: #b2bbc2; }

#lander .hero #course-module-cc .button.button-secondary svg { fill: #70808e; }

#lander .hero #course-module-cc .button.button-secondary svg.close-icon { position: relative; top: -1px; }

#lander .hero #course-module-cc .button:not(.square) { padding: 0 16px; }

#lander .hero #course-module-cc .button svg.right-arrow-icon { position: relative; top: -1px; }

#lander .hero #course-module-cc .get-hint { position: relative; }

#lander .hero #course-module-cc .get-hint .hint-code { transition: opacity 200ms ease-in-out; position: absolute; bottom: 42px; left: -10px; text-align: left; opacity: 0; border-radius: 5px; background-color: #fff; border: solid 1px #e6e6e6; font-family: courier, monospace; font-size: 12px; color: #ed5a5a; padding: 5px 10px; z-index: 2; line-height: 1.8; }

#lander .hero #course-module-cc .get-hint .hint-code.show-hint { opacity: 1; }

#lander .hero #course-module-cc .get-hint .hint-code:before { position: absolute; bottom: -16px; left: 28px; content: " "; display: block; border: solid 8px; border-color: #fff transparent transparent transparent; z-index: 2; }

#lander .hero #course-module-cc .get-hint .hint-code:after { position: absolute; bottom: -20px; left: 26px; content: " "; display: block; border: solid 10px; border-color: #e6e6e6 transparent transparent transparent; z-index: 1; }

#lander .hero #course-module-cc #feedback { transition: background-color 100ms ease-in-out; }

#lander .hero #course-module-cc #feedback.error { background-color: #ed5a5a; }

#lander .hero #course-module-cc #feedback.error p { color: #fff; }

#lander .hero #course-module-cc #feedback.error .feedback-note { display: none; }

#lander .hero #course-module-cc #feedback.error .button-primary { background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0); color: #ed5a5a; }

#lander .hero #course-module-cc #feedback.error .button-primary:hover { background-color: #fff; }

#lander .hero #course-module-cc #feedback.error .button-secondary { border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); }

#lander .hero #course-module-cc #feedback.error .button-secondary:hover { border-color: #fff; color: #fff; }

#lander .hero #course-module-cc #feedback.error .feedback-error { display: inline-block; }

#lander .hero #course-module-cc #feedback.success { background-color: #5fcf80; }

#lander .hero #course-module-cc #feedback.success p { color: #fff; }

#lander .hero #course-module-cc #feedback.success .feedback-note { display: none; }

#lander .hero #course-module-cc #feedback.success .button-primary { background-color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0); color: #5fcf80; }

#lander .hero #course-module-cc #feedback.success .button-primary:hover { background-color: #fff; }

#lander .hero #course-module-cc #feedback.success .button-secondary { border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); }

#lander .hero #course-module-cc #feedback.success .button-secondary:hover { border-color: #fff; color: #fff; }

#lander .hero #course-module-cc #feedback.success .feedback-success { display: inline-block; }

#lander .hero #course-module-cc #feedback.success .get-hint, #lander .hero #course-module-cc #feedback.success .check-work, #lander .hero #course-module-cc #feedback.success .feedback-error { display: none; }

#lander .hero #course-module-cc #feedback.success .button svg { fill: #5fcf80; }

#lander .hero #course-module-cc #feedback.success .next-task { display: inline-block; float: right; }

#lander .hero #course-module-cc .box-action-text { font-size: 12px; line-height: 1.6; }

@media screen and (max-width: 680px) { #lander .hero #course-module-cc .box-action-text .info-icon { display: none; } }

@media screen and (min-width: 681px) { #lander .hero #course-module-cc .box-action-text { width: 420px; } }

#lander .hero #course-module-cc .box-action-text svg { fill: #d4d9dd; float: left; margin-right: 10px; position: relative; top: 2px; width: 34px; height: 34px; }

@media screen and (max-width: 680px) { #lander .hero #course-module-cc .box-action-buttons { float: left; clear: left; } }

@media screen and (min-width: 768px) { #lander .hero #course-module-cc .box-action-buttons { position: relative; top: 1px; float: right; } }

#lander .hero #course-module-cc .feedback-success, #lander .hero #course-module-cc .feedback-error, #lander .hero #course-module-cc .next-task { display: none; }

#lander .hero #course-module-cc #code-editor { background-color: #384047; min-height: 470px; position: relative; }

#lander .hero #course-module-cc #code-editor:before { position: absolute; top: 11px; left: 15px; width: 20px; height: 100%; content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21"; display: block; font-family: "Courier", monospace; font-weight: 700; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.2); }

#lander .hero #course-module-cc #code-editor textarea { border-radius: 0; background-color: transparent; border: none; color: #fff; font-family: "Courier", monospace; font-weight: 700; padding-left: 50px; resize: none; height: 100%; position: absolute; z-index: 1; }

@media screen and (max-width: 767px) { #lander .hero #course-module-cc #course-module-buttons { margin-top: 20px; } }

@media screen and (min-width: 768px) { #lander .hero #course-module-cc #course-module-buttons { position: absolute; top: 30px; right: 30px; } }

.hero-video-played #lander .hero #course-module-cc { -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

#lander .hero #course-celebration { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; padding-top: 80px; height: 622px; }

#lander .hero #course-celebration h3 { color: #fff; margin-top: 0; }

#lander .hero #course-celebration p { color: #fff; margin-bottom: 50px; }

#lander .hero #course-celebration .button { margin-bottom: 10px; }

#lander .hero #course-celebration .fake-badge { -ms-transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-animation: fake-badge-slide 300ms 500ms ease-in-out forwards; -moz-animation: fake-badge-slide 300ms 500ms ease-in-out forwards; animation: fake-badge-slide 300ms 500ms ease-in-out forwards; opacity: 0; width: 100px; margin-bottom: 20px; }

.hero-video-playing #lander .hero, .hero-video-paused #lander .hero { background-color: #2d3339; }

@-webkit-keyframes fake-badge-slide { 0% { -ms-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
    opacity: 0; }
  50% { -ms-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-moz-keyframes fake-badge-slide { 0% { -ms-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
    opacity: 0; }
  50% { -ms-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fake-badge-slide { 0% { -ms-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
    opacity: 0; }
  50% { -ms-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
.green-hero-form { margin-top: 0; padding-bottom: 0; background-image: none; background-color: #5fcf80; color: white; margin-bottom: 0; text-align: left; }

.green-hero-form .form-card { padding: 30px; border-radius: 5px; background: white; text-align: left; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15); margin-bottom: 80px; }

.green-hero-form .form-card .trial-banner { background-color: #637a91; border-radius: 5px 5px 0 0; text-align: center; font-weight: 500; padding: 20px; margin: -30px -30px 30px; color: #fff; }

.green-hero-form .form-card fieldset { border: none; border-bottom: 1px solid #edeff0; }

.green-hero-form .form-card .row { padding: 0 9px; }

.green-hero-form .form-card .columns { padding: 0 6px; }

.green-hero-form .form-card h3 { margin-top: -3px; }

.green-hero-form .form-card .play-icon { width: 10px; height: 13px; position: relative; top: .1px; margin-left: 10px; fill: #fff; }

.course-catalog { background: url(/assets/views/landing_pages/green-illustration-bg-c581b2117435570bf3f91b6bdfdaf78a3365cc0846b97d8e2631b4ef206fa5c7.svg) #5fcf80; }

.course-catalog h5 { color: #52B575; text-align: right; }

.course-catalog h5 strike { color: #587081; }

.course-catalog button { height: 100%; padding: 16px; line-height: 20px; white-space: normal; }

.hero-ny { position: relative; background-color: #333; background-size: cover; }

.hero-ny h2 { line-height: 1.4 !important; }

@media screen and (max-width: 959px) { .hero-ny > section { position: relative; z-index: 1; }
  .hero-ny .blackout { background-color: rgba(0, 0, 0, 0.4); z-index: 0; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } }

.hero-ny .form-label { font-size: 14px; }

@media screen and (min-width: 680px) { .hero-ny .form-label--last { margin-left: -11px; } }

.hero-ny .form-text-input__pair { background-color: rgba(255, 255, 255, 0.6); color: #333; }

.hero-ny .form-text-input__pair:focus { background-color: #fff; }

@media screen and (min-width: 680px) { .hero-ny .form-text-input__pair--first { border-radius: 5px 0 0 5px; }
  .hero-ny .form-text-input__pair--last { border-radius: 0 5px 5px 0; margin-left: -11px; } }

@media screen and (max-width: 679px) { .hero-joe, .hero-scott, .hero-manifesto { background-position: right 0; } }

@media screen and (min-width: 680px) and (max-width: 1400px) { .hero-joe, .hero-scott, .hero-manifesto { background-position: right center; } }

@media screen and (min-width: 1750px) { .hero-joe, .hero-scott, .hero-manifesto { background-position: 0 -110px; } }

.hero-joe { background-image: url(/assets/marketing/landings/hero-joe-aff9d6b9668e2fac69d01de8c93d8174c4e542634d238b904b77378bf67b816c.jpg); }

.hero-scott { background-image: url(/assets/marketing/landings/hero-scott-38b14e4ba4ec927dd89ab69433a8e74572c5ef609a0464fb842105732575722c.jpg); }

.hero-manifesto { background-image: url(/assets/marketing/landings/hero-manifesto-0a939bc9fd0da51fae649de87356d2cb164a0071d68ce794f903c14e75cfc120.jpg); }
html.hero-video-in-progress #lander header { -webkit-animation: height_change 0 0 linear forwards; -moz-animation: height_change 0 0 linear forwards; animation: height_change 0 0 linear forwards; max-height: 622px; }

#hero-initial { height: 622px; }

@media screen and (max-width: 767px) { #hero-initial { padding-top: 40px; } }

@media screen and (min-width: 768px) { #hero-initial { padding-top: 150px; } }

.ff #lander header { height: 622; }

.ff #lander .button.cta svg { position: relative; top: 0; }

.hero-video-in-progress.ff #lander header, .hero-video-in-progress.ipad #lander header { height: auto; }

.hero-video-played.ff #lander header { height: 622px; }

#lander header { transition: background-color 200ms ease-in-out; background: #5fcf80; overflow: hidden; position: relative; text-align: left; padding: 0; max-height: 622px; }

#lander header.hero-blue { background: #3f8abf; }

#lander header.hero-purple { background: #a083c8; }

#lander header.hero-red { background: #ed5a5a; }

#lander header.hero-yellow { background: #ffd465; }

#lander header h1, #lander header .subheading { opacity: 0; -webkit-animation: opacity_change 500ms 1000ms ease-in forwards; -moz-animation: opacity_change 500ms 1000ms ease-in forwards; animation: opacity_change 500ms 1000ms ease-in forwards; text-align: left; color: #fff; }

#lander header h1 { line-height: 1.2; margin-bottom: 30px; }

@media screen and (max-width: 767px) { #lander header h1 { font-size: 32px; } }

@media screen and (min-width: 768px) { #lander header h1 { font-size: 42px; } }

#lander header .card { padding: 0; box-shadow: 0 1px 0px rgba(0, 0, 0, 0); width: auto; }

@media screen and (min-width: 768px) { #lander header .card { margin-right: 40px; } }

@media screen and (max-width: 767px) { #lander header .card { margin-top: 15px; } }

#lander header .card:hover .button.cta { background-color: #3ac162; border-color: #3ac162; }

#lander header .card:hover strong { color: #B2BAC2; }

#lander header .card-box { -webkit-animation: load_cta_card_ie 250ms 1000ms ease-in forwards; -moz-animation: load_cta_card_ie 250ms 1000ms ease-in forwards; animation: load_cta_card_ie 250ms 1000ms ease-in forwards; opacity: 0; min-height: 296px; }

@media screen and (max-width: 420px) { #lander header .card-title { font-size: 15px; } }

#lander header .card-stages { margin: 0; }

#lander header .card-description { font-size: 14px; }

#lander header .button.cta { margin-top: 30px; }

@media screen and (max-width: 420px) { #lander header .button.cta { font-size: 13px; } }

#lander header .button.cta svg { width: 10px; height: 13px; position: relative; top: 1px; margin-left: 4px; fill: #fff; }

@media screen and (max-width: 767px) { #lander header .transparent-card { display: none; } }

@media screen and (min-width: 768px) { #lander header .transparent-card { width: 388px; height: 249px; opacity: 0; }
  #lander header .transparent-card:nth-child(1) { -webkit-animation: load_trans_card_a 250ms 900ms ease-in forwards; -moz-animation: load_trans_card_a 250ms 900ms ease-in forwards; animation: load_trans_card_a 250ms 900ms ease-in forwards; position: absolute; top: -269px; right: 55px; }
  #lander header .transparent-card:nth-child(2) { -webkit-animation: load_trans_card_a 250ms 1100ms ease-in forwards; -moz-animation: load_trans_card_a 250ms 1100ms ease-in forwards; animation: load_trans_card_a 250ms 1100ms ease-in forwards; position: absolute; top: 330px; right: 55px; }
  #lander header .transparent-card:nth-child(3) { -webkit-animation: load_trans_card_b 250ms 950ms ease-in forwards; -moz-animation: load_trans_card_b 250ms 950ms ease-in forwards; animation: load_trans_card_b 250ms 950ms ease-in forwards; position: absolute; top: -380px; right: -353px; }
  #lander header .transparent-card:nth-child(4) { -webkit-animation: load_trans_card_b 250ms 1050ms ease-in forwards; -moz-animation: load_trans_card_b 250ms 1050ms ease-in forwards; animation: load_trans_card_b 250ms 1050ms ease-in forwards; position: absolute; top: -111px; right: -353px; }
  #lander header .transparent-card:nth-child(5) { -webkit-animation: load_trans_card_b 250ms 1150ms ease-in forwards; -moz-animation: load_trans_card_b 250ms 1150ms ease-in forwards; animation: load_trans_card_b 250ms 1150ms ease-in forwards; position: absolute; top: 158px; right: -353px; }
  #lander header .transparent-card:nth-child(6) { -webkit-animation: load_trans_card_b 250ms 1000ms ease-in forwards; -moz-animation: load_trans_card_b 250ms 1000ms ease-in forwards; animation: load_trans_card_b 250ms 1000ms ease-in forwards; position: absolute; top: 427px; right: -353px; } }

#lander .mega-quote { background-image: url(/images/views/landing_pages/joelle-steiniger-megaquote.jpg); }

@media screen and (max-width: 459px) { #lander .mega-quote { background-position: -510px 0; } }

@media screen and (min-width: 460px) and (max-width: 540px) { #lander .mega-quote { background-position: -380px 0; } }

@media screen and (max-width: 620px) { #lander .mega-quote { padding-right: 40%; } }

@media screen and (min-width: 541px) and (max-width: 739px) { #lander .mega-quote { background-position: -240px 0; } }

@media screen and (min-width: 740px) and (max-width: 859px) { #lander .mega-quote { background-position: -90px 0; } }

@media screen and (min-width: 860px) { #lander .mega-quote { background-position: right top; } }

#lander .trust { text-align: center; }

#lander .trust svg { width: 100%; height: 64px; max-width: 640px; fill: #c7cfd1; }

#lander .trust .trust-headline { font-size: 18px; margin: 0 0 25px 0; }

html:not(.ie) #lander .card { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: transform 250ms ease-in, box-shadow 250ms ease-in; -webkit-animation: pulse_card 1000ms 1500ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 3; -moz-animation: pulse_card 1000ms 1500ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 3; animation: pulse_card 1000ms 1500ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 3; }

html:not(.ie) #lander .card:hover { -ms-transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused; }

html:not(.ie) #lander .card .title { -webkit-animation: load_cta_card 250ms 1000ms ease-in forwards; -moz-animation: load_cta_card 250ms 1000ms ease-in forwards; animation: load_cta_card 250ms 1000ms ease-in forwards; }

html.safari #lander .card:hover { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

#lander header > section .headline { padding-top: 0; }

#lander header > section .headline .button { margin-top: 30px; }

#lander header > section .hero-illustration { width: 540px; height: 540px; }

@media screen and (max-width: 767px) { #lander header > section .hero-illustration { position: absolute; top: 50px; left: 50%; margin-left: -270px; } }

@media screen and (min-width: 768px) and (max-width: 850px) { #lander header > section .hero-illustration { position: absolute; top: -106px; right: -200px; } }

@media screen and (min-width: 851px) and (max-width: 920px) { #lander header > section .hero-illustration { position: absolute; top: -106px; right: -130px; } }

@media screen and (min-width: 921px) { #lander header > section .hero-illustration { position: absolute; top: -106px; right: -80px; } }

#lander .row.indented { position: relative; max-width: 880px; }

@media screen and (min-width: 768px) { #lander .row.indented { height: 320px; } }

#lander .row.indented:nth-child(2), #lander .row.indented:nth-child(3) { margin-top: 120px; }

@media screen and (max-width: 767px) { #lander .proof-content { text-align: center; padding-top: 30px; } }

@media screen and (min-width: 768px) { #lander .proof-content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

#lander .practice .proof-content { padding-right: 40px; }

#lander .learn .proof-content, #lander .earn .proof-content { padding-left: 40px; }

#lander .sign-up-cta .button { margin-top: 30px; }

#lander footer { margin-top: 0; }

@-webkit-keyframes load_cta_card { 0% { -ms-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    opacity: 0; }
  100% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-moz-keyframes load_cta_card { 0% { -ms-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    opacity: 0; }
  100% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes load_cta_card { 0% { -ms-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    opacity: 0; }
  100% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes load_cta_card_ie { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes load_cta_card_ie { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes load_cta_card_ie { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes pulse_card { 0% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); }
  50% { -ms-transform: scale(1.015);
    -moz-transform: scale(1.015);
    -webkit-transform: scale(1.015);
    transform: scale(1.015);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
  100% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); } }

@-moz-keyframes pulse_card { 0% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); }
  50% { -ms-transform: scale(1.015);
    -moz-transform: scale(1.015);
    -webkit-transform: scale(1.015);
    transform: scale(1.015);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
  100% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); } }

@keyframes pulse_card { 0% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); }
  50% { -ms-transform: scale(1.015);
    -moz-transform: scale(1.015);
    -webkit-transform: scale(1.015);
    transform: scale(1.015);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); }
  100% { -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); } }

@-webkit-keyframes load_trans_card_a { 0% { -ms-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
    opacity: 0; }
  100% { -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-moz-keyframes load_trans_card_a { 0% { -ms-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
    opacity: 0; }
  100% { -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes load_trans_card_a { 0% { -ms-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
    opacity: 0; }
  100% { -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes load_trans_card_b { 0% { -ms-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
    opacity: 0; }
  100% { -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-moz-keyframes load_trans_card_b { 0% { -ms-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
    opacity: 0; }
  100% { -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes load_trans_card_b { 0% { -ms-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
    opacity: 0; }
  100% { -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes opacity_change { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes opacity_change { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes opacity_change { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes height_change { 0% { height: 622px; }
  100% { height: auto; } }

@-moz-keyframes height_change { 0% { height: 622px; }
  100% { height: auto; } }

@keyframes height_change { 0% { height: 622px; }
  100% { height: auto; } }
#shareasale, #coursecatalog { background-color: #FFF; }

#shareasale #mep_1 .mejs-controls, #coursecatalog #mep_1 .mejs-controls { display: none; }

#shareasale .plans-section, #coursecatalog .plans-section { background-color: #5fcf80; }

#shareasale .main-heading, #coursecatalog .main-heading { width: 100%; text-align: center; margin-bottom: 0; }

#shareasale .main-heading h1, #coursecatalog .main-heading h1 { font-size: 24px; margin-bottom: 7px; }

#shareasale .main-heading + .plans-boxes, #coursecatalog .main-heading + .plans-boxes { margin-top: 50px; }

#shareasale .header, #coursecatalog .header { display: none; }

#shareasale .landing-header, #coursecatalog .landing-header { background-color: #2d3538; padding: 15px 0; }

@media screen and (max-width: 767px) { #shareasale .landing-header, #coursecatalog .landing-header { padding: 15px; } }

#shareasale .landing-header .container, #coursecatalog .landing-header .container { max-width: 1000px; width: 100%; margin: 0 auto; }

#shareasale .landing-header .container:before, #shareasale .landing-header .container:after, #coursecatalog .landing-header .container:before, #coursecatalog .landing-header .container:after { content: " "; display: table; }

#shareasale .landing-header .container:after, #coursecatalog .landing-header .container:after { clear: both; }

#shareasale .landing-header .main-nav, #coursecatalog .landing-header .main-nav { float: right; width: 50%; margin: 2px 0 0 0; }

#shareasale .landing-header .main-nav ul, #coursecatalog .landing-header .main-nav ul { list-style: none; margin: 0; float: right; }

#shareasale .landing-header .main-nav ul li a, #coursecatalog .landing-header .main-nav ul li a { font-size: 12px; padding: 8px 16px 7px; text-transform: uppercase; color: white; font-weight: 700; text-decoration: none; vertical-align: middle; margin-bottom: 0; }

#shareasale .landing-header .th-logo, #coursecatalog .landing-header .th-logo { margin: 0; width: 50%; float: left; font-size: 0; }

#shareasale .section, #coursecatalog .section { padding-top: 0; padding-bottom: 0; }

#shareasale .plans-signup, #coursecatalog .plans-signup { padding-top: 60px; }

#shareasale .video-wrapper, #coursecatalog .video-wrapper { width: 100%; height: auto; margin-bottom: 45px; position: relative; }

#shareasale .video-wrapper .full-width-video, #coursecatalog .video-wrapper .full-width-video { position: relative; z-index: 0; top: 0; width: 100%; height: auto; }

#shareasale .video-wrapper .full-width-video .video, #coursecatalog .video-wrapper .full-width-video .video { width: 100%; height: auto; }

#shareasale .video-wrapper .video-feature, #coursecatalog .video-wrapper .video-feature { position: absolute; width: 100%; height: 100%; background: #242c2f url(/assets/views/landings/video-bkgd-large-045c1ea81e5cf4345dd6d61d1953b2da5a23665473553edd68cd1a3450b5df21.jpg) center center no-repeat; background-size: cover; top: 0; z-index: 1; text-align: center; }

#shareasale .video-wrapper .video-feature .message, #coursecatalog .video-wrapper .video-feature .message { position: absolute; width: 100%; height: 400px; top: 50%; margin: -140px 0 0 0; }

#shareasale .video-wrapper .video-feature h1, #coursecatalog .video-wrapper .video-feature h1 { color: #FFF; margin: -15px 0 10px 0; padding-top: 0; font-size: 38px; line-height: 1.2; }

#shareasale .video-wrapper .video-feature .deal, #coursecatalog .video-wrapper .video-feature .deal { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; color: #c9cfd4; }

#shareasale .video-wrapper .video-feature .deal strong, #coursecatalog .video-wrapper .video-feature .deal strong { color: #c9cfd4; }

#shareasale .video-wrapper .video-feature .plan-disclaimer, #coursecatalog .video-wrapper .video-feature .plan-disclaimer { display: block; color: #c9cfd4; margin-top: 22px; font-size: 10px; }

#shareasale .video-wrapper .video-feature .play-button, #coursecatalog .video-wrapper .video-feature .play-button { width: 70px; height: 70px; margin: 25px auto 35px auto; display: block; }

#shareasale .video-wrapper .video-feature .play-button a, #coursecatalog .video-wrapper .video-feature .play-button a { width: 100%; height: 100%; display: block; }

#shareasale .video-wrapper .video-feature .play-button a span, #coursecatalog .video-wrapper .video-feature .play-button a span { display: inline-block; }

#shareasale .video-wrapper .video-feature .play-button a .icon-play-button, #coursecatalog .video-wrapper .video-feature .play-button a .icon-play-button { width: 70px; height: 70px; position: relative; }

#shareasale .video-wrapper .video-feature .play-button a .icon-play-button .icon-play, #coursecatalog .video-wrapper .video-feature .play-button a .icon-play-button .icon-play { top: 50%; left: 50%; position: absolute; margin: -9px 0 0 -4px; }

#shareasale .secondary-content, #coursecatalog .secondary-content { padding-bottom: 100px; }

#shareasale .dashed-features, #coursecatalog .dashed-features { list-style-type: none; padding: 10px 0 0 0; margin: 0 auto; width: 100%; }

#shareasale .dashed-features h2, #coursecatalog .dashed-features h2 { font-size: 15px; margin: 0; }

#shareasale .dashed-features p, #coursecatalog .dashed-features p { line-height: 24px; margin: 10px 0; }

#shareasale .dashed-features-item, #coursecatalog .dashed-features-item { margin: 0 0 0 0; padding: 48px 6% 48px 6%; }

#shareasale .dashed-features-item:nth-of-type(3), #coursecatalog .dashed-features-item:nth-of-type(3) { padding-bottom: 110px; }

#shareasale .dashed-features-item-copy, #coursecatalog .dashed-features-item-copy { width: 45%; display: inline-block; padding: 0 0 0 50px; vertical-align: middle; background: #FFF; }

#shareasale .dashed-features-item-copy-second, #coursecatalog .dashed-features-item-copy-second { padding: 40px 0 0 0; margin-left: 59%; }

#shareasale .dashed-features-item-copy-third, #coursecatalog .dashed-features-item-copy-third { padding: 40px 0 0 0; margin-left: 4%; }

#shareasale .dashed-features-item-copy h2, #coursecatalog .dashed-features-item-copy h2 { text-align: left; }

#shareasale .copy-icon, #coursecatalog .copy-icon { width: 40%; height: 200px; border-radius: 4px; display: inline-block; vertical-align: middle; position: relative; }

#shareasale .copy-icon-first, #coursecatalog .copy-icon-first { background: #fbaea8 url(/assets/views/landings/feature-learn-a988d481d1948b152bd0514fee84c8f3d3ca75e20fcfe7aa36eebe1b7c217b0b.png) no-repeat center center; background-size: 160px 160px; }

#shareasale .copy-icon-first img, #coursecatalog .copy-icon-first img { width: 400px; height: 110px; border: 0; position: relative; top: 208px; left: 50%; }

#shareasale .copy-icon-second, #coursecatalog .copy-icon-second { background: #c1e0f5 url(/assets/views/landings/feature-practice-192fc0f1538f5b066a53b1ec666d7c9d59a8e0a88359eb3bc16e3d6a864eb9bf.png) no-repeat center center; background-size: 160px 160px; display: block; margin-left: 59%; margin-top: -20px; position: relative; }

#shareasale .copy-icon-second img, #coursecatalog .copy-icon-second img { width: 360px; height: 190px; border: 0; position: relative; top: 163px; left: -88%; z-index: -1; }

#shareasale .copy-icon-third, #coursecatalog .copy-icon-third { background: #b8f5d2 url(/assets/views/landings/feature-earn-6f2863f524bf5dfae2aec151c31861d208733708e32399274e928c2f3c38b848.png) no-repeat center center; background-size: 160px 160px; display: block; margin-left: 4%; margin-top: -185px; }

#shareasale .item, #coursecatalog .item { padding: 40px 10% 0 10%; }

#shareasale .item img, #coursecatalog .item img { width: 100%; height: auto; margin: 0 auto; display: block; }

#shareasale .item h3, #coursecatalog .item h3 { font-size: 14px; margin-top: 40px; color: #4c5760; }

#shareasale .item .link, #coursecatalog .item .link { padding: 0 21px 0 0; display: inline-block; margin: 0; }

#shareasale .item:hover, #coursecatalog .item:hover { text-decoration: none; }

#shareasale .tertiary-content, #coursecatalog .tertiary-content { background: #f4f7f8; padding: 80px 0 90px 0; }

#shareasale .tertiary-content .main-heading, #coursecatalog .tertiary-content .main-heading { border-bottom: 1px solid #dee7ea; padding-bottom: 45px; }

#shareasale .tertiary-content .main-heading h1, #coursecatalog .tertiary-content .main-heading h1 { font-size: 15px; margin-bottom: 25px; line-height: 1.4; }

#shareasale .tertiary-content .main-heading img, #coursecatalog .tertiary-content .main-heading img { width: 767px; }

#shareasale .tertiary-content .quote, #coursecatalog .tertiary-content .quote { padding-right: 13%; margin-top: 60px; position: relative; background: none; }

#shareasale .tertiary-content .quote::before, #coursecatalog .tertiary-content .quote::before { background: none; }

#shareasale .tertiary-content .quote p, #coursecatalog .tertiary-content .quote p { font-size: 17px; line-height: 1.9; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: italic; position: relative; z-index: 2; }

#shareasale .tertiary-content .quote img, #coursecatalog .tertiary-content .quote img { position: absolute; z-index: 1; top: -25px; left: -18px; width: 140px; height: 100px; }

#shareasale .tertiary-content .attribution, #coursecatalog .tertiary-content .attribution { color: #97a4ad; }

#shareasale .tertiary-content .attribution-second, #coursecatalog .tertiary-content .attribution-second { float: right; width: 85%; }

#shareasale .tertiary-content .attribution strong, #coursecatalog .tertiary-content .attribution strong { color: #97a4ad; display: block; line-height: 2; }

#shareasale .tertiary-content .attribution .deprecated-avatar, #coursecatalog .tertiary-content .attribution .deprecated-avatar { width: 50px; height: 50px; overflow: hidden; border-radius: 50px; float: left; margin: -1px 15px 0 0; }

#shareasale .tertiary-content .attribution .deprecated-avatar img, #coursecatalog .tertiary-content .attribution .deprecated-avatar img { width: 50px; height: 50px; }

#shareasale .tertiary-content .marketing-video, #coursecatalog .tertiary-content .marketing-video { border-left: 1px solid #dee7ea; padding-top: 73px; }

#shareasale .tertiary-content .video-thumb, #coursecatalog .tertiary-content .video-thumb { width: 85%; background: #eceff2; border-radius: 10px; float: right; margin-bottom: 24px; padding: 20px; }

#shareasale .plans-signup .offer, #coursecatalog .plans-signup .offer { background: #eaf4fa; color: #a0bcce; font-size: 13px; padding: 22px 40px; margin: 20px auto 0px auto; display: inline-block; border-radius: 3px; }

#shareasale .plans-signup .offer strong, #coursecatalog .plans-signup .offer strong { color: #96b5c9; text-transform: uppercase; font-size: 85%; padding: 0 1px; }

@media screen and (max-width: 767px) { #shareasale .main-heading p, #coursecatalog .main-heading p { font-size: 13px; }
  #shareasale .video-wrapper .full-width-video .video, #coursecatalog .video-wrapper .full-width-video .video { display: block; }
  #shareasale .video-wrapper .video-feature, #coursecatalog .video-wrapper .video-feature { height: 500px; }
  #shareasale .video-wrapper .video-feature .message, #coursecatalog .video-wrapper .video-feature .message { height: 260px; margin-top: -130px; }
  #shareasale .video-wrapper .video-feature h1, #coursecatalog .video-wrapper .video-feature h1 { font-size: 30px; padding-top: 10px; }
  #shareasale .video-wrapper .video-feature .deal, #coursecatalog .video-wrapper .video-feature .deal { font-size: 15px; }
  #shareasale .video-wrapper .video-feature p, #coursecatalog .video-wrapper .video-feature p { display: none; }
  #shareasale .video-wrapper .video-feature .disclaimer, #coursecatalog .video-wrapper .video-feature .disclaimer { display: none; }
  #shareasale .secondary-content, #coursecatalog .secondary-content { margin-top: 120px; }
  #shareasale .secondary-content .dashed-features-item, #coursecatalog .secondary-content .dashed-features-item { padding: 28px 0px 28px 0px; }
  #shareasale .secondary-content .dashed-features-item-copy, #coursecatalog .secondary-content .dashed-features-item-copy { display: block; padding: 20px 0 0 0; margin: 0 auto; width: 100%; max-width: 315px; }
  #shareasale .secondary-content .dashed-features-item-copy.second, #coursecatalog .secondary-content .dashed-features-item-copy.second { margin-left: auto; }
  #shareasale .secondary-content .dashed-features-item-copy.third, #coursecatalog .secondary-content .dashed-features-item-copy.third { margin-left: auto; }
  #shareasale .secondary-content .item, #coursecatalog .secondary-content .item { padding: 40px 30% 0 30%; text-align: center; }
  #shareasale .secondary-content .copy-icon, #coursecatalog .secondary-content .copy-icon { display: block; margin: 0 auto; width: 100%; max-width: 315px; }
  #shareasale .secondary-content .copy-icon-first img, #coursecatalog .secondary-content .copy-icon-first img { display: none; }
  #shareasale .secondary-content .copy-icon-second, #coursecatalog .secondary-content .copy-icon-second { margin-left: auto; margin-top: 0; }
  #shareasale .secondary-content .copy-icon-second img, #coursecatalog .secondary-content .copy-icon-second img { display: none; }
  #shareasale .secondary-content .copy-icon-third, #coursecatalog .secondary-content .copy-icon-third { margin-left: auto; margin-top: 0; }
  #shareasale .tertiary-content .main-heading img, #coursecatalog .tertiary-content .main-heading img { width: 85%; }
  #shareasale .tertiary-content .quote, #coursecatalog .tertiary-content .quote { width: 80%; padding-right: 0; display: block; margin: 60px auto 17px auto; }
  #shareasale .tertiary-content .attribution, #coursecatalog .tertiary-content .attribution { width: 80%; float: none; margin: 0 auto; display: block; }
  #shareasale .tertiary-content .attribution-second, #coursecatalog .tertiary-content .attribution-second { width: 80%; float: none; margin: 0 auto; display: block; }
  #shareasale .tertiary-content .marketing-video, #coursecatalog .tertiary-content .marketing-video { border-left: none; padding-top: 73px; }
  #shareasale .tertiary-content .marketing-video .video-thumb, #coursecatalog .tertiary-content .marketing-video .video-thumb { width: 80%; float: none; display: block; margin: 0 auto 24px auto; }
  #shareasale .tertiary-content .marketing-video .video-thumb .video, #coursecatalog .tertiary-content .marketing-video .video-thumb .video { display: block; }
  #shareasale .plans-signup .offer, #coursecatalog .plans-signup .offer { line-height: 15px; font-size: 11px; padding: 10px 20px; margin: 10px auto 30px auto; } }

@media screen and (max-width: 640px) { #shareasale .full-width-video, #coursecatalog .full-width-video { padding-bottom: 100px; }
  #shareasale .video-wrapper .video-feature, #coursecatalog .video-wrapper .video-feature { height: 500px; }
  #shareasale .video-wrapper .video-feature .message, #coursecatalog .video-wrapper .video-feature .message { height: 200px; margin-top: -100px; }
  #shareasale .video-wrapper .video-feature .message h1, #coursecatalog .video-wrapper .video-feature .message h1 { font-size: 24px; padding-top: 0; margin-top: -19px; } }

@media screen and (max-width: 480px) { #shareasale .full-width-video, #coursecatalog .full-width-video { padding-bottom: 100px; }
  #shareasale .secondary-content .item, #coursecatalog .secondary-content .item { padding: 40px 15% 0 15%; }
  #shareasale .video-wrapper .video-feature, #coursecatalog .video-wrapper .video-feature { height: 405px; }
  #shareasale .video-wrapper .video-feature .message h1, #coursecatalog .video-wrapper .video-feature .message h1 { font-size: 18px; margin: 3px 0 -22px 0; }
  #shareasale .video-wrapper .video-feature .message .deal, #coursecatalog .video-wrapper .video-feature .message .deal { display: none; }
  #shareasale .video-wrapper .video-feature .play-button, #coursecatalog .video-wrapper .video-feature .play-button { margin-top: 45px; }
  #shareasale .tertiary-content .quote, #coursecatalog .tertiary-content .quote { width: 95%; }
  #shareasale .tertiary-content .attribution, #coursecatalog .tertiary-content .attribution { width: 95%; }
  #shareasale .tertiary-content .marketing-video .video-thumb, #coursecatalog .tertiary-content .marketing-video .video-thumb { width: 95%; } }

@media screen and (max-width: 400px) { #shareasale .full-width-video, #coursecatalog .full-width-video { padding-bottom: 120px; } }
#video-lander { background-color: #FFF; }

#video-lander header { background-image: none; padding: 0; margin-bottom: 80px; }

.video-playing #video-lander .landing-header { -ms-transform: translate3d(-50%, -450px, 0); -moz-transform: translate3d(-50%, -450px, 0); -webkit-transform: translate3d(-50%, -450px, 0); transform: translate3d(-50%, -450px, 0); }

.video-paused #video-lander .video-cta { -ms-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

#video-lander .video-cta { transition: transform 150ms ease-in; -ms-transform: translate3d(-50%, -590px, 0); -moz-transform: translate3d(-50%, -590px, 0); -webkit-transform: translate3d(-50%, -590px, 0); transform: translate3d(-50%, -590px, 0); z-index: 99; background-color: rgba(255, 255, 255, 0.95); padding: 20px; border-radius: 5px; text-align: center; }

@media screen and (max-width: 639px) { #video-lander .video-cta { position: absolute; top: 180px; left: 50%; box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); } }

@media screen and (min-width: 640px) { #video-lander .video-cta { position: absolute; top: 75px; left: 50%; } }

#video-lander .video-cta h3 { margin-top: 0; margin-bottom: 7px; }

#video-lander .video-cta .btn { margin-top: 0; }

#video-lander .mejs-container { border-radius: 0; }

#video-lander #hero { max-height: 540px; border-radius: 0; }

#video-lander .main-heading { width: 100%; text-align: center; margin-bottom: 0; }

#video-lander .main-heading h1 { font-size: 24px; margin-bottom: 7px; }

#video-lander .landing-header { position: absolute; top: 0; background-color: transparent; width: 100%; height: 54px; z-index: 100; padding-top: 35px; }

#video-lander .landing-header .container { max-width: 1000px; width: 100%; margin: 0 auto; }

#video-lander .landing-header .container:before, #video-lander .landing-header .container:after { content: " "; display: table; }

#video-lander .landing-header .container:after { clear: both; }

#video-lander .landing-header .main-nav { float: right; margin: 2px 0 0 0; }

#video-lander .landing-header .main-nav ul { list-style: none; margin: 0; float: right; }

@media screen and (max-width: 1040px) { #video-lander .landing-header .main-nav ul { padding-right: 15px; } }

#video-lander .landing-header .main-nav ul li a { font-size: 12px; padding: 8px 16px 7px; text-transform: uppercase; color: white; margin-bottom: 0; }

#video-lander .landing-header .th-logo { margin: 0; width: 50%; float: left; font-size: 0; }

@media screen and (max-width: 1040px) { #video-lander .landing-header .th-logo { padding-left: 15px; } }

#video-lander .section { padding-top: 0; padding-bottom: 0; }

#video-lander .video-wrapper { width: 100%; height: auto; position: relative; }

#video-lander .video-wrapper .full-width-video { position: relative; z-index: 0; top: 0; width: 100%; height: auto; }

#video-lander .video-wrapper .full-width-video .video { width: 100%; height: auto; }

@media screen and (max-width: 767px) { #video-lander .video-wrapper .full-width-video .video { display: block; } }

#video-lander .video-wrapper .video-feature { background: #5fcf80 url(/assets/marketing/landings/video_bg_large_green-81302fb9c79300c27b3250620adbc563ce2a35bc6979c1b5c3e405e1da71cc8e.jpg) center center no-repeat; }

#video-lander .video-wrapper .video-feature-bryan { background: #5fcf80 url(/assets/marketing/landings/video_bg_large_green_bryan-db8923a0bc8344c734b338be061cd60d0c6549229a9251a69cec8c6d4de91865.jpg) center center no-repeat; }

#video-lander .video-wrapper .video-feature-kavitha { background: #5fcf80 url(/images/marketing/landings/video_bg_large_green_kavitha.webp) center center no-repeat; }

#video-lander .video-wrapper .video-feature, #video-lander .video-wrapper .video-feature-bryan, #video-lander .video-wrapper .video-feature-kavitha { position: absolute; width: 100%; height: 100%; background-size: cover; top: 0; z-index: 1; text-align: center; }

#video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { position: absolute; width: 100%; top: 50%; margin: 0; }

@media screen and (max-width: 640px) { #video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { height: 100px; margin-top: -90px; } }

@media screen and (min-width: 641px) and (max-width: 767px) { #video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { height: 150px; margin-top: -90px; } }

@media screen and (min-width: 768px) { #video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { height: 146px; margin-top: -73px; padding: 0 12%; } }

#video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { color: #fff; margin: 0 0 10px 0; padding-top: 0; font-size: 38px; line-height: 1.2; }

@media screen and (max-width: 480px) { #video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { font-size: 18px; margin: 3px 0 -22px 0; display: none; } }

@media screen and (min-width: 481px) and (max-width: 640px) { #video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { font-size: 24px; padding-top: 0; } }

@media screen and (min-width: 641px) and (max-width: 767px) { #video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { font-size: 30px; padding-top: 10px; } }

#video-lander .video-wrapper .video-feature .play-button, #video-lander .video-wrapper .video-feature-bryan .play-button, #video-lander .video-wrapper .video-feature-kavitha .play-button { width: 70px; height: 70px; margin: 25px auto 35px auto; display: block; }

#video-lander .video-wrapper .video-feature .play-button a, #video-lander .video-wrapper .video-feature-bryan .play-button a, #video-lander .video-wrapper .video-feature-kavitha .play-button a { width: 100%; height: 100%; display: block; }

#video-lander .video-wrapper .video-feature .play-button a span, #video-lander .video-wrapper .video-feature-bryan .play-button a span, #video-lander .video-wrapper .video-feature-kavitha .play-button a span { display: inline-block; }

#video-lander .video-wrapper .video-feature .play-button a .icon-play-button, #video-lander .video-wrapper .video-feature-bryan .play-button a .icon-play-button, #video-lander .video-wrapper .video-feature-kavitha .play-button a .icon-play-button { width: 70px; height: 70px; position: relative; }

#video-lander .video-wrapper .video-feature .play-button a .icon-play-button .icon-play, #video-lander .video-wrapper .video-feature-bryan .play-button a .icon-play-button .icon-play, #video-lander .video-wrapper .video-feature-kavitha .play-button a .icon-play-button .icon-play { top: 50%; left: 50%; position: absolute; margin: -9px 0 0 -4px; }

@media screen and (max-width: 767px) { #video-lander .secondary-content { padding-left: 15px; padding-right: 15px; } }

#video-lander .secondary-content .item { padding-top: 40px; text-align: left; }

@media screen and (max-width: 767px) { #video-lander .secondary-content .item { width: 290px; margin: 0 auto; text-align: center; } }

#video-lander .secondary-content .item img { width: 100%; max-width: 174px; height: auto; display: block; }

@media screen and (max-width: 767px) { #video-lander .secondary-content .item img { margin: 0 auto; } }

#video-lander .secondary-content .item h3 { font-size: 18px; margin-top: 40px; color: #4c5760; }

#video-lander .secondary-content .item p { font-size: 14px; }

#video-lander .secondary-content .item a.link { padding: 0 21px 0 0; display: inline-block; margin: 0; }

#video-lander .secondary-content .item a:hover { text-decoration: none; }

#video-lander .secondary-content .cta-section .button { margin-top: 20px; }

#video-lander .secondary-content .cta-section h2 { margin-top: 0; }

@media screen and (max-width: 640px) { #video-lander .secondary-content .cta-section h2 { font-size: 24px; } }

@media screen and (min-width: 641px) and (max-width: 860px) { #video-lander .secondary-content .cta-section h2 { font-size: 30px; } }

@media screen and (min-width: 861px) { #video-lander .secondary-content .cta-section h2 { font-size: 34px; } }
.green-hero { margin-top: 0; padding-bottom: 0; background-image: none; background: #5fcf80; color: white; margin-bottom: 70px; }

.green-hero .plan-disclaimer { display: block; margin-bottom: 80px; font-size: 15px; }

.green-hero .hero-title h1, .green-hero .hero-title h2 { color: #fff; }

.green-hero .hero-title h2 { font-size: 20px; margin-bottom: 40px; font-weight: 400; }

.green-hero .button { margin-bottom: 20px; }

@media screen and (max-width: 768px) { .green-hero .hero-title h1 { margin-top: 80px; } }

@media screen and (min-width: 769px) { .green-hero .hero-title h1 { margin-top: 0; } }
#success-story-lander { background-color: #FFF; }

#success-story-lander header { background-image: none; padding: 0; margin-bottom: 80px; }

#success-story-lander #hero { max-height: 540px; border-radius: 0; }

#success-story-lander .main-heading { width: 100%; text-align: center; margin-bottom: 0; }

#success-story-lander .main-heading h1 { font-size: 24px; margin-bottom: 7px; }

#success-story-lander .landing-header { position: absolute; top: 0; background-color: transparent; width: 100%; height: 54px; z-index: 100; padding-top: 35px; }

#success-story-lander .landing-header .container { max-width: 1000px; width: 100%; margin: 0 auto; }

#success-story-lander .landing-header .container:before, #success-story-lander .landing-header .container:after { content: " "; display: table; }

#success-story-lander .landing-header .container:after { clear: both; }

#success-story-lander .landing-header .main-nav { float: right; margin: 2px 0 0 0; }

#success-story-lander .landing-header .main-nav ul { list-style: none; margin: 0; float: right; }

@media screen and (max-width: 767px) { #success-story-lander .landing-header .main-nav ul { padding-right: 15px; } }

#success-story-lander .landing-header .main-nav ul li a { font-size: 12px; padding: 8px 16px 7px; text-transform: uppercase; color: white; margin-bottom: 0; }

#success-story-lander .landing-header .th-logo { margin: 0; width: 50%; float: left; font-size: 0; }

@media screen and (max-width: 767px) { #success-story-lander .landing-header .th-logo { padding-left: 15px; } }

#success-story-lander .section { padding-top: 0; padding-bottom: 0; }

#success-story-lander .success-story-wrapper { width: 100%; }

#success-story-lander .success-story-wrapper .success-story-joe-cuanan { background: #5fcf80 url(/assets/marketing/landings/success_stories/joe-cuanan-hero-e2f330fd343d8e82c94097ca49af7c8d60d179d7a125df3bbbd5515a56f5f3cb.png) right center no-repeat; }

#success-story-lander .success-story-wrapper .success-story-scott-cook { background: #5fcf80 url(/assets/marketing/landings/success_stories/scott-cook-hero-e1872bd08e7ca012c9ccae1f30f6c37f0d18bf02f6d5f46e5a0bbc60becd6f11.png) right center no-repeat; }

#success-story-lander .success-story-wrapper .success-story, #success-story-lander .success-story-wrapper .success-story-joe-cuanan, #success-story-lander .success-story-wrapper .success-story-scott-cook { width: 100%; height: 100%; background-size: cover; top: 0; z-index: 1; text-align: center; }

#success-story-lander .success-story-wrapper .success-story .message, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message, #success-story-lander .success-story-wrapper .success-story-scott-cook .message { margin: 0px auto; }

@media screen and (max-width: 767px) { #success-story-lander .success-story-wrapper .success-story .message, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message, #success-story-lander .success-story-wrapper .success-story-scott-cook .message { padding: 50px 0; width: 90%; } }

@media screen and (min-width: 768px) { #success-story-lander .success-story-wrapper .success-story .message, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message, #success-story-lander .success-story-wrapper .success-story-scott-cook .message { padding: 225px 0; width: 65%; } }

#success-story-lander .success-story-wrapper .success-story .message .button, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message .button, #success-story-lander .success-story-wrapper .success-story-scott-cook .message .button { margin-top: 20px; }

@media screen and (max-width: 767px) { #success-story-lander .success-story-wrapper .success-story .message .mobile, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message .mobile, #success-story-lander .success-story-wrapper .success-story-scott-cook .message .mobile { display: block; } }

@media screen and (min-width: 768px) { #success-story-lander .success-story-wrapper .success-story .message .mobile, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message .mobile, #success-story-lander .success-story-wrapper .success-story-scott-cook .message .mobile { display: none; } }

@media screen and (max-width: 767px) { #success-story-lander .success-story-wrapper .success-story .message .desktop, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message .desktop, #success-story-lander .success-story-wrapper .success-story-scott-cook .message .desktop { display: none; } }

@media screen and (min-width: 768px) { #success-story-lander .success-story-wrapper .success-story .message .desktop, #success-story-lander .success-story-wrapper .success-story-joe-cuanan .message .desktop, #success-story-lander .success-story-wrapper .success-story-scott-cook .message .desktop { display: block; } }

#success-story-lander .success-story-wrapper .success-story h1, #success-story-lander .success-story-wrapper .success-story-joe-cuanan h1, #success-story-lander .success-story-wrapper .success-story-scott-cook h1 { color: #fff; }

@media screen and (max-width: 767px) { #success-story-lander .secondary-content { padding-left: 15px; padding-right: 15px; } }

#success-story-lander .secondary-content .item { padding-top: 40px; text-align: left; }

@media screen and (max-width: 767px) { #success-story-lander .secondary-content .item { width: 290px; margin: 0 auto; text-align: center; } }

#success-story-lander .secondary-content .item img { width: 100%; max-width: 174px; height: auto; display: block; }

@media screen and (max-width: 767px) { #success-story-lander .secondary-content .item img { margin: 0 auto; } }

#success-story-lander .secondary-content .item h3 { font-size: 18px; margin-top: 40px; color: #4c5760; }

#success-story-lander .secondary-content .item p { font-size: 14px; }

#success-story-lander .secondary-content .item a.link { padding: 0 21px 0 0; display: inline-block; margin: 0; }

#success-story-lander .secondary-content .item a:hover { text-decoration: none; }

#success-story-lander .secondary-content .cta-section .button { margin-top: 20px; }
.tap-recruiting-hero { width: 100%; height: 100%; margin: auto; position: relative; z-index: 1; }

.tap-recruiting-hero img { position: absolute; right: 10em; height: 100%; object-fit: cover; object-position: right; -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); }

@media (max-width: 1200px) { .tap-recruiting-hero img { display: none; } }

.tap-recruiting-hero-text { z-index: 1; padding: 60px 1.5rem 100px 30px; width: 50%; height: 100%; background: -moz-linear-gradient(left, rgba(54, 89, 162, 0) 0%, rgba(54, 89, 162, 0.8) 18%, rgba(54, 89, 162, 0.8) 100%); background: -webkit-linear-gradient(left, rgba(54, 89, 162, 0) 0%, rgba(54, 89, 162, 0.8) 18%, rgba(54, 89, 162, 0.8) 100%); background: linear-gradient(to right, rgba(54, 89, 162, 0) 0%, rgba(54, 89, 162, 0.8) 18%, rgba(54, 89, 162, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003659a2', endColorstr='#cc3659a2',GradientType=1 ); -webkit-clip-path: polygon(0% 0%, 100% 0%, 86% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 86% 100%, 0% 100%); }

.tap-recruiting-hero-text-wrap { display: flex; width: 100%; height: 100%; }

@media (max-width: 1200px) { .tap-recruiting-hero-text { width: 100%; } }

.tap-recruiting-hero-text .link-arrow:not(svg) { display: block; }

.tap-recruiting-hero-text svg { width: 22px; height: 30px; margin-right: 10px; }

.tap-recruiting-hero-city { padding: .2em; }

.tap-recruiting-hero-city svg { position: relative; top: 4px; }

.tap-recruiting-hero-pulse { position: relative; }

.tap-recruiting-hero-pulse svg:first-of-type { position: absolute; left: -150px; bottom: 0; width: 400px; height: 200px; }

.tap-recruiting-hero-pulse svg:nth-of-type(2) { position: absolute; right: 0; bottom: 0; max-width: 202px; height: 18em; overflow: visible; z-index: 1; }

@media (max-width: 800px) { .tap-recruiting-hero-pulse svg:nth-of-type(2) { bottom: -20px; width: 8em; height: 8em; } }

.tap-recruiting-description { display: flex; flex-wrap: wrap; z-index: 1; position: relative; margin-top: 6rem; margin-bottom: 1.5rem; -webkit-animation: panel-fade-up 0.4s ease; -moz-animation: panel-fade-up 0.4s ease; animation: panel-fade-up 0.4s ease; }

.tap-recruiting-description-text { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

@media (max-width: 959px) { .tap-recruiting-description-text { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } }

.tap-recruiting-description-img { background: transparent url("/assets/views/marketing/tap/confetti-3f3e5e1f9c32c6e33cfac7eebfd713f8a43a8a077801e31b65cb6c5fad3a21fb.svg") center center no-repeat; background-size: cover; background-color: #edeff0; position: relative; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.tap-recruiting-description-img svg { position: absolute; left: -1em; top: 1em; width: 80%; }

.tap-recruiting .card-shadow:after { content: ''; position: absolute; width: 90%; height: 10rem; bottom: 15px; left: 7%; background: #fff; box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.2), 0 2px 50px rgba(0, 0, 0, 0.2); z-index: -1; }

.tap-recruiting .link-arrow { color: #fff; font-weight: 500; vertical-align: middle; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }

.tap-recruiting .link-arrow svg { fill: #fff; margin-top: 4px; margin-left: 5px; }

.tap-recruiting .link-arrow:hover svg { margin-left: 10px; }

.tap-recruiting .check-list { margin-bottom: 0; }

.tap-recruiting .check-list li { list-style-type: none; padding: 7px 0 7px 24px; line-height: 1.5; }

.tap-recruiting .check-list li:before { content: ""; width: 14px; height: 12px; background: url("/assets/icons/icon-global-863d50621b14046616519056916ec67ac8a680fcb1c994a27ec6c1a92e9569d5.svg") no-repeat -155px -61px; float: left; margin: 5px 0 0 -24px; }

.tap-recruiting-partner { width: calc(50% - 3em); padding: 1.5rem; -webkit-animation: fade-in 0.4s ease; -moz-animation: fade-in 0.4s ease; animation: fade-in 0.4s ease; position: relative; background: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; }

.tap-recruiting-partner .uppercase-label { margin-left: auto; }

@media (max-width: 959px) { .tap-recruiting-partner { width: 100%; margin-bottom: 2em; } }

.tap-recruiting-partner-container { display: flex; justify-content: space-around; }

.tap-recruiting-partner img { max-height: 40px; max-width: 280px; margin-right: 30px; }

.tap-recruiting .uppercase-label { font-size: 12px; color: #1a2126; letter-spacing: 1px; text-transform: uppercase; }

.tap-recruiting-program { background: #3c64b5; background: -moz-linear-gradient(45deg, #3c64b5 1%, #326e99 100%); background: -webkit-linear-gradient(45deg, #3c64b5 1%, #326e99 100%); background: linear-gradient(45deg, #3c64b5 1%, #326e99 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c64b5', endColorstr='#326e99',GradientType=1 ); }

.tap-recruiting-overview-item { display: flex; align-items: center; margin-bottom: 2rem; }

.tap-recruiting-overview-icon { flex-shrink: 0; width: 50px; height: 50px; padding: 0; margin-right: 30px; fill: #fff; }

.tap-recruiting-overview-text { color: #fff; margin: 0; }

.tap-recruiting-summary { z-index: 2; margin-bottom: -40px; background-color: #fff; border-radius: 4px; position: relative; }

.tap-recruiting-summary-title { padding: 2rem; margin: 0rem; font-weight: 500; }

.tap-recruiting-summary-details { padding: 2rem; background-color: #f9fafa; }

.tap-recruiting-summary-details-block-phase { margin-top: 0; font-size: 0.875rem; margin-bottom: 0rem; }

.tap-recruiting-summary-details-block-date { font-size: 0.875rem; font-weight: 500; margin-top: 0; margin-bottom: 0.5rem; }

.tap-recruiting-summary-details-block ul { font-size: 0.875rem; line-height: 2; }

.tap-recruiting-angle { z-index: 1; top: -100px; }

.tap-recruiting-angle .content-angle__top { background-color: #fff; }

.tap-recruiting-timeline { line-height: 1.5em; font-size: 14px; transition: all .4s ease; position: relative; counter-reset: section; }

.tap-recruiting-timeline-wrapper { margin: 120px auto; }

@media (max-width: 768px) { .tap-recruiting-timeline-wrapper { padding-left: 5em; padding-right: 2em; } }

.tap-recruiting-timeline:before { content: ""; width: 2px; height: 100%; background: #edeff0; position: absolute; top: 0; left: -44px; }

.tap-recruiting-timeline-item { position: relative; margin: 100px 0px 30px 0px; }

.tap-recruiting-timeline-item:nth-child(2) svg, .tap-recruiting-timeline-item:nth-child(3) svg { bottom: -51px; }

@media (max-width: 768px) { .tap-recruiting-timeline-item { margin-top: 100px; } }

.tap-recruiting-timeline-item-title { background-color: #edeff0; border-radius: 4px 4px 0px 0px; font-size: 1rem; padding: 2em; background-image: url("/assets/views/marketing/tap/timeline-item-wave-8daad8e6ba72847d19e2fe50a53a60efe3bebd73a325af08c3ab2d27eba93bec.svg"); background-repeat: no-repeat; background-position: right bottom; }

.tap-recruiting-timeline-item-title:before { content: ""; display: inline-block; width: 1em; height: 1em; position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; left: -1em; border-right: 10px solid #edeff0; }

.tap-recruiting-timeline-item-illustration { position: relative; }

@media (max-width: 1060px) { .tap-recruiting-timeline-item-illustration { display: none; } }

.tap-recruiting-timeline-item-illustration svg { position: absolute; bottom: -32px; right: 0; height: fit-content; width: fit-content; height: -moz-fit-content; width: -moz-fit-content; }

.tap-recruiting-timeline-item-detail { background-color: #f9fafa; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 0px 0px 4px 4px; padding: 2em; margin: 0; }

.tap-recruiting-timeline-item-detail p { font-size: 14px; margin-top: 0; }

.tap-recruiting-timeline-item:before { content: ""; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; background-color: #c6ccd2; border: .2em solid white; border-radius: 50%; position: absolute; counter-increment: section; content: counter(section); top: 20px; left: -4.5em; }

@supports (display: grid) { @media (min-width: 768px) { .tap-recruiting .tap-recruiting-timeline { display: -ms-grid; display: grid; grid-gap: 4.75em; grid-template-areas: "cell1 ." "cell1 cell2" "cell3 cell2" "cell3 cell4" "cell5 cell4" "cell5 ."; }
    .tap-recruiting .tap-recruiting-timeline:before { left: 50%; }
    .tap-recruiting .tap-recruiting-timeline-item { margin: 0px 0px 30px 0px; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(1) { grid-area: cell1; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(2) { grid-area: cell2; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(3) { grid-area: cell3; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(4) { grid-area: cell4; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(5) { grid-area: cell5; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(2) { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 3; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(3) { -ms-grid-row: 5; -ms-grid-row-span: 3; -ms-grid-column: 1; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(4) { -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 3; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-child(5) { -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 1; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-of-type(even):before { left: -3.8em; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-of-type(odd):not(:nth-of-type(even)) .tap-recruiting-timeline-item-title:before { left: 100%; border-left: 10px solid #e5e8ea; border-right: 0; }
    .tap-recruiting .tap-recruiting-timeline-item:nth-of-type(odd):before { left: 102.5%; } }
  .tap-recruiting-quotes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -12px; margin-left: -12px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .tap-recruiting-quotes-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .tap-recruiting-quotes-wrap blockquote { border: none; margin: 0; background: transparent url(/assets/layouts/marketing/blockquote-icon-dark-223442287bc8dbbe4885592e0bfa86eba9555d2acc19c1fdf0153f5d08c21115.svg) center center no-repeat; background-color: #fff; background-size: 70px 70px; background-position: 4% 1%; }
  .tap-recruiting-quotes-wrap-main, .tap-recruiting-quotes-wrap-secondary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; -ms-flex-align: center; align-items: start; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .tap-recruiting-quotes-wrap-secondary { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .tap-recruiting-quotes-wrap-secondary blockquote { background-size: 30px 30px; background-position: 4% 4%; padding: 60px; }
  .tap-recruiting-quotes-illustrations { position: relative; width: 100%; height: 400px; margin-top: -300px; }
  .tap-recruiting-quotes-illustrations svg { position: absolute; max-width: 300px; }
  .tap-recruiting-quotes-illustrations svg:first-of-type { left: -14em; }
  .tap-recruiting-quotes-illustrations svg:nth-of-type(2) { right: -10em; bottom: -5em; }
  .tap-recruiting-cta { background-image: url(/images/views/marketing/tap/adobe-office.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; }
  .tap-recruiting-cta a { color: #fff; font-weight: 500; } }

.tap-recruiting-mountains { width: 100%; height: 100%; margin-top: -15em; }

@media (max-width: 768px) { .tap-recruiting-mountains { margin-top: 0; } }

.tap-recruiting-cities-hero { background-image: -moz-linear-gradient(45deg, rgba(54, 89, 162, 0.7) 0%, rgba(54, 89, 162, 0.9) 100%), url(/assets/views/marketing/tap/mailchimp-1-4cea651256a5abc247e5496d774fa33b35ef14c2c8828266e07ffca5acf7de31.jpg); background-image: -webkit-linear-gradient(45deg, rgba(54, 89, 162, 0.7) 0%, rgba(54, 89, 162, 0.9) 100%), url(/assets/views/marketing/tap/mailchimp-1-4cea651256a5abc247e5496d774fa33b35ef14c2c8828266e07ffca5acf7de31.jpg); background-image: linear-gradient(45deg, rgba(54, 89, 162, 0.7) 0%, rgba(54, 89, 162, 0.9) 100%), url(/assets/views/marketing/tap/mailchimp-1-4cea651256a5abc247e5496d774fa33b35ef14c2c8828266e07ffca5acf7de31.jpg); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b33659a2', endColorstr='#e63659a2',GradientType=1 ); background-size: cover; background-position: center center; background-repeat: no-repeat; }
/* Nav */
#ubora-logo { max-width: 100px; }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { right: 173px; } }

.ubora-lp h2.colorful { font-size: 1.5rem; color: #0098b1; border-bottom: 2px solid #e88034; padding: 0rem 1.5rem 1.5rem 1.5rem; display: table; margin: auto; }

.ubora-lp-p1 { background: #212121 url(/assets/views/marketing/ubora/pattern-dark-1bfd08535a8a8e7051482d5804ffed3ae1608c0dfb60846f0b3a117f6180ca23.jpg); padding: 5rem 0rem 9rem 0rem; border-bottom: 8px solid #E98034; }

@media screen and (max-width: 679px) { .ubora-lp-p1 { padding: 1.5rem 1.5rem 9rem 1.5rem; } }

.ubora-lp-p1 h1, .ubora-lp-p1 p { color: #fff; }

.ubora-lp-get-started { background-color: #fff; display: inline-block; position: relative; top: -100px; padding: 2rem; box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.15); }

@media screen and (max-width: 969px) { .ubora-lp-get-started { max-width: 70%; } }

@media screen and (max-width: 679px) { .ubora-lp-get-started { max-width: 100%; } }

.ubora-lp-get-started-banner { background-color: #741B5B; border-radius: 4px 4px 0 0; font-size: 1.125rem; text-align: center; font-weight: 500; padding: 1.5rem; margin: -32px -32px 32px; color: #fff; }

.ubora-lp-platform-img { max-width: 400px; margin: -2rem 2rem 1.5rem 2rem; z-index: -1; text-align: center; }

@media screen and (max-width: 679px) { .ubora-lp-platform-img { margin: -2rem 2rem -1.5rem 2rem; } }

.ubora-lp-platform-text { background-color: #E6F1EE; box-shadow: 0px 44px 40px -20px rgba(14, 44, 24, 0.25); padding: 3rem; border-radius: 4px; }

.ubora-lp-description { z-index: 1; /*position: relative*/ margin-top: -27px !important; background-color: #741B5B; padding: 100px 5rem; border-radius: 4px; }

@media screen and (max-width: 679px) { .ubora-lp-description { padding: 60px 1.5rem; } }

.ubora-lp-features svg { max-width: 125px; }

@media screen and (max-width: 679px) { .ubora-lp-features h3 { margin-top: 0; }
  .ubora-lp-features svg { max-width: 100px; } }

.ubora-lp-projects { z-index: 1; }

.ubora-lp-projects-gallery { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.5rem; align-items: start; }

@media screen and (max-width: 969px) { .ubora-lp-projects-gallery { grid-template-columns: 1fr; } }

.ubora-lp-projects-item { background-color: #fff; padding: 1.5rem; box-shadow: 0px 24px 40px rgba(12, 44, 36, 0.15); border-radius: 4px; }

.ubora-lp-projects-item:nth-of-type(2) { margin-top: 2rem; }

.ubora-lp-projects-item:hover { transform: translateY(-10px); box-shadow: 0px 30px 40px rgba(12, 44, 36, 0.25); }

.ubora-lp-projects-arrow { position: relative; border: 2px solid orange; padding: 10px; border-radius: 50%; height: 36px; width: 36px; }

.ubora-lp-projects-arrow svg { fill: orange; position: absolute; top: 11px; left: 14px; }

.ubora-lp-projects h3 { display: inline-block; }

.ubora-lp-partners { background: #E6F1EE url(/assets/views/marketing/ubora/pattern-light-89fb167c54b55eea5d1f97afd015d69146dfddf09135a978d0d0538adc2b2045.jpg); margin-top: -100px; padding-top: 150px; }

.ubora-lp-partners img, .ubora-lp-partners svg { max-width: 200px; max-height: 200px; object-fit: contain; }

@media screen and (max-width: 969px) { .ubora-lp-partners img, .ubora-lp-partners svg { max-width: 100px; max-height: 100px; } }

.ubora-lp-final-cta { background-color: #30826C; }

.ubora-lp-qa-section-block { margin: 0 auto 1.5rem auto; }

.ubora-lp-qa-section-block:last-of-type { margin-bottom: 0; }

.ubora-lp-qa-section-block:last-of-type .toggle-steps { padding-bottom: 0; margin-bottom: 0; border: 0; }

.ubora-lp-qa-section-block li { padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1.5; }

.ubora-lp-qa-section-block .toggle-steps-view p { font-weight: 500; }

.ubora-lp-qa-section-block .toggle-steps-view-chevron { background-color: #E98034; }

.ubora-scholar-lp .button { padding: 0 64px; margin: 0rem; }

@media screen and (max-width: 679px) { .ubora-scholar-lp .button { width: 100%; margin-bottom: 2rem; padding: 0; } }

@media screen and (max-width: 969px) { .ubora-scholar-lp .button { margin-bottom: 2rem; } }

.ubora-scholar-lp h2.colorful { font-size: 1.5rem; color: #0098b1; border-bottom: 2px solid #e88034; padding: 0rem 1.5rem 1.5rem 1.5rem; display: table; margin: auto; margin-bottom: 5rem; }

.ubora-scholar-lp-p1 { background: #F5F5F5; padding: 5rem 0rem 0rem 0rem; border-bottom: 8px solid #E98034; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p1 { padding: 1.5rem 1.5rem 0rem 1.5rem; } }

.ubora-scholar-lp-p1 h1, .ubora-scholar-lp-p1 h3 { color: #1a2126; }

.ubora-scholar-lp-p1 h3 { margin-bottom: 2rem; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p1 h3 { margin-bottom: 0; } }

.ubora-scholar-lp-p1-text { padding-top: 6rem; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p1-text { width: 50%; } }

@media screen and (max-width: 969px) { .ubora-scholar-lp-p1-text { padding-top: 0; } }

.ubora-scholar-lp-p1-img { float: left !important; max-width: 100%; z-index: -1; object-fit: contain; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p1-img { display: none; } }

@media screen and (max-width: 969px) { .ubora-scholar-lp-p1-img { display: none; } }

.ubora-scholar-lp-p2 { background-color: #A8438C; padding: 3rem 0rem 3rem 0rem; max-height: 100%; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p2 { padding: 1.5rem; } }

.ubora-scholar-lp-p2-text { padding-left: 2rem; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p2-text { padding-left: 0; } }

@media screen and (max-width: 969px) { .ubora-scholar-lp-p2-text { padding-left: 0; } }

.ubora-scholar-lp-p2-text h5 { color: #fff; margin-bottom: 30px; }

.ubora-scholar-lp-p2-img { width: 100%; z-index: -1; text-align: center; margin-bottom: 30px; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p2-img { width: 100%; } }

.ubora-scholar-lp-p2-cta { align-self: end; }

.ubora-scholar-lp-p3 { margin-top: -100px; padding-top: 150px; }

.ubora-scholar-lp-p3 img, .ubora-scholar-lp-p3 svg { max-width: 200px; max-height: 200px; object-fit: contain; }

@media screen and (max-width: 969px) { .ubora-scholar-lp-p3 img, .ubora-scholar-lp-p3 svg { max-width: 100px; max-height: 100px; } }

.ubora-scholar-lp-p4-journey { display: inline-block; }

.ubora-scholar-lp-p4-journey .checkmark { position: relative; top: -52px; left: -10px; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p4-journey .checkmark { display: none; } }

.ubora-scholar-lp-p4 .box { text-align: left !important; display: inline-block; max-width: 400px; margin: 0; }

.ubora-scholar-lp-p4 .box h3, .ubora-scholar-lp-p4 .box h5 { line-height: 24px; }

.ubora-scholar-lp-p4 .box h3 { font-weight: 700; color: #A8438C; }

.ubora-scholar-lp-p4 .box h4 .pill { display: inline-flex; background-color: #30826C; border: none; color: #fff; margin: 0.5rem 0; padding: .05rem 1rem; text-decoration: none; border-radius: 500px; }

.ubora-scholar-lp-p4 .box h4 .pill p { font-weight: 400; color: white; margin-left: 24px; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p4 .box h4 .pill p { margin-left: 16px; } }

.ubora-scholar-lp-p4 .graybox { background-color: #E5E5E5; padding: 1.5rem; border-radius: 4px; position: relative; }

.ubora-scholar-lp-p4 .arrow-left:after { content: " "; position: absolute; left: -13px; top: 38px; border-top: 15px solid transparent; border-right: 15px solid #E5E5E5; border-left: none; border-bottom: 15px solid transparent; border-radius: 4px; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p4 .arrow-left:after { display: none; } }

.ubora-scholar-lp-p4 .whitebox { padding: 1.5rem; margin-left: 60px; }

@media screen and (max-width: 679px) { .ubora-scholar-lp-p4 .whitebox { margin-left: 0; } }

.ubora-scholar-lp-p4-imagecta { bottom: 0; }

.ubora-scholar-lp-p4-text { background-color: #E6F1EE; padding: 2.5rem; border-radius: 4px; margin-bottom: 5rem; }

@media screen and (max-width: 969px) { .ubora-scholar-lp-p4-text { margin-bottom: 2rem; padding: 1rem 1rem 1rem 0 !important; } }

.ubora-scholar-lp-p4-text ul li h5 { padding-bottom: 1rem; line-height: 24px !important; }

.ubora-scholar-lp-p5 { background-color: #30826C; color: #fff; }

.ubora-scholar-lp-qa-section-block { margin: 0 auto 1.5rem auto; }

.ubora-scholar-lp-qa-section-block:last-of-type { margin-bottom: 0; }

.ubora-scholar-lp-qa-section-block:last-of-type .toggle-steps { padding-bottom: 0; margin-bottom: 0; border: 0; }

.ubora-scholar-lp-qa-section-block li { padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1.5; }

.ubora-scholar-lp-qa-section-block .toggle-steps-view p { font-weight: 500; }

.ubora-scholar-lp-qa-section-block .toggle-steps-view-chevron { background-color: #E98034; }

.ubora-lp-partner-platform-img { max-width: 410px; margin: 0 2rem 0 2rem; z-index: -1; text-align: center; border-bottom: #E98034 2px solid; align-self: flex-end; }

@media screen and (max-width: 679px) { .ubora-lp-partner-platform-img { margin: 0 2rem -1.5rem 2rem; } }

.ubora-lp-partner-platform-img img { margin-bottom: -3px; }

.ubora-lp-partner-platform-text { background-color: #741B5B; padding: 3rem; border-radius: 4px; }

.ubora-lp-partner-platform-text h2, .ubora-lp-partner-platform-text p, .ubora-lp-partner-platform-text ul { color: #fff; }

.ubora-lp-partner-partners { background: #E6F1EE url(/assets/views/marketing/ubora/pattern-light-89fb167c54b55eea5d1f97afd015d69146dfddf09135a978d0d0538adc2b2045.jpg); }

.ubora-lp-partner-partners img, .ubora-lp-partner-partners svg { max-width: 200px; max-height: 200px; object-fit: contain; }

@media screen and (max-width: 969px) { .ubora-lp-partner-partners img, .ubora-lp-partner-partners svg { max-width: 100px; max-height: 100px; } }

.ubora-lp-partner-final-cta { background: #741B5B; }
.skills-controller .field_with_errors .error-message, .landing-pages-controller .field_with_errors .error-message, .learn-controller .field_with_errors .error-message { margin-top: 3px; line-height: 1.3; font-size: 13px; }

.skills-controller .recent-stat-text, .landing-pages-controller .recent-stat-text, .learn-controller .recent-stat-text { position: relative; top: -10px; }

.skills-controller .hero-section, .landing-pages-controller .hero-section, .learn-controller .hero-section { background-color: #f9fafa; position: relative; z-index: 1; }

.skills-controller .hero-section + section, .landing-pages-controller .hero-section + section, .learn-controller .hero-section + section { z-index: 1; }

.skills-controller .hero-section .field_with_errors .form-text-input, .landing-pages-controller .hero-section .field_with_errors .form-text-input, .learn-controller .hero-section .field_with_errors .form-text-input { border-radius: 4px 4px 0 0; }

.skills-controller .hero-section .error-message, .landing-pages-controller .hero-section .error-message, .learn-controller .hero-section .error-message { background-color: #ed5a5a; border-radius: 0 0 4px 4px; padding: 10px; color: #fff; margin-top: 0; }

.skills-controller .play-cutout-icon, .landing-pages-controller .play-cutout-icon, .learn-controller .play-cutout-icon { width: 76px; height: 76px; display: block; margin-left: 50%; margin-bottom: 16px; fill: #fff; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.skills-controller .story-image, .landing-pages-controller .story-image, .learn-controller .story-image { position: relative; z-index: 1; }

.skills-controller .story-play-button, .landing-pages-controller .story-play-button, .learn-controller .story-play-button { top: 50%; left: 50%; z-index: 2; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.skills-controller .story-play-button:hover .play-cutout-icon, .skills-controller .story-play-button:active .play-cutout-icon, .skills-controller .story-play-button:focus .play-cutout-icon, .landing-pages-controller .story-play-button:hover .play-cutout-icon, .landing-pages-controller .story-play-button:active .play-cutout-icon, .landing-pages-controller .story-play-button:focus .play-cutout-icon, .learn-controller .story-play-button:hover .play-cutout-icon, .learn-controller .story-play-button:active .play-cutout-icon, .learn-controller .story-play-button:focus .play-cutout-icon { fill: #5fcf80; }

.skills-controller .course-card, .landing-pages-controller .course-card, .learn-controller .course-card { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06); }

@media screen and (min-width: 960px) { .skills-controller .course-card__title, .landing-pages-controller .course-card__title, .learn-controller .course-card__title { height: 46px; overflow: hidden; position: relative; }
  .skills-controller .course-card__title:after, .landing-pages-controller .course-card__title:after, .learn-controller .course-card__title:after { content: " "; display: block; width: 100%; height: 30px; position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff); background-image: linear-gradient(rgba(255, 255, 255, 0), #fff); } }

.skills-controller .course-card__release, .landing-pages-controller .course-card__release, .learn-controller .course-card__release { font-size: 12px; }

.skills-controller .course-card__topic-icon, .landing-pages-controller .course-card__topic-icon, .learn-controller .course-card__topic-icon { width: 80px; height: 80px; }

.skills-controller .course-card__trailer-button svg, .landing-pages-controller .course-card__trailer-button svg, .learn-controller .course-card__trailer-button svg { width: 12px; height: 12px; margin-left: 4px; }

.skills-controller .course-card__trailer-button svg.loading-icon, .landing-pages-controller .course-card__trailer-button svg.loading-icon, .learn-controller .course-card__trailer-button svg.loading-icon { top: -1px; }

@media screen and (max-width: 959px) { .skills-controller .course-card-list, .landing-pages-controller .course-card-list, .learn-controller .course-card-list { margin-left: -25px !important; margin-right: -25px !important; }
  .skills-controller .course-card-list li:nth-child(5), .skills-controller .course-card-list li:nth-child(6), .landing-pages-controller .course-card-list li:nth-child(5), .landing-pages-controller .course-card-list li:nth-child(6), .learn-controller .course-card-list li:nth-child(5), .learn-controller .course-card-list li:nth-child(6) { display: none; } }

@media screen and (min-width: 960px) { .skills-controller .course-card-list li:nth-child(even), .landing-pages-controller .course-card-list li:nth-child(even), .learn-controller .course-card-list li:nth-child(even) { position: relative; top: 3rem; } }

.skills-controller .teacher-card, .landing-pages-controller .teacher-card, .learn-controller .teacher-card { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06); }

@media screen and (min-width: 960px) { .skills-controller .teacher-card__container, .landing-pages-controller .teacher-card__container, .learn-controller .teacher-card__container { margin: 0 -15px; } }

.skills-controller .teacher-card__header, .landing-pages-controller .teacher-card__header, .learn-controller .teacher-card__header { z-index: 2; }

.skills-controller .teacher-card__profile-pic, .landing-pages-controller .teacher-card__profile-pic, .learn-controller .teacher-card__profile-pic { width: 120px; height: 120px; border: solid 4px #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }

@media screen and (min-width: 960px) { .skills-controller .course-card-container { margin-top: -3rem; } }

.techdegree-image-container { background: url(/assets/views/marketing/shared/techdegree-bg-560ad52b6840f800c635093a765d0a7c698c19a57a8dbc8add948a331955168c.webp) top center no-repeat; background-size: cover; margin-top: -300px; position: relative; z-index: 3; }

nav { z-index: 400 !important; }

.margin-max { margin-top: 90px; }

@media screen and (min-width: 960px) { .margin-max { margin-top: 150px; } }

.margin-mid { margin-top: 70px; }

@media screen and (min-width: 960px) { .margin-mid { margin-top: 110px; } }

.margin-min { margin-top: 50px; }

@media screen and (min-width: 960px) { .margin-min { margin-top: 70px; } }
.hero-angle { z-index: -1; background-color: #efefef; }

.hero-angle:after { content: " "; background-color: #efefef; width: 100%; height: 250px; z-index: -1; position: absolute; bottom: -60px; left: 0; -ms-transform: skewY(2.5deg); -moz-transform: skewY(2.5deg); -webkit-transform: skewY(2.5deg); transform: skewY(2.5deg); -webkit-backface-visibility: hidden; }

.hero-angle__green { background-color: #5fcf80; height: 450px; }

.hero-angle__green:after { background-color: #5fcf80; }

.hero-angle.topic-html { background-color: #3659a2; }

.hero-angle.topic-html:after { background-color: #3659a2; }

.hero-angle.topic-css { background-color: #3659a2; }

.hero-angle.topic-css:after { background-color: #3659a2; }

.hero-angle.topic-javascript { background-color: #3659a2; }

.hero-angle.topic-javascript:after { background-color: #3659a2; }

.hero-angle.topic-java { background-color: #008297; }

.hero-angle.topic-java:after { background-color: #008297; }

.hero-angle.topic-ruby { background-color: #008297; }

.hero-angle.topic-ruby:after { background-color: #008297; }

.hero-angle.topic-business { background-color: #9b3b5a; }

.hero-angle.topic-business:after { background-color: #9b3b5a; }

.hero-angle.topic-php { background-color: #008297; }

.hero-angle.topic-php:after { background-color: #008297; }

.hero-angle.topic-ios { background-color: #30826C; }

.hero-angle.topic-ios:after { background-color: #30826C; }

.hero-angle.topic-android { background-color: #30826C; }

.hero-angle.topic-android:after { background-color: #30826C; }

.hero-angle.topic-design { background-color: #4a4290; }

.hero-angle.topic-design:after { background-color: #4a4290; }

.hero-angle.topic-development-tools { background-color: #9b3b5a; }

.hero-angle.topic-development-tools:after { background-color: #9b3b5a; }

.hero-angle.topic-python { background-color: #008297; }

.hero-angle.topic-python:after { background-color: #008297; }

.hero-angle.topic-digital-literacy { background-color: #9b3b5a; }

.hero-angle.topic-digital-literacy:after { background-color: #9b3b5a; }

.hero-angle.topic-csharp { background-color: #008297; }

.hero-angle.topic-csharp:after { background-color: #008297; }

.hero-angle.topic-databases { background-color: #9F4B84; }

.hero-angle.topic-databases:after { background-color: #9F4B84; }

.hero-angle.topic-go { background-color: #733a88; }

.hero-angle.topic-go:after { background-color: #733a88; }

.hero-angle.topic-apis { background-color: #008297; }

.hero-angle.topic-apis:after { background-color: #008297; }

.hero-angle.topic-data-analysis { background-color: #9F4B84; }

.hero-angle.topic-data-analysis:after { background-color: #9F4B84; }

.hero-angle.topic-security { background-color: #409BE9; }

.hero-angle.topic-security:after { background-color: #409BE9; }

.hero-angle.topic-quality-assurance { background-color: #9b3b5a; }

.hero-angle.topic-quality-assurance:after { background-color: #9b3b5a; }

.hero-angle.topic-machine-learning { background-color: #733a88; }

.hero-angle.topic-machine-learning:after { background-color: #733a88; }

.hero-angle.topic-ai { background-color: #733A88; }

.hero-angle.topic-ai:after { background-color: #733A88; }

.hero-angle.topic-undefined { background-color: #55616c; }

.hero-angle.topic-undefined:after { background-color: #55616c; }

@media screen { .hero-section .text-0-md { font-size: 36px !important; } }

@media screen and (min-width: 680px) { .hero-section .text-0-md { font-size: 48px !important; } }

@media screen and (min-width: 1031px) { .hero-section .text-0-md { font-size: 64px !important; } }

@media screen { .hero-section .text-3-xs { font-size: 18px !important; } }

@media screen and (min-width: 620px) { .hero-section .text-3-xs { font-size: 20px !important; } }

@media screen and (min-width: 1031px) { .hero-section .text-3-xs { font-size: 24px !important; } }

.new_account_signup .field_with_errors input, .new_account_signup .field_with_errors select, .new_account_signup .field_with_errors .radio-checkbox-note { margin-bottom: 0 !important; }

.new_account_signup textarea.field_with_errors { margin-bottom: 0 !important; }
.landing-pages-controller .hero-image-container { background: url(/assets/views/marketing/home/hero-bg-b98aa9764edb64a9f72b6172da0b198aa007d84d1e74a9bfe896bb2f5690ba61.jpg) center bottom no-repeat; background-size: cover; }

@media screen { .landing-pages-controller .hero-angle { height: 200px; } }

@media screen and (min-width: 680px) { .landing-pages-controller .hero-angle { height: 375px; } }

@media screen and (min-width: 980px) { .landing-pages-controller .hero-angle { height: 450px; } }

@media screen { .landing-pages-controller .hero-quote { font-size: 48px !important; } }

@media screen and (min-width: 680px) { .landing-pages-controller .hero-quote { font-size: 64px !important; } }
.learn-controller .hero-image-container { background: #333 url(/assets/views/marketing/learn/hero-bg-393deb9d8e0fb78b72b5abaae23f743aec0901670d81b3ea242fa15185142c95.webp) center center no-repeat; background-size: cover; }

.learn-topic .hero-section { z-index: 2; }

@media screen { .learn-topic .hero-section + section { padding-top: 8rem; } }

@media screen and (min-width: 960px) { .learn-topic .hero-section + section { padding-top: 9rem; } }

.learn-topic .course-card-container ul li a.selected { color: #40484a !important; }

.learn-topic .career-stat__container .salary-icon { width: 78px; height: 62px; margin-bottom: 20px; }

.learn-topic .career-stat__container .jobs-icon { width: 76px; height: 65px; margin-bottom: 20px; }

.learn-topic .career-stat__number { font-size: 40px !important; }
.organization-signups-controller .org-button-container { display: block; margin-top: auto; }

@media screen and (min-width: 689px) { .organization-signups-controller .col-x-wide { margin: 0 20px !important; text-align: center; } }

@media screen and (min-width: 960px) { .organization-signups-controller .col-x-wide { margin: 0 -120px !important; } }

.organization-signups-controller .flex-align-self-end { align-self: flex-end; }

.organization-signups-controller .org-form-steps { font-size: 14px; }

.organization-signups-controller .error-message { margin-top: -15px; }

@media screen and (min-width: 680px) { .organization-signups-controller .plan-seats, .organization-signups-controller .plan-pricing { padding: 18px 0 20px 0; } }

.organization-signups-controller .volume-cta { font-size: 13px !important; padding: 0 10%; min-height: 49px; }

.organization-signups-controller .plan-seats-number { font-size: 44px !important; }

@media screen and (max-width: 679px) { .organization-signups-controller .plan-seats-number { font-size: 26px !important; } }

.organization-signups-controller .plan-seats-number__small { font-size: 26px !important; }

.organization-signups-controller .plan-seats-number__small span { color: #1a2126; display: block; font-size: 13px; font-weight: 400 !important; position: relative; top: -2px; }

.organization-signups-controller .org-seat-counter { position: absolute; top: -10px; right: 0; }

@media screen and (min-width: 689px) { .organization-signups-controller .org-seat-counter { position: absolute; top: 23px; right: 0; } }

.organization-signups-controller .org-seats-add, .organization-signups-controller .org-seats-subtract { border: solid 2px #5fcf80; border-radius: 24px; width: 22px; height: 22px; display: block; text-align: center; }

.organization-signups-controller .org-seats-add svg, .organization-signups-controller .org-seats-subtract svg { fill: #5fcf80; width: 10px; height: 10px; position: relative; top: 1px; }

.organization-signups-controller .org-seats-add { margin-bottom: 4px; }

.organization-signups-controller .org-plan-form { margin-right: -13px; border: none; background-color: transparent; text-align-last: right; margin-top: -17px; }

.organization-signups-controller .tooltip-trigger { position: absolute; top: -1px; left: 60px; }

.organization-signups-controller .trigger-icon { display: block; text-align: center; font-size: 14px; font-weight: 700; width: 18px; height: 18px; color: #BDBDBD; border: solid 2px #BDBDBD; border-radius: 30px; }

.organization-signups-controller .payment-options { list-style: none; margin-left: 0; }

.organization-signups-controller .payment-options .option { position: inherit; }

.organization-signups-controller .payment-options li { display: inline-block; }

.organization-signups-controller .payment-options li.secondary { margin-left: 15px; }

@media screen and (max-width: 1061px) { .organization-signups-controller .payment-options li.secondary { margin: 15px 0px 0px 0px; display: block; } }

.organization-signups-controller .payment-options li.secondary svg { max-width: 80px; }

.organization-signups-controller .payment-options li input { cursor: pointer; }

.organization-signups-controller .payment-options li label { cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; font-weight: 700; color: #101417; }

.organization-signups-controller .payment-options li svg { max-width: 50px; vertical-align: middle; }

.organization-signups-controller .alert-banner { margin-bottom: 1.5rem !important; }
#new-b2b-signup-2023 { max-width: none; width: 100%; margin-inline: auto; }

#new-b2b-signup-2023 .large-org-success { text-align: center; font-style: normal; width: 100%; background-image: url(/assets/views/marketing/organization/teams_large_org_success_header-cf6b17e9dbf305aa0358b6f4a15f563189bf1c423bb4c4c2bd00e943c11bdec3.webp); background-color: #1f5aa5; background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 459px; display: flex; justify-content: center; align-items: center; }

#new-b2b-signup-2023 .large-org-success .content { max-width: 768px; width: 100%; margin-inline: auto; }

#new-b2b-signup-2023 .large-org-success .content h1 { font-weight: 500; font-size: 32px; line-height: 38px; text-align: center; color: #FFFFFF; }

#new-b2b-signup-2023 .large-org-success .content h4 { font-weight: 500; font-size: 24px; line-height: 29px; text-align: center; color: #FFFFFF; }

#new-b2b-signup-2023 .large-org-success .content p { font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; color: #FFFFFF; }

#new-b2b-signup-2023 .content-wrapper { max-width: none; width: 100%; margin-inline: auto; min-height: 1400px; width: 100%; background-color: #F5F5F5; background-repeat: no-repeat; background-image: url(/assets/views/marketing/organization/b2b_free_trial_mobile_ver_hero-503b646d85919ad70b2982e5fdc551098d27e11d8aebeb019092116860cf1fc2.webp); background-position: center top; background-size: 100% 330px; }

#new-b2b-signup-2023 .content-wrapper > * { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper { background-image: url(/assets/views/marketing/organization/teams_background_header-61d1b597305dbf90033f1b269386fb16f07c6b40297c6b0a9137e724e07fdc02.webp); background-size: auto 410px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper { background-size: 100% 410px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner { max-width: 1100px; width: 100%; margin-inline: auto; justify-content: center; align-items: baseline; gap: 26px; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; }

@media screen and (max-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner { padding-inline: 20px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner { display: grid; grid-template-columns: 53.9% 43.7%; grid-template-rows: 1fr; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .content-column { min-height: 1299px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column { display: grid; grid-template-columns: auto; grid-template-rows: auto auto; align-self: flex-start; }

@media screen and (max-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column { grid-row: 1; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column header { width: 100%; margin-inline: auto; padding-block: 30px; }

@media screen and (max-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column header { display: flex; flex-direction: column; justify-content: center; align-items: start; } }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column header { max-width: 520px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column header { max-width: none; max-height: 230px; margin-inline: 0px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column header h3 { font-weight: 500; font-size: 8px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; text-align: left; margin-block: 0px; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column header h3 { font-size: 14px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column header h3 { font-size: 16px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h1, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h2 { font-weight: 600; font-size: 20px; line-height: 38px; color: #FFFFFF; text-align: left; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h1 .golden, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h2 .golden { color: #ECC148; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h1 .next-line, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h2 .next-line { display: block; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h1 .next-line, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h2 .next-line { display: inline; } }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h1, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h2 { font-size: 24px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h1, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column h2 { font-size: 32px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column p { font-weight: 400; font-size: 10px; line-height: 19px; color: #FFFFFF; text-align: left; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column p .gold-arrow-right { height: 15px; width: 18px; fill: #ECC148; margin-left: 5px; display: inline; vertical-align: middle; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column p { font-size: 12px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column p { font-size: 16px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper { width: 100%; margin-inline: auto; margin-top: -30px; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper { max-width: 520px; margin-top: 0px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper { min-height: 648px; max-width: 465px; margin-inline: initial !important; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper p { font-weight: 400; font-size: 13px; line-height: 14px; text-align: center; color: #000000; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper p a { text-decoration: underline; color: #0E8397; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); row-gap: 20px; justify-content: center; align-content: center; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner { row-gap: 40px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner { row-gap: 50px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item { display: grid; grid-template-columns: 20% 80%; justify-content: center; align-content: center; background: #FFFFFF; box-shadow: 0px 0px 7px #2C4E94; border-radius: 3px; padding: 10px 20px; column-gap: 22px; min-height: 129px; padding-inline: 30px; padding-block: 0px; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item { min-height: 178px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-illustration { display: block; max-width: 65px; width: 100%; margin-inline: auto; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-illustration { max-width: 72px; width: 100%; margin-inline: auto; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info h3 { margin-block: 0px; font-weight: 500; font-size: 18px; line-height: 29px; color: #3E474F; text-transform: initial; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info h3 { font-size: 20px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info h3 { font-size: 24px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info .showcase-list { margin-left: 0px; margin-block: 0px; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info .showcase-list li { font-weight: 400; font-size: 12px; line-height: 17px; color: #000000; padding: 2.5px 10px 2.5px 25px; list-style: none; vertical-align: middle; }

@media screen and (min-width: 768px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info .showcase-list li { font-size: 14px; } }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info .showcase-list li { font-size: 16px; padding: 5px 10px 5px 25px; margin-bottom: 10px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info .showcase-list li:nth-child(1) { background: url("/assets/icons/icon-ellipse-ae2d78b8202929813cc1ab3a9d9fa0e1702286947b78d759870aaec4c9d7d8bf.svg") no-repeat left center; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info .showcase-list li:nth-child(2) { background: url("/assets/icons/icon-lightning-9400d199e1057ca985f6e07ca3843677d44c919a8b0d97e775c75de026ce1f15.svg") no-repeat left center; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .showcase-column .showcase-wrapper .showcase-inner .showcase-item .showcase-info .showcase-list li:nth-child(3) { background: url("/assets/icons/icon-hexagon-80b8d0bb87451d7099130e7e5453317ad906eac88e0f0f030ba29c134d9f6aaf.svg") no-repeat left center; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column { max-width: none; width: 100%; margin-inline: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

@media screen and (max-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column { grid-row: 2; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper { box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1); max-width: 450px; width: 100%; margin-inline: auto; background: #FFFFFF; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper { max-width: 740px; width: 100%; margin-inline: auto; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .wrapper-min-height { min-height: 1183px; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-section-heading { font-style: normal; font-weight: 500; font-size: 13px; line-height: 19px; color: #0E8397; margin-top: 0px; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-section-heading { font-size: 16px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-section-heading .lock-icon { fill: #0E8397; width: 10px; height: 12px; margin-left: 10px; margin-top: 5px; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column #org-signup-form { padding: 30px; width: 100%; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .aster { color: #ED1C24; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; margin-inline: auto; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-label { margin-left: 15px; position: absolute; top: 13px; z-index: 20; font-weight: 500; font-size: 10px; line-height: 18px; color: #000000; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-label { font-size: 12px; top: 15px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .regular-form-label { position: static; display: block !important; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-text-input { background: #FFFFFF; font-size: 14px; z-index: 1; border: 0.5px solid #B6B6B6; border-radius: 4px; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-text-input, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-select { border: 0.5px solid #B6B6B6; border-radius: 4px; min-height: 36px; padding-right: 0px; z-index: 1; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-text-input, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-select { min-height: 49px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-select { background-size: 8px; font-size: 12px; line-height: 12px; font-weight: 400; padding-left: 10px; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .error-message { font-size: 10px; color: red; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .radio-checkbox-note { font-style: normal; font-weight: 400; font-size: 10px; line-height: 13px; color: #1a2126; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .radio-checkbox-note { font-size: 12px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .field_with_errors { width: 100%; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields { width: 100%; display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: auto auto; grid-gap: 10px; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors { width: 100%; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item:has(.form-select), #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors:has(.form-select) { display: block !important; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item .form-label, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors .form-label { font-size: 8px; margin-left: 8px; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item .form-label, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors .form-label { margin-left: 15px; font-size: 12px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item .form-select, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors .form-select { font-weight: 500; background-position: 80px; background-color: #FFFFFF; background: none; font-size: 8px; min-height: 43px; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item .form-select, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors .form-select { font-size: 12px; min-height: 49px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item #cvv-tooltip, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors #cvv-tooltip { z-index: 30; top: 20px; left: 28px; transform: scale(0.4); }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item #cvv-tooltip, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors #cvv-tooltip { left: 50px; top: 26px; transform: scale(0.6); } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item:first-child, #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors:first-child { grid-column: 1 / span 10; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item:nth-child(2), #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors:nth-child(2) { grid-column: 1 / span 3; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item:nth-child(3), #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors:nth-child(3) { grid-column: 4 / span 2; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item:nth-child(4), #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors:nth-child(4) { grid-column: 6 / span 3; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .form-item:nth-child(5), #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .credit-card-fields .field_with_errors:nth-child(5) { grid-column: 9 / span 2; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper { width: 100%; display: flex; justify-content: space-between; align-items: center; column-gap: 12px; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper .seat-selection { max-width: 190px; width: 100%; flex-basis: 40%; border: 0.5px solid #B6B6B6; border-radius: 4px; min-height: 36px; display: flex; justify-content: space-between; align-items: center; column-gap: 7px; padding: 4px; background: #FFFFFF; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper .seat-selection { padding: 8px; max-width: 223px; font-size: 12px; min-height: 49px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper .seat-selection label { position: static; font-style: normal; font-weight: 500; font-size: 10px; line-height: 14px; color: #000000; white-space: nowrap; margin: 0px; margin-left: 8px; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper .seat-selection label { font-size: 12px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper .seat-selection select { border: 0.5px solid #B6B6B6; background-color: #ffffff; border-radius: 4px; min-height: 34px; width: 77px !important; font-size: 12px; font-weight: 500; max-width: 60px; width: 100%; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper .seat-selection select { min-height: 37px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper p { font-style: normal; font-weight: 400; font-size: 8px; line-height: 122.1%; color: #1a2126; margin: 0px; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .seat-selection-wrapper p { font-size: 10px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .payment-info p { font-style: normal; font-weight: 400; font-size: 10px; line-height: 14px; color: #1a2126; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .payment-info p { font-size: 12px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-footer .contact-note { font-weight: 500; font-size: 10px; }

@media screen and (min-width: 1100px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .form-footer .contact-note { font-size: 12px; } }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .payment-details .payment-options .option { display: flex; justify-content: start; align-items: center; }

#new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .payment-details .payment-options label { display: flex; justify-content: space-evenly; flex-wrap: nowrap; gap: 8px; }

@media screen and (max-width: 550px) { #new-b2b-signup-2023 .content-wrapper .content-wrapper-inner .form-column .form-column-wrapper .payment-details .payment-options label { transform: scale(0.7); } }

#new-b2b-signup-2023 #org-signup-submit, #new-b2b-signup-2023 #org-signup-contact-sales { margin-inline: auto; display: block; background: #0E8397 !important; border-radius: 4px; border: none; outline: none; }

#new-b2b-signup-2023 .topics-carousel .topics-section p { margin-bottom: 0px; }

#new-b2b-signup-2023 .topics-carousel .topics-section h2 { margin-top: 0px; }

#new-b2b-signup-2023 .personal-email { display: none !important; visibility: hidden; }
.styleguide-marketing hr { margin: 0; }

.styleguide-marketing .anchor { position: relative; top: -150px; display: block; visibility: hidden; }

.styleguide-marketing .secondary-button-panel { background-color: #9ba6b0; margin-top: 20px; }

.styleguide-marketing .content-section + .content-section { padding-top: 0; }

.styleguide-marketing .content-section + .content-section > .content-section { padding-top: 80px; }

.styleguide-marketing .styleguide-color-list { list-style: none; margin: 0 0 20px 0; padding: 0; }

.styleguide-marketing .styleguide-color-list:before, .styleguide-marketing .styleguide-color-list:after { content: " "; display: table; }

.styleguide-marketing .styleguide-color-list:after { clear: both; }

.styleguide-marketing .styleguide-color-list li { float: left; margin: 0 20px 20px 0; }

.styleguide-marketing .styleguide-color-list .styleguide-color { border-radius: 5px; background-color: #eee; display: block; height: 100px; width: 100px; }

.styleguide-marketing .styleguide-color-list .styleguide-color-green { background-color: #5fcf80; }

.styleguide-marketing .styleguide-color-list .styleguide-color-dark-green { background-color: #3ac162; }

.styleguide-marketing .styleguide-color-list .styleguide-color-yellow { background-color: #ffd465; }

.styleguide-marketing .styleguide-color-list .styleguide-color-orange { background-color: #ff9f1f; }

.styleguide-marketing .styleguide-color-list .styleguide-color-redorange { background-color: #ed5a5a; }

.styleguide-marketing .styleguide-color-list .styleguide-color-pink { background-color: #ff8fb4; }

.styleguide-marketing .styleguide-color-list .styleguide-color-dark-pink { background-color: #ff5b89; }

.styleguide-marketing .styleguide-color-list .styleguide-color-purple { background-color: #a083c8; }

.styleguide-marketing .styleguide-color-list .styleguide-color-dark-purple { background-color: #8363b2; }

.styleguide-marketing .styleguide-color-list .styleguide-color-blue { background-color: #3f8abf; }

.styleguide-marketing .styleguide-color-list .styleguide-color-dark-blue { background-color: #3f8abf; }

.styleguide-marketing .styleguide-color-list .styleguide-color-dark { background-color: #384047; }

.styleguide-marketing .styleguide-color-list .styleguide-color-text-color { background-color: #1a2126; }

.styleguide-marketing .styleguide-color-list .styleguide-color-subheader-color { background-color: #8c989e; }

.styleguide-marketing .styleguide-row { margin-bottom: 14px; }

.styleguide-marketing .styleguide-column { border-radius: 5px; background-color: rgba(95, 207, 128, 0.1); border-bottom: solid 1px rgba(95, 207, 128, 0.5); padding-top: 15px; padding-bottom: 15px; color: #5fcf80; font-size: 12px; font-weight: 700; border-left: solid 1px #fff; }

.styleguide-marketing .styleguide-column:first-child { border-left: none; }
.survey-marketing { margin-bottom: 70px; }

.survey-marketing.empty-layout { background: #edeff0; }

.survey-marketing.empty-layout body { background: transparent; }

.survey-marketing-intro { color: #1a2126; font-size: 16px; margin: 30px 0; }

.survey-marketing-hero { background: #9b3b5a; padding: 20px 10px; margin: -20px -20px 30px; border-radius: 4px 4px 0 0; -webkit-font-smoothing: antialiased; }

@media screen and (min-width: 680px) { .survey-marketing-hero { margin: -30px -30px 30px; } }

.survey-marketing-recommendation .survey-marketing-hero { padding: 60px 0; }

.survey-marketing-hero-heading { color: #fff; margin: 0; }

.marketing-layout .survey-marketing-hero-heading { font-size: 18px; }

.empty-layout .survey-marketing-hero-heading { font-size: 20px; }

.survey-marketing-recommendation .survey-marketing-hero-heading { font-size: 28px; }

.survey-marketing-hero-heading + .survey-marketing-hero-copy { margin: 15px auto 0; }

.survey-marketing-recommendation .survey-marketing-hero-heading + .survey-marketing-hero-copy { font-size: 16px; max-width: 600px; color: rgba(255, 255, 255, 0.8); }

.survey-marketing-hero { background: #9b3b5a; color: #fff; }

.survey-marketing-lighttext { color: #2b363e; font-size: 13px; opacity: 0.75; }

.survey-marketing-answer { list-style: none; }

@media screen and (max-width: 768px) { .survey-marketing-answer { margin-top: 30px; }
  .survey-marketing-answer:first-child { margin-top: 0; } }

@media screen and (min-width: 768px) { .marketing-layout .survey-marketing-answer:nth-child(n+3) { margin-top: 15px; }
  .marketing-layout .survey-marketing-answer:nth-child(2n+1) { padding-left: 10px; padding-right: 7px; }
  .marketing-layout .survey-marketing-answer:nth-child(2n+2) { padding-right: 10px; padding-left: 7px; }
  .empty-layout .survey-marketing-answer.grid-25:nth-child(n+5) { margin-top: 30px; }
  .empty-layout .survey-marketing-answer.grid-33:nth-child(n+4) { margin-top: 30px; } }

@media screen and (min-width: 960px) { .marketing-layout .survey-marketing-answer:nth-child(2n+1) { padding-left: 0; }
  .marketing-layout .survey-marketing-answer:nth-child(2n+2) { padding-right: 0; } }

.marketing-layout .survey-marketing-button { width: 100%; }

.marketing-layout .survey-marketing-button .right-arrow-icon { transition: all 300ms 0s ease; }

.marketing-layout .survey-marketing-button:hover .right-arrow-icon, .marketing-layout .survey-marketing-button:focus .right-arrow-icon { margin-left: 10px; }

.marketing-layout .survey-marketing-button.disabled:hover:not(.has-topic-color), .marketing-layout .survey-marketing-button.disabled:focus:not(.has-topic-color) { border-color: #c6ccd2; cursor: default; color: #1a2126; }

.marketing-layout .survey-marketing-button.disabled:hover:not(.has-topic-color) .right-arrow-icon, .marketing-layout .survey-marketing-button.disabled:focus:not(.has-topic-color) .right-arrow-icon { margin-left: 0; fill: #1a2126; }

.survey-marketing-box { display: block; border-radius: 4px; border: 2px solid #9ec4df; text-align: center; height: 125px; transition: all 300ms 0s ease; }

.survey-marketing-box:hover, .survey-marketing-box:focus { border: 2px solid #c5dcec; background: #c5dcec; cursor: pointer; }

.survey-marketing-box:hover .survey-marketing-copy, .survey-marketing-box:focus .survey-marketing-copy { color: #355f7d; }

.survey-marketing-copy { display: block; font-size: 14px; line-height: 1.3; margin: 0; padding: 15px; color: #5d94ba; position: relative; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms 0s ease; }

.survey-marketing-copy strong { display: block; margin-bottom: 5px; }

.marketing-layout .survey-marketing-hr { margin: 15px 0; }

.survey-marketing .input-checkbox { display: none; }

.survey-marketing .input-checkbox:checked + .survey-marketing-box { background: #ffd465; border-color: #ffd465; }

.survey-marketing .input-checkbox:checked + .survey-marketing-box .survey-marketing-copy { color: #384047; }

.survey-marketing-recommendation-copy svg { padding: 30px; }

.survey-marketing-actions .grid-33 { float: right; }

.survey-marketing-actions .button.secondary { border: none; padding-left: 0; margin-top: 5px; opacity: 0.7; transition: all 300ms 0s ease; }

.survey-marketing-actions .button.secondary svg { transition: all 300ms 0s ease; }

.survey-marketing-actions .button.secondary:hover, .survey-marketing-actions .button.secondary:focus { opacity: 1; }

.survey-marketing-actions .button.secondary:hover svg, .survey-marketing-actions .button.secondary:focus svg { margin-right: 10px; }

.survey-marketing-actions .button.primary svg { transition: margin 300ms 0s ease; margin-left: 5px; }

.survey-marketing-actions .button.primary:hover svg, .survey-marketing-actions .button.primary:focus svg { margin-left: 10px; }

.survey-marketing-actions .button.primary.disabled { background-color: transparent; }

.survey-marketing-actions .button.primary.disabled:hover svg, .survey-marketing-actions .button.primary.disabled:focus svg { margin-left: 5px; }

@media screen and (max-width: 679px) { .survey-marketing-actions .grid-33 { width: 100%; }
  .survey-marketing-actions .button { width: 100%; margin-bottom: 15px; } }

.survey-marketing .plan-panel { padding: 0; box-shadow: none; }

.survey-marketing .plan-panel-header { margin: 35px 0 15px; }

.survey-marketing .plan-panel-features li { color: #1a2126; }

.survey-marketing .degrees-controller .plan-panel-subtle { margin-top: 15px; padding-left: 0; }

.survey-marketing .degrees-controller .plan-panel-subtle h4 { margin-bottom: 15px; }

.survey-marketing .degrees-controller .plan-panel-subtle h4, .survey-marketing .degrees-controller .plan-panel-subtle ul, .survey-marketing .degrees-controller .plan-panel-subtle a { color: #2b363e; }
.tap-interest .plans-hero-illustration { height: 800px !important; }

.tap-interest .signup-form p { color: #050708; line-height: 1.3; }

.tap-interest .signup-form .trial-banner { color: #fff; }

.tap-interest ul.check-list { margin: 0; }

.tap-interest .check-list li { list-style-type: none; padding: 7px 0 7px 24px; font-size: 14px; line-height: 1.5; }

.tap-interest .check-list li:before { content: ""; width: 14px; height: 12px; background: url("/assets/icons/icon-global-863d50621b14046616519056916ec67ac8a680fcb1c994a27ec6c1a92e9569d5.svg") no-repeat -155px -61px; float: left; margin: 5px 0 0 -24px; }

.tap-interest .field_with_errors p { color: #ed5a5a; }

.tap-interest-container svg { max-width: 400px; }
.acquisition_banner { background-color: #64ce83; height: 40px; position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 102; }

.acquisition_banner h4 { font-size: 20px; text-align: center; }

.acquisition_banner a { color: white; }
.topics-carousel { max-width: none; width: 100%; margin-inline: auto; background: url(/assets/views/marketing/subscribe/plan_topic_icons_background-3cec8818ad0cbc025affeb1d3455232b76732fbc3b1343779500c95f12d819c5.webp) center/cover no-repeat; }

.topics-carousel .topics-section { position: relative; width: 100%; margin-inline: auto; }

.topics-carousel .topics-section h2 { color: #FFFFFF; font-size: 30px; font-weight: 500; line-height: 36px; padding-block: 2.5rem; }

.topics-carousel .topics-section p { color: #FFFFFF; line-height: 1.063rem; padding-block: 35px; font-size: 16px; }

.topics-carousel .topics-section .topic-wrapper { max-width: 1100px; width: 100%; margin-inline: auto; display: grid; grid-template-columns: 10% 80% 10%; margin-inline: auto; justify-content: center; align-items: center; }

.topics-carousel .topics-section .topic-wrapper .iconSlider { margin: 0 auto; width: 100%; }

.topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper { border-radius: 50%; margin: 0 auto !important; color: #fff; text-align: center; display: flex !important; justify-content: center; align-items: center; flex-direction: column; max-width: 140px; }

.topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper .topic-link { display: flex !important; justify-content: center; align-items: center; flex-direction: column; }

.topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper span { margin-top: 1.25rem; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important; line-height: 1.313rem; color: #FFFFFF; font-weight: 500; font-size: 15px; }

.topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper .topic-icon { width: 67.82px !important; aspect-ratio: 1 / 1; background: #FFFFFF; border-radius: 50%; }

.topics-carousel .slide-control-icon { fill: #FFFFFF !important; width: 12px; height: 15px; }

.topics-carousel .icon-prev-arrow, .topics-carousel .icon-next-arrow { margin: 0px; padding: 0px; }

.topics-carousel .icon-prev-arrow { margin-right: 93px; }

.topics-carousel .icon-next-arrow { margin-left: 93px; }

@media screen and (max-width: 1100px) { .topics-carousel .topics-section .icon-prev-arrow { margin-right: 0px; }
  .topics-carousel .topics-section .icon-next-arrow { margin-left: 0px; } }

@media screen and (max-width: 987px) { .topics-carousel .topics-section h2 { font-size: 22.5px; padding-block: 27px; }
  .topics-carousel .topics-section p { font-size: 15px; padding-block: 18px; }
  .topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper span { font-size: 15px; }
  .topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper .topic-icon { width: 50px !important; aspect-ratio: 1 / 1; } }

@media screen and (max-width: 400px) { .topics-carousel .topics-section h2 { font-size: 13px; }
  .topics-carousel .topics-section p { font-size: 8px; }
  .topics-carousel .topics-section .topic-wrapper { grid-template-columns: 5% 90% 5%; max-width: 325px; width: 100%; margin-inline: auto; }
  .topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper span { font-size: 10px; }
  .topics-carousel .topics-section .topic-wrapper .topic-slide-controls { top: 40%; }
  .topics-carousel .topics-section .topic-wrapper .topic-icon-wrapper .topic-icon { width: 46.18px !important; aspect-ratio: 1 / 1; } }
.linkless-navbar { max-width: 1100px; width: 100%; margin-inline: auto; }

.linkless-navbar .navbar-content-wrapper { min-height: 60px; padding-inline: 30px; width: 100%; max-width: 1100px; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; background-color: #fff; }

@media screen and (min-width: 768px) { .linkless-navbar .navbar-content-wrapper { min-height: 75px; } }

@media screen and (min-width: 1100px) { .linkless-navbar .navbar-content-wrapper { min-height: 70px; } }

@media screen and (min-width: 1100px) { .linkless-navbar .navbar-content-wrapper { padding-inline: 0px; } }

.linkless-navbar .navbar-content-wrapper .treehouse-icon { width: 99px; fill: #5fcf80; transform: scale(1.2) translateY(5px) translateX(10px); }

.linkless-navbar .navbar-content-wrapper .treehouse-icon .icon-treehouse { fill: #3e474f; }

@media screen and (min-width: 1100px) { .linkless-navbar .navbar-content-wrapper .treehouse-icon { transform: scale(1.5) translateY(5.5px) translateX(15px); } }

.linkless-navbar .btn-cta { display: flex; justify-content: center; align-items: center; margin-left: auto; height: 33px; width: 101px; font-weight: 500; font-size: 13px; line-height: 16px; border-radius: 3px; background: #0e8397; border: 1px solid #0e8397; color: #fff; text-decoration: none; }

@media screen and (min-width: 1100px) { .linkless-navbar .btn-cta { width: 212px; height: 44px; font-size: 19px; line-height: 23px; } }
.navbar-announcement-margin { margin-top: 20px; }

.navbar-announcement-padding { padding-top: 30px; }

.navbar-announcement-margin-application { margin-top: 40px; }

.nav-announcement { min-height: 40px; position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 5000; word-break: break-word; padding: 0 20px; }

.nav-announcement .nav-announcement-slider { max-width: 900px; padding: 5px 0px; }

.nav-announcement .nav-announcement-slider .swiper-slide-active { margin: auto; }

.nav-announcement .nav-announcement-slider .swiper-button-prev, .nav-announcement .nav-announcement-slider .swiper-button-next { color: #fff; }

.nav-announcement .nav-announcement-slider .swiper-button-prev::after, .nav-announcement .nav-announcement-slider .swiper-button-next::after { line-height: 2 !important; font-size: 1.2rem !important; font-weight: 600 !important; }

.nav-announcement .nav-announcement-slider .announcement-message { text-align: center; font-size: 13px; font-weight: 500; line-height: 16px; word-break: break-word; padding-inline: 40px; width: 100%; margin: 0 auto; }

.nav-announcement .nav-announcement-slider .announcement-message a { color: inherit !important; }

.nav-announcement .nav-announcement-slider .announcement-message a:hover { color: #3333ff !important; text-decoration: underline; }

.nav-announcement .nav-announcement-slider .announcement-message:hover { color: #fff; }

.nav-announcement .nav-announcement-slider .announcement-message.grabbable { cursor: grab; }
.mini-profile-avatar { margin: 0 auto 10px; }

.mini-profile-heading { background: #f9fafa; margin: -30px -15px 30px; padding: 15px 30px; text-align: center; border-bottom: 1px solid #edeff0; border-radius: 5px 5px 0 0; }

.mini-profile-name { font-size: 18px; font-weight: 700; display: block; clear: both; margin: 0; }

.mini-profile-name-link { color: #101417; }

.mini-profile-type, .mini-profile-degree { font-size: 14px; line-height: 20px; font-weight: 700; color: #2f3b44; margin: 2px 0 0; }

.mini-profile-location { margin: 4px 0 0 !important; font-size: 13px !important; color: #2b363e; }

.modal.mini-profile .modal-close { top: 15px; }

.modal.mini-profile .student-stats { border-bottom: 1px solid #f0f2f4; padding: 0 0 30px; margin: 0 0 30px; }

.modal.mini-profile .student-stats:before, .modal.mini-profile .student-stats:after { content: " "; display: table; }

.modal.mini-profile .student-stats:after { clear: both; }

.modal.mini-profile .student-stats li { list-style-type: none; margin: 0; }

.modal.mini-profile .student-stats li:first-child { border-right: 1px solid #f0f2f4; }

.modal.mini-profile .student-stats li:last-child { padding-left: 30px; }

.modal.mini-profile .student-stats strong { font-weight: 700; color: #384047; font-size: 18px; margin-bottom: 5px; display: block; }

.modal.mini-profile .student-stats p { color: #2b363e; font-size: 14px; margin: 0; }

.modal.mini-profile .points-breakdown { margin: 0 0 30px; }

.modal.mini-profile .points-breakdown:before, .modal.mini-profile .points-breakdown:after { content: " "; display: table; }

.modal.mini-profile .points-breakdown:after { clear: both; }

.modal.mini-profile .points-breakdown li { margin: 0; }

.modal.mini-profile .points-breakdown li.topic-ai strong { color: #733A88; }

.modal.mini-profile .points-breakdown li.topic-back-end strong { color: #008297; }

.modal.mini-profile .points-breakdown li.topic-data strong { color: #9F4B84; }

.modal.mini-profile .points-breakdown li.topic-design strong { color: #4a4290; }

.modal.mini-profile .points-breakdown li.topic-experimental strong { color: #733a88; }

.modal.mini-profile .points-breakdown li.topic-front-end strong { color: #3659a2; }

.modal.mini-profile .points-breakdown li.topic-fundamentals strong { color: #9b3b5a; }

.modal.mini-profile .points-breakdown li.topic-mobile strong { color: #30826C; }

.modal.mini-profile .points-breakdown li.topic-internal strong { color: #55616c; }

.modal.mini-profile .points-breakdown li.topic-foundations strong { color: #004e61; }

.modal.mini-profile .points-breakdown li.topic-undefined strong { color: #55616c; }

.modal.mini-profile .points-breakdown li.topic-college-credit strong { color: #3887c8; }

.modal.mini-profile .points-breakdown li.topic-no-code strong { color: #31AF7F; }

.modal.mini-profile .points-breakdown li.topic-security strong { color: #409BE9; }

.modal.mini-profile .points-breakdown li.topic-game-development strong { color: #856fc4; }

.modal.mini-profile .points-breakdown li.topic-treehouse-resources strong { color: #5fcf80; }

.modal.mini-profile .points-breakdown li.topic-coding-for-kids strong { color: #F36C27; }

.modal.mini-profile .points-breakdown strong { font-size: 16px; font-weight: 700; }

.modal.mini-profile .points-breakdown p { font-size: 13px; color: #2b363e; }
.footer-dev-list { display: inline-block; border-top: none; margin: 0 0 0 20px; padding: 20px 0; }

.footer-dev-list:before, .footer-dev-list:after { content: " "; display: table; }

.footer-dev-list:after { clear: both; }

.footer-dev-list li { list-style: none; }

.footer-dev-list > li { float: left; padding: 0; color: #c6ccd2; position: relative; }

.footer-dev-list > li:hover ul { display: block; }

.footer-dev-list > li:hover > a { background: #2d3339; color: #fff; border-radius: 0 0 5px 5px; border: 2px solid #2d3339; box-shadow: none; }

.footer-dev-list > li:hover > a .icon { background-position: -123px -33px; }

.footer-dev-list > li > a { background: #f9fafa; font-weight: 700; padding: 12px 15px; color: #1a2126; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); border-radius: 5px; border: 2px solid #2b363e; }

.footer-dev-list > li > a .icon { margin: -2px 0px 0 7px; }

.footer-dev-list a { font-size: 14px; display: block; font-weight: 700; color: #b8c5ce; text-decoration: none; padding: 8px 15px; line-height: 18px; }

.footer-dev-list a:hover { color: #fff; }

.footer-dev-list ul { background: #384047 url("/assets/dev-stripes-0df15acae28e6b0095253b1fc0d072ca1c7bb55a709de3543953fafe6c11609a.svg") repeat-x 0 -2px; padding-top: 3px; padding-left: 0; width: 250px; position: absolute; bottom: 100%; left: 0; z-index: 2; margin: 0; display: none; overflow: hidden; border-radius: 5px 5px 5px 0; }

.footer-dev-list ul li { list-style-type: none; font-size: 14px; padding: 0; color: #c6ccd2; }

.footer-dev-list ul li.break { border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }

.footer-dev-list ul li:last-child { border: none; }

.footer-dev-list ul li a { font-weight: 400; padding: 10px 15px; }

.footer-dev-list ul li a:hover { background: #414a52; }

@media screen and (max-height: 1200px) { .footer-dev-listaccounts ul { height: 500px; overflow-y: scroll; } }