html {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
body {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
div {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
span {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
object {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
iframe {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h1 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h2 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h3 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h4 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h5 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h6 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
p {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
blockquote {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
pre {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
abbr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
address {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
cite {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
code {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
del {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dfn {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
em {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
img {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ins {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
kbd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
q {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
samp {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
small {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
strong {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sub {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
var {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
b {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
i {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dl {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dt {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ol {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ul {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
li {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
fieldset {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
form {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
label {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
legend {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
table {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
caption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tbody {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tfoot {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
thead {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
th {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
td {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
article {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
aside {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
canvas {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
details {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figcaption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figure {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
footer {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
header {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
hgroup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
menu {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
nav {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
section {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
summary {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
time {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
mark {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
audio {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
video {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
ins {
	color: rgb(0, 0, 0); text-decoration: none; background-color: rgb(255, 255, 153);
}
mark {
	color: rgb(0, 0, 0); font-style: italic; font-weight: bold; background-color: rgb(255, 255, 153);
}
del {
	text-decoration: line-through;
}
abbr[title] {
	border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
dfn[title] {
	border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
hr {
	border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentColor currentColor; margin: 1em 0px; padding: 0px; border-image: none; height: 1px; display: block;
}
input {
	vertical-align: middle;
}
select {
	vertical-align: middle;
}
#mobile-nav-toggle {
	margin-top: 6px; float: right;
}
@media screen and (min-width:960px)
{
#mobile-nav-toggle {
	display: none;
}
}
#mobile-nav-toggle .hamburger {
	border-radius: 6px; transition:top 0.3s 0.2s, bottom 0.3s 0.2s, background-color 0.3s, transform 0.3s; width: 25px; height: 3px; display: block; background-color: rgb(123, 139, 142); -webkit-transition: top 0.3s 0.2s ease, bottom 0.3s 0.2s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
}
#mobile-nav-toggle .hamburger::before {
	border-radius: 6px; transition:top 0.3s 0.2s, bottom 0.3s 0.2s, background-color 0.3s, transform 0.3s; width: 25px; height: 3px; display: block; background-color: rgb(123, 139, 142); -webkit-transition: top 0.3s 0.2s ease, bottom 0.3s 0.2s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
}
#mobile-nav-toggle .hamburger::after {
	border-radius: 6px; transition:top 0.3s 0.2s, bottom 0.3s 0.2s, background-color 0.3s, transform 0.3s; width: 25px; height: 3px; display: block; background-color: rgb(123, 139, 142); -webkit-transition: top 0.3s 0.2s ease, bottom 0.3s 0.2s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
}
:not(.scrolling).with-hero #mobile-nav-toggle .hamburger {
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
:not(.scrolling).with-hero #mobile-nav-toggle .hamburger::before {
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
:not(.scrolling).with-hero #mobile-nav-toggle .hamburger::after {
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.nav-shelf-expanded #mobile-nav-toggle .hamburger {
	transition:top 0.3s, bottom 0.3s, background-color 0.3s, transform 0.3s 0.2s; -webkit-transition: top 0.3s ease, bottom 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s 0.2s ease;
}
.nav-shelf-expanded #mobile-nav-toggle .hamburger::before {
	transition:top 0.3s, bottom 0.3s, background-color 0.3s, transform 0.3s 0.2s; -webkit-transition: top 0.3s ease, bottom 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s 0.2s ease;
}
.nav-shelf-expanded #mobile-nav-toggle .hamburger::after {
	transition:top 0.3s, bottom 0.3s, background-color 0.3s, transform 0.3s 0.2s; -webkit-transition: top 0.3s ease, bottom 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s 0.2s ease;
}
#mobile-nav-toggle .hamburger::before {
	left: 0px; position: absolute; content: "";
}
#mobile-nav-toggle .hamburger::after {
	left: 0px; position: absolute; content: "";
}
#mobile-nav-toggle .hamburger {
	top: 8px; position: relative;
}
#mobile-nav-toggle .hamburger::before {
	top: -7px;
}
#mobile-nav-toggle .hamburger::after {
	bottom: -7px;
}
.nav-shelf-expanded #mobile-nav-toggle .hamburger {
	box-shadow: none !important; background-color: transparent !important;
}
.nav-shelf-expanded #mobile-nav-toggle .hamburger::before {
	top: 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.nav-shelf-expanded #mobile-nav-toggle .hamburger::after {
	bottom: 0px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.nav-shelf-expanded #mobile-nav-toggle .hamburger:hover {
	background-color: rgb(237, 239, 240);
}
#mobile-nav-toggle a {
	width: 25px; height: 20px;
}
#mobile-nav-toggle a:hover .hamburger {
	background-color: rgb(87, 99, 102);
}
#mobile-nav-toggle a:hover .hamburger::before {
	background-color: rgb(87, 99, 102);
}
#mobile-nav-toggle a:hover .hamburger::after {
	background-color: rgb(87, 99, 102);
}
.unread#mobile-nav-toggle em.notifications {
	left: 20px; top: -8px; display: block;
}
.unread#mobile-nav-toggle em.double-digits.notifications {
	left: auto; top: -8px; right: -6px;
}
svg {
	transform-origin: center center; transition:fill 300ms, stroke 300ms, transform 300ms, opacity 300ms; width: 100%; height: 100%; overflow: visible; display: inline-block; backface-visibility: hidden; -webkit-transform-origin: center center; -webkit-transition: fill 300ms ease, stroke 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-backface-visibility: hidden;
}
svg.icon-defs {
	display: none;
}
svg.quiz-18-icon {
	width: 18px; height: 18px;
}
svg.quiz-22-icon {
	width: 22px; height: 22px;
}
svg.quiz-40-icon {
	width: 40px; height: 40px;
}
svg.code-challenge-18-icon {
	width: 18px; height: 18px;
}
svg.code-challenge-22-icon {
	width: 22px; height: 22px;
}
svg.code-challenge-40-icon {
	width: 40px; height: 40px;
}
svg.video-18-icon {
	width: 18px; height: 18px;
}
svg.video-22-icon {
	width: 22px; height: 22px;
}
svg.video-40-icon {
	width: 40px; height: 40px;
}
svg.step-complete-fill-18-icon {
	width: 18px; height: 18px;
}
svg.step-complete-fill-22-icon {
	width: 22px; height: 22px;
}
svg.step-complete-fill-40-icon {
	width: 40px; height: 40px;
}
svg.quiz-suggested-22-icon {
	width: 22px; height: 22px;
}
svg.code-challenge-suggested-22-icon {
	width: 22px; height: 22px;
}
svg.video-suggested-22-icon {
	width: 22px; height: 22px;
}
svg.step-complete-fill-suggested-22-icon {
	width: 22px; height: 22px;
}
svg.checkmark-24-icon {
	width: 24px; height: 24px;
}
svg.close-24-icon {
	width: 24px; height: 24px;
}
svg.info-24-icon {
	width: 24px; height: 24px;
}
svg.bonus-icon {
	width: 18px; height: 18px;
}
svg.collection-icon {
	width: 18px; height: 18px;
}
svg.conference-icon {
	width: 18px; height: 18px;
}
svg.course-icon {
	width: 18px; height: 18px;
}
svg.track-icon {
	width: 18px; height: 18px;
}
svg.workshop-icon {
	width: 18px; height: 18px;
}
svg.announcement-icon {
	width: 18px; height: 18px;
}
svg.play-icon {
	width: 24px; height: 26px;
}
svg.pause-icon {
	width: 16px; height: 20px;
}
svg.speed-icon {
	width: 22px; height: 22px;
}
svg.captions-icon {
	width: 22px; height: 22px;
}
svg.volume-icon {
	width: 22px; height: 22px;
}
svg.workspaces-outline-icon {
	width: 22px; height: 22px;
}
svg.fullscreen-icon {
	width: 18px; height: 18px;
}
svg.rewind-icon {
	width: 22px; height: 25px;
}
svg.android-icon {
	width: 42px; height: 50px;
}
svg.business-icon {
	width: 60px; height: 50px;
}
svg.csharp-icon {
	width: 46px; height: 50px;
}
svg.css-icon {
	width: 58px; height: 50px;
}
svg.databases-icon {
	width: 48px; height: 50px;
}
svg.design-icon {
	width: 64px; height: 50px;
}
svg.development-tools-icon {
	width: 50px; height: 50px;
}
svg.digital-literacy-icon {
	width: 70px; height: 46px;
}
svg.game-development-icon {
	width: 70px; height: 38px;
}
svg.html-icon {
	width: 70px; height: 42px;
}
svg.ios-icon {
	width: 64px; height: 50px;
}
svg.java-icon {
	width: 40px; height: 50px;
}
svg.javascript-icon {
	width: 52px; height: 50px;
}
svg.php-icon {
	width: 70px; height: 36px;
}
svg.python-icon {
	width: 50px; height: 50px;
}
svg.ruby-icon {
	width: 60px; height: 50px;
}
svg.wordpress-icon {
	width: 54px; height: 50px;
}
svg.android-small-icon {
	width: 12px; height: 14px;
}
svg.business-small-icon {
	width: 12px; height: 10px;
}
svg.csharp-small-icon {
	width: 11px; height: 12px;
}
svg.css-small-icon {
	width: 16px; height: 6px;
}
svg.databases-small-icon {
	width: 11px; height: 12px;
}
svg.design-small-icon {
	width: 8px; height: 12px;
}
svg.development-tools-small-icon {
	width: 8px; height: 14px;
}
svg.digital-literacy-small-icon {
	width: 10px; height: 12px;
}
svg.game-development-small-icon {
	width: 16px; height: 10px;
}
svg.html-small-icon {
	width: 24px; height: 6px;
}
svg.ios-small-icon {
	width: 10px; height: 12px;
}
svg.java-small-icon {
	width: 14px; height: 10px;
}
svg.javascript-small-icon {
	width: 14px; height: 8px;
}
svg.php-small-icon {
	width: 18px; height: 6px;
}
svg.python-small-icon {
	width: 14px; height: 14px;
}
svg.ruby-small-icon {
	width: 14px; height: 12px;
}
svg.wordpress-small-icon {
	width: 16px; height: 6px;
}
svg.left-arrow-icon {
	width: 12px; height: 12px;
}
svg.right-arrow-icon {
	width: 12px; height: 12px;
}
svg.up-arrow-icon {
	width: 12px; height: 12px;
}
svg.down-arrow-icon {
	width: 12px; height: 12px;
}
svg.upvote-icon {
	width: 12px; height: 12px;
}
svg.downvote-icon {
	width: 12px; height: 12px;
}
svg.ellipses-icon {
	width: 18px; height: 18px;
}
svg.careers-icon {
	width: 30px; height: 30px;
}
svg.careers-progress-icon {
	width: 30px; height: 30px;
}
svg.support-icon {
	width: 30px; height: 30px;
}
svg.workspaces-icon {
	width: 30px; height: 28px;
}
svg.forum-icon {
	width: 30px; height: 28px;
}
svg.tracks-icon {
	width: 30px; height: 26px;
}
svg.library-icon {
	width: 30px; height: 24px;
}
svg.gear-icon {
	width: 16px; height: 16px;
}
svg.cash-icon {
	width: 70px; height: 50px;
}
svg.ipad-icon {
	width: 70px; height: 50px;
}
svg.briefcase-icon {
	width: 70px; height: 50px;
}
svg.add-icon {
	width: 16px; height: 16px;
}
svg.info-icon {
	width: 16px; height: 16px;
}
svg.workspaces-small-icon {
	width: 16px; height: 16px;
}
svg.search-icon {
	width: 16px; height: 16px;
}
svg.star-small-icon {
	width: 16px; height: 16px;
}
svg.play-outline-24-icon {
	width: 24px; height: 24px;
}
svg.support-outline-24-icon {
	width: 24px; height: 24px;
}
svg.search-outline-24-icon {
	width: 24px; height: 24px;
}
svg.star-outline-24-icon {
	width: 24px; height: 24px;
}
svg.help-outline-24-icon {
	width: 24px; height: 24px;
}
svg.facebook-icon {
	width: 24px; height: 24px;
}
svg.twitter-icon {
	width: 24px; height: 24px;
}
svg.instagram-icon {
	width: 24px; height: 24px;
}
svg.linked-in-icon {
	width: 24px; height: 24px;
}
svg.website-icon {
	width: 24px; height: 24px;
}
svg.google-plus-icon {
	width: 24px; height: 24px;
}
svg.github-icon {
	width: 24px; height: 24px;
}
svg.dribbble-icon {
	width: 24px; height: 24px;
}
svg.youtube-icon {
	width: 24px; height: 24px;
}
svg.reddit-icon {
	width: 24px; height: 24px;
}
svg.left-chevron-icon {
	width: 18px; height: 32px;
}
svg.right-chevron-icon {
	width: 18px; height: 32px;
}
svg.failed-quiz-icon {
	width: 134px; height: 134px;
}
svg.star-large-icon {
	width: 32px; height: 30px;
}
svg.building-icon {
	width: 17px; height: 16px;
}
svg.salary-icon {
	width: 16px; height: 21px;
}
svg.complete-icon {
	width: 16px; height: 14px;
}
svg.lock-thin-icon {
	width: 12px; height: 16px;
}
svg.lock-wide-icon {
	width: 14px; height: 16px;
}
svg.maintenance-icon {
	width: 30px; height: 30px;
}
svg.complete-outline-icon {
	width: 22px; height: 22px;
}
svg.treehouse-icon {
	width: 139px; height: 32px;
}
svg.logo-icon {
	width: 30px; height: 32px;
}
svg.resume-icon {
	width: 17px; height: 14px;
}
svg.arrows-icon {
	width: 18px; height: 16px;
}
svg.checkmark-icon {
	width: 10px; height: 8px;
}
svg.close-icon {
	width: 12px; height: 12px;
}
svg.points-icon {
	width: 30px; height: 30px;
}
svg.drag-icon {
	width: 20px; height: 10px;
}
svg.bell-icon {
	width: 26px; height: 25px;
}
.loading-icon {
	animation:spin 1.2s linear infinite; width: 18px; height: 18px; -webkit-animation: spin 1.2s infinite linear;
}
.loading-circle {
	fill: #b9c1c7;
}
.loading-quarter-circle {
	fill: #60676d;
}
.icon {
	background-position: 0px 0px; vertical-align: middle; display: inline-block; background-repeat: no-repeat;
}
.icon-points {
	width: 30px; height: 30px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjk5LjU0NHB4IiBoZWlnaHQ9IjMwMHB4IiB2aWV3Qm94PSIwIDAgMjk5LjU0NCAzMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5OS41NDQgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNDksMGM1MCwwLDkyLDIyLDEyMSw2MmwtMTIxLDg4VjBIMHYzMDBoMzAwVjBIMTQ5eiIvPg0KCTxnPg0KCQk8cGF0aCBvcGFjaXR5PSIwLjQiIGZpbGw9IiNDMEM4Q0UiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTUwLDE1MEw2MiwyOWMyNy0xOSw1NS0yOSw4OC0yOVYxNTB6Ii8+DQoJCTxwYXRoIG9wYWNpdHk9IjAuNyIgZmlsbD0iI0MwQzhDRSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0xNTAsMTUwTDgsMTk2Qy0xMiwxMzMsOSw2Nyw2MiwyOEwxNTAsMTUweiIvPg0KCQk8cGF0aCBvcGFjaXR5PSIwLjUiIGZpbGw9IiNDMEM4Q0UiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTUwLDE1MGw4OCwxMjFjLTY3LDQ5LTE2MSwzNC0yMDktMzNjLTEwLTEzLTE2LTI2LTIxLTQyDQoJCQlMMTUwLDE1MHoiLz4NCgkJPHBhdGggZmlsbD0iI0MwQzhDRSIgZD0iTTE1MCwxNTBsMTIxLTg4YzQ5LDY3LDM0LDE2MS0zMywyMTBMMTUwLDE1MHoiLz4NCgk8L2c+DQoJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMTUwIiBjeT0iMTUwIiByPSI3MCIvPg0KPC9nPg0KPC9zdmc+DQo="); background-size: 30px 30px;
}
.icon-points-small {
	width: 12px; height: 12px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE5Ljk5OXB4IiBoZWlnaHQ9IjEyMC4wMDFweCIgdmlld0JveD0iMCAwIDExOS45OTkgMTIwLjAwMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE5Ljk5OSAxMjAuMDAxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIG9wYWNpdHk9IjAuNyIgZmlsbD0iI0MwQzhDRSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0zMS45MDQsNjAuMDhjMC05LjAxMiw1LjAwMi0xOC4wMjQsMTIuMDA1LTIzLjAzMQ0KCQlMMjQuOTAyLDExLjAxNEMzLjg5NCwyNy4wMzUtNS4xMSw1My4wNywyLjg5Myw3OC4xMDNMMzIuOTA1LDY4LjA5QzMyLjkwNCw2Ni4wODgsMzEuOTA0LDYzLjA4NCwzMS45MDQsNjAuMDh6Ii8+DQoJPHBhdGggb3BhY2l0eT0iMC41IiBmaWxsPSIjQzBDOENFIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0iTTc1LjkyMSw4Mi4xMWMtNS4wMDIsMy4wMDQtMTAuMDA0LDUuMDA3LTE2LjAwNiw1LjAwNw0KCQljLTEyLjAwNSwwLTIzLjAwOS04LjAxMS0yNy4wMTEtMTkuMDI1TDIuODkyLDc4LjEwNWMyLjAwMSw2LjAwOCw1LjAwMiwxMS4wMTUsOS4wMDQsMTcuMDIzDQoJCWMxOS4wMDcsMjcuMDM2LDU3LjAyMywzMy4wNDQsODQuMDMzLDEzLjAxN0w3NS45MjEsODIuMTF6Ii8+DQoJPHBhdGggZmlsbD0iI0MwQzhDRSIgZD0iTTEwOC45MzQsMjUuMDMzbC0yNi4wMSwxOS4wMjVjMy4wMDEsNS4wMDcsNS4wMDIsMTAuMDEzLDUuMDAyLDE2LjAyMWMwLDkuMDEyLTUuMDAyLDE4LjAyNC0xMi4wMDUsMjMuMDMxDQoJCWwxOS4wMDcsMjYuMDM1QzEyMS45NCw4OC4xMTgsMTI3Ljk0Miw1Mi4wNjksMTA4LjkzNCwyNS4wMzN6Ii8+DQoJPHBhdGggb3BhY2l0eT0iMC40IiBmaWxsPSIjQzBDOENFIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0iTTU5LjkxNSwzMi4wNDNWMEM0Ni45MSwwLDM0LjkwNSw0LjAwNSwyNC45MDEsMTEuMDE1DQoJCUw0My45MDgsMzcuMDVDNDcuOTEsMzQuMDQ1LDUzLjkxMywzMi4wNDMsNTkuOTE1LDMyLjA0M3oiLz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 12px 12px;
}
.icon-left {
	width: 17px; height: 14px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEwcHgiIGhlaWdodD0iMTM5Ljk4NnB4IiB2aWV3Qm94PSIwIDAgNTEwIDEzOS45ODYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMCAxMzkuOTg2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik03MCw0LjExOWM5LDYuOTgyLDExLDIwLjk0Nyw0LDI5LjkyNEw2NCw0OC4wMDhoODVjMTIsMCwyMSw5Ljk3NSwyMSwyMS45NDVzLTEwLDIxLjk0NS0yMSwyMS45NDVINjQNCglsMTAsMTMuOTY1YzcsOC45NzcsNSwyMi45NDItNCwyOS45MjRzLTIzLDQuOTg3LTMwLTMuOTlMNCw4My45MThDMSw3OC45MywwLDc0Ljk0LDAsNjkuOTUzYzAtNC45ODcsMS04Ljk3Nyw0LTEyLjk2N0w0MCw5LjEwNw0KCUM0OC0wLjg2OCw2MS0yLjg2Myw3MCw0LjExOXoiLz4NCjxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik0yNDAsNC4xMTljOSw2Ljk4MiwxMSwyMC45NDcsNCwyOS45MjRsLTEwLDEzLjk2NWg4NWMxMiwwLDIxLDkuOTc1LDIxLDIxLjk0NXMtMTAsMjEuOTQ1LTIxLDIxLjk0NWgtODUNCglsMTAsMTMuOTY1YzcsOC45NzcsNSwyMi45NDItNCwyOS45MjRzLTIzLDQuOTg3LTMwLTMuOTlsLTM2LTQ3Ljg3OWMtMy00Ljk4Ny00LTguOTc3LTQtMTMuOTY1YzAtNC45ODcsMS04Ljk3Nyw0LTEyLjk2N2wzNi00Ny44NzkNCglDMjE4LTAuODY4LDIzMS0yLjg2MywyNDAsNC4xMTl6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDEwLDQuMTE5YzksNi45ODIsMTEsMjAuOTQ3LDQsMjkuOTI0bC0xMCwxMy45NjVoODVjMTIsMCwyMSw5Ljk3NSwyMSwyMS45NDVzLTEwLDIxLjk0NS0yMSwyMS45NDVoLTg1DQoJbDEwLDEzLjk2NWM3LDguOTc3LDUsMjIuOTQyLTQsMjkuOTI0cy0yMyw0Ljk4Ny0zMC0zLjk5bC0zNi00Ny44NzljLTMtNC45ODctNC04Ljk3Ny00LTEzLjk2NWMwLTQuOTg3LDEtOC45NzcsNC0xMi45NjdsMzYtNDcuODc5DQoJQzM4OC0wLjg2OCw0MDEtMi44NjMsNDEwLDQuMTE5eiIvPg0KPC9zdmc+DQo="); background-size: 51px 14px;
}
.icon-right-small {
	width: 11px; height: 9px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjUuOTcyIDQuOTQ4IDExIDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNS45NzIgNC45NDggMTEgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNUZDRjgwIiBkPSJNMTQuMzQyLDUuNDk1bDIuMzUsMy4xMTZjMC4xODcsMC4yNDgsMC4yOCwwLjU0MiwwLjI4LDAuODM3YzAsMC4yOTYtMC4wOTMsMC41OS0wLjI4LDAuODM4TDE0LjM0MywxMy40DQoJYy0wLjQ1OSwwLjYxLTEuMzIzLDAuNzI5LTEuOTI3LDAuMjY2Yy0wLjYwNS0wLjQ2My0wLjcyMy0xLjMzMS0wLjI2My0xLjk0bDAuNjcyLTAuODkzSDcuMzQ3Yy0wLjc1OSwwLTEuMzc1LTAuNjIxLTEuMzc1LTEuMzg1DQoJczAuNjE2LTEuMzg0LDEuMzc1LTEuMzg0aDUuNDc4bC0wLjY3Mi0wLjg5M2MtMC40NTktMC42MTEtMC4zNDEtMS40NzgsMC4yNjMtMS45NDFDMTMuMDIsNC43NjgsMTMuODg0LDQuODg3LDE0LjM0Miw1LjQ5NXoiLz4NCjwvc3ZnPg0K"); background-size: 11px 9px;
}
.icon-chevron-down {
	background-position: -12px 0px; width: 12px; height: 8px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjQwLjI3NXB4IiBoZWlnaHQ9IjE2MC4wMDFweCIgdmlld0JveD0iMCAwIDI0MC4yNzUgMTYwLjAwMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQwLjI3NSAxNjAuMDAxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik02MC4wMTUsODAuMDAxTDQuNTQ3LDI1Ljc2M2MtNi4wMjktNS44OTUtNi4wMjktMTUuNDUsMC0yMS4zNGM2LjAyOS01Ljg5NSwxNS43OTYtNS44OTUsMjEuODI1LDANCgkJbDMzLjY0MywzMi44OTlMOTMuNjc4LDQuNDE4YzYuMDI5LTUuODg1LDE1Ljc5Ni01Ljg5LDIxLjgyNSwwLjAwNWM2LjAyOSw1Ljg5NSw2LjAyOSwxNS40NSwwLDIxLjM0NUw2MC4wMTUsODAuMDAxeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTE4MC4yNjUsODAuMDAxbC01NS40NjgtNTQuMjM5Yy02LjAyOS01Ljg5NS02LjAyOS0xNS40NSwwLTIxLjM0YzYuMDI5LTUuODk1LDE1Ljc5Ni01Ljg5NSwyMS44MjUsMA0KCQlsMzMuNjQzLDMyLjg5OWwzMy42NjMtMzIuOTA0YzYuMDI5LTUuODg1LDE1Ljc5Ni01Ljg5LDIxLjgyNiwwLjAwNXM2LjAyOSwxNS40NSwwLDIxLjM0NUwxODAuMjY1LDgwLjAwMXoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xODAuMjg1LDgwLjAwMWw1NS40NjgsNTQuMjM5YzYuMDI5LDUuODk1LDYuMDI5LDE1LjQ1LDAsMjEuMzRjLTYuMDI5LDUuODk1LTE1Ljc5Niw1Ljg5NS0yMS44MjYsMA0KCQlsLTMzLjY0My0zMi44OTlsLTMzLjY2MywzMi45MDRjLTYuMDI5LDUuODg1LTE1Ljc5Niw1Ljg5LTIxLjgyNS0wLjAwNWMtNi4wMjktNS44OTUtNi4wMjktMTUuNDUsMC0yMS4zNDVMMTgwLjI4NSw4MC4wMDF6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjNjA2NzZEIiBkPSJNNjAuMDM1LDgwLjAwMWw1NS40NjgsNTQuMjM5YzYuMDI5LDUuODk1LDYuMDI5LDE1LjQ1LDAsMjEuMzRjLTYuMDI5LDUuODk1LTE1Ljc5Niw1Ljg5NS0yMS44MjUsMA0KCQlsLTMzLjY0My0zMi44OTlsLTMzLjY2MywzMi45MDRjLTYuMDI5LDUuODg1LTE1Ljc5Niw1Ljg5LTIxLjgyNS0wLjAwNXMtNi4wMjktMTUuNDUsMC0yMS4zNDVMNjAuMDM1LDgwLjAwMXoiLz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 24px 16px;
}
.icon-chevron-up {
	background-position: -12px 0px; width: 12px; height: 8px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjQwLjI3NXB4IiBoZWlnaHQ9IjE2MC4wMDFweCIgdmlld0JveD0iMCAwIDI0MC4yNzUgMTYwLjAwMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQwLjI3NSAxNjAuMDAxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik02MC4wMTUsODAuMDAxTDQuNTQ3LDI1Ljc2M2MtNi4wMjktNS44OTUtNi4wMjktMTUuNDUsMC0yMS4zNGM2LjAyOS01Ljg5NSwxNS43OTYtNS44OTUsMjEuODI1LDANCgkJbDMzLjY0MywzMi44OTlMOTMuNjc4LDQuNDE4YzYuMDI5LTUuODg1LDE1Ljc5Ni01Ljg5LDIxLjgyNSwwLjAwNWM2LjAyOSw1Ljg5NSw2LjAyOSwxNS40NSwwLDIxLjM0NUw2MC4wMTUsODAuMDAxeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTE4MC4yNjUsODAuMDAxbC01NS40NjgtNTQuMjM5Yy02LjAyOS01Ljg5NS02LjAyOS0xNS40NSwwLTIxLjM0YzYuMDI5LTUuODk1LDE1Ljc5Ni01Ljg5NSwyMS44MjUsMA0KCQlsMzMuNjQzLDMyLjg5OWwzMy42NjMtMzIuOTA0YzYuMDI5LTUuODg1LDE1Ljc5Ni01Ljg5LDIxLjgyNiwwLjAwNXM2LjAyOSwxNS40NSwwLDIxLjM0NUwxODAuMjY1LDgwLjAwMXoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xODAuMjg1LDgwLjAwMWw1NS40NjgsNTQuMjM5YzYuMDI5LDUuODk1LDYuMDI5LDE1LjQ1LDAsMjEuMzRjLTYuMDI5LDUuODk1LTE1Ljc5Niw1Ljg5NS0yMS44MjYsMA0KCQlsLTMzLjY0My0zMi44OTlsLTMzLjY2MywzMi45MDRjLTYuMDI5LDUuODg1LTE1Ljc5Niw1Ljg5LTIxLjgyNS0wLjAwNWMtNi4wMjktNS44OTUtNi4wMjktMTUuNDUsMC0yMS4zNDVMMTgwLjI4NSw4MC4wMDF6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjNjA2NzZEIiBkPSJNNjAuMDM1LDgwLjAwMWw1NS40NjgsNTQuMjM5YzYuMDI5LDUuODk1LDYuMDI5LDE1LjQ1LDAsMjEuMzRjLTYuMDI5LDUuODk1LTE1Ljc5Niw1Ljg5NS0yMS44MjUsMA0KCQlsLTMzLjY0My0zMi44OTlsLTMzLjY2MywzMi45MDRjLTYuMDI5LDUuODg1LTE1Ljc5Niw1Ljg5LTIxLjgyNS0wLjAwNXMtNi4wMjktMTUuNDUsMC0yMS4zNDVMNjAuMDM1LDgwLjAwMXoiLz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 24px 16px;
}
.icon-chevron-up {
	background-position: -12px -8px;
}
.icon-chevron-left {
	background-position: -8px -28px; width: 8px; height: 12px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTYwLjE1cHgiIGhlaWdodD0iMjQwLjAwM3B4IiB2aWV3Qm94PSIwIDAgMTYwLjE1IDI0MC4wMDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2MC4xNSAyNDAuMDAzIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik03OS45LDYwLjAxMkwyNS42NjEsMTE1LjQ4Yy01Ljg5NSw2LjAyOS0xNS40NSw2LjAyOS0yMS4zNCwwYy01Ljg5NS02LjAyOS01Ljg5NS0xNS43OTYsMC0yMS44MjYNCgkJTDM3LjIyLDYwLjAxMUw0LjMxNiwyNi4zNDljLTUuODg1LTYuMDI5LTUuODktMTUuNzk2LDAuMDA1LTIxLjgyNmM1Ljg5NS02LjAyOSwxNS40NS02LjAyOSwyMS4zNDUsMEw3OS45LDYwLjAxMnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik0tMC4xLDE3OS45OTFsNTQuMjM5LTU1LjQ2OGM1Ljg5NS02LjAyOSwxNS40NS02LjAyOSwyMS4zNCwwYzUuODk1LDYuMDI5LDUuODk1LDE1Ljc5NiwwLDIxLjgyNg0KCQlMNDIuNTgsMTc5Ljk5MmwzMi45MDQsMzMuNjYzYzUuODg1LDYuMDI5LDUuODksMTUuNzk2LTAuMDA1LDIxLjgyNnMtMTUuNDUsNi4wMjktMjEuMzQ1LDBMLTAuMSwxNzkuOTkxeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTE2MC4xNSw2MC4wMTJsLTU0LjIzOSw1NS40NjhjLTUuODk1LDYuMDI5LTE1LjQ1LDYuMDI5LTIxLjM0LDBjLTUuODk1LTYuMDI5LTUuODk1LTE1Ljc5NiwwLTIxLjgyNg0KCQlsMzIuODk5LTMzLjY0M0w4NC41NjYsMjYuMzQ4Yy01Ljg4NS02LjAyOS01Ljg5LTE1Ljc5NiwwLjAwNS0yMS44MjZjNS44OTUtNi4wMjksMTUuNDUtNi4wMjksMjEuMzQ1LDBMMTYwLjE1LDYwLjAxMnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik04MC4xNSwxNzkuOTkxbDU0LjIzOS01NS40NjhjNS44OTUtNi4wMjksMTUuNDUtNi4wMjksMjEuMzQsMGM1Ljg5NSw2LjAyOSw1Ljg5NSwxNS43OTYsMCwyMS44MjYNCgkJbC0zMi44OTksMzMuNjQzbDMyLjkwNCwzMy42NjNjNS44ODUsNi4wMjksNS44OSwxNS43OTYtMC4wMDUsMjEuODI2Yy01Ljg5NSw2LjAyOS0xNS40NSw2LjAyOS0yMS4zNDUsMEw4MC4xNSwxNzkuOTkxeiIvPg0KPC9nPg0KPC9zdmc+DQo="); background-size: 16px 24px;
}
.icon-complete {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTAwcHgiIGhlaWdodD0iNTAwcHgiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iIzVGQ0Y4MCIgY3g9IjI1MCIgY3k9IjI1MCIgcj0iMjUwIi8+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMjgsMzc2bC05NS05M2MtMTItMTEtMTItMzAsMC00MmMxMi0xMSwzMS0xMSw0MiwwbDQ5LDQ4bDk4LTExNmMxMS0xMiwyOS0xNCw0Mi00czE0LDI5LDQsNDFMMjI4LDM3NnoiDQoJCQkvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 100%;
}
.track-updated.icon-complete {
	width: 34px; height: 34px;
}
.stage-completed.icon-complete {
	width: 50px; height: 50px;
}
.icon-stage {
	background-position: -28px 0px; width: 28px; height: 31px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTYwcHgiIGhlaWdodD0iMzEwcHgiIHZpZXdCb3g9IjAgMCA1NjAgMzEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NjAgMzEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik00MjAsMGMtMTEsMC0xMTgsNjItMTE4LDYycy0yMiwxMS0yMiwzNGMwLDI4LDAsOTAsMCwxMThjMCwxNywxNywyOCwxNywyOHMxMTIsNjgsMTIzLDY4czEyMy02OCwxMjMtNjgNCgkJczE3LTExLDE3LTI4YzAtMjgsMC05MCwwLTExOGMwLTIzLTIyLTM0LTIyLTM0UzQzMSwwLDQyMCwwTDQyMCwweiIvPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM1RkNGODAiIGQ9Ik0xNDAsMEMxMjksMCwyMiw2MiwyMiw2MlMwLDczLDAsOTZjMCwyOCwwLDkwLDAsMTE4YzAsMTcsMTcsMjgsMTcsMjhzMTEyLDY4LDEyMyw2OHMxMjMtNjgsMTIzLTY4DQoJCQlzMTctMTEsMTctMjhjMC0yOCwwLTkwLDAtMTE4YzAtMjMtMjItMzQtMjItMzRTMTUxLDAsMTQwLDBMMTQwLDB6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTI3LDIyMGwtNTMtNTJjLTYtNi02LTE3LDAtMjNjNy02LDE3LTYsMjQsMGwyNywyN2w1NS02NmM2LTcsMTYtOCwyNC0yYzcsNiw4LDE2LDIsMjNMMTI3LDIyMHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 56px 31px;
}
.icon-complete.icon-stage {
	background-position: 0px 0px;
}
.icon-video {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEyMHB4IiBoZWlnaHQ9IjI4MHB4IiB2aWV3Qm94PSIyNTAgMjI1IDExMjAgMjgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI1MCAyMjUgMTEyMCAyODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMzkwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzc0LjQsMzA4LjhjLTEwLjktNy44LTIwLjItMS42LTIwLjIsMTAuOVY0MTBjMCwxNCw5LjMsMTguNywyMC4yLDEwLjlsNjIuMi00My42DQoJCWMxMC45LTcuOCwxMC45LTIwLjIsMC0yNi40TDM3NC40LDMwOC44eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iNjcwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQxLjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN0w1NzksMzY0LjRsNTIuOS01MS4zYzYuMi00LjcsMTQtNC43LDIwLjIsMHM2LjIsMTQsMCwyMC4yDQoJCQkJbC0zMi43LDMxLjFsMzIuNywzMS4xYzYuMiw0LjcsNi4yLDE0LDAsMjAuMkM2NDksNDE4LjksNjQ1LjksNDIwLjQsNjQxLjIsNDIwLjR6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjk3LjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN2MtNi4yLTQuNy02LjItMTQsMC0yMC4ybDMyLjctMzEuMWwtMzIuNy0zMS4xDQoJCQkJYy02LjItNC43LTYuMi0xNCwwLTIwLjJjNi4yLTQuNywxNC00LjcsMjAuMiwwbDUyLjksNTEuM2wtNTIuOSw1MS4zQzcwMy40LDQxOC45LDcwMC4zLDQyMC40LDY5Ny4yLDQyMC40eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iOTUwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iODcwLjciIGN5PSIzNjUiIHI9IjI0LjkiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk1MCwzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42cy0xNS42LTYuMi0xNS42LTE1LjZTOTQyLjIsMzQ5LjQsOTUwLDM0OS40DQoJCQkgTTk1MCwzNDAuMWMtMTQsMC0yNC45LDEwLjktMjQuOSwyNC45czEwLjksMjQuOSwyNC45LDI0LjlzMjQuOS0xMC45LDI0LjktMjQuOVM5NjQsMzQwLjEsOTUwLDM0MC4xTDk1MCwzNDAuMXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwMjkuMywzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42Yy05LjMsMC0xNS42LTYuMi0xNS42LTE1LjYNCgkJCVMxMDIxLjYsMzQ5LjQsMTAyOS4zLDM0OS40IE0xMDI5LjMsMzQwLjFjLTE0LDAtMjQuOSwxMC45LTI0LjksMjQuOXMxMC45LDI0LjksMjQuOSwyNC45czI0LjktMTAuOSwyNC45LTI0LjkNCgkJCVMxMDQzLjMsMzQwLjEsMTAyOS4zLDM0MC4xTDEwMjkuMywzNDAuMXoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSIxMjMwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTMwMSw0MDMuNWMtMi41LTQuMy02LTEwLTEwLjUtMTcuMWMtNS4yLTguMi0xMC41LTE2LjQtMTMuNC0yMC44YzIuNy0zLjcsNy4zLTEwLjEsMTEuOC0xNi44DQoJCWMxMy45LTIwLjgsMTQuNS0yNS43LDEzLjktMjljLTAuNC0xLjktMS40LTMuNS0zLjEtNC42Yy0xLTAuNi0yLTEtNC0xYy0xLjksMC00LjYsMC4zLTkuMSwxYy00LjYsMC43LTEwLjcsMS43LTE4LjMsMy4xDQoJCWMtOC44LDEuNi0xNy41LDMuMy0yMi4zLDQuMmMtMi42LTMuNi03LjItMTAtMTIuMy0xNi42Yy0xMi45LTE2LjgtMTguMy0yMS45LTIxLjItMjMuOWMtMS42LTEuNy0zLjQtMi4xLTQuNy0yLjENCgkJYy0wLjcsMC0xLjMsMC4xLTEuNiwwLjJjLTAuMSwwLTAuMywwLjEtMC40LDAuMWMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xYy0wLjksMC4yLTMuNiwxLjMtNC40LDQuOWMtMS40LDMuMi0zLjQsMTAuNC01LjgsMzEuNA0KCQljLTAuOSw4LjItMS42LDE2LjEtMiwyMC41Yy00LjUsMS42LTEyLjksNC43LTIxLjMsNy44Yy03LjIsMi43LTEzLjEsNS0xNy4zLDYuOGMtOC42LDMuNi0xMC4xLDQuNi0xMS4yLDYuNw0KCQljLTAuOSwxLjctMC45LDMuNi0wLjMsNS41YzEuMiwzLjEsNC4yLDcsMjYuOSwxNy43YzcuMywzLjQsMTQuNiw2LjYsMTguOCw4LjRjLTAuMiw1LjItMC41LDE1LTAuNywyNC43Yy0wLjIsOC40LTAuMiwxNS4xLTAuMSwyMA0KCQljMC4yLDkuMywwLjUsMTIuNSwzLjgsMTQuNGMwLjgsMC40LDEuOSwwLjksMy40LDAuOWMwLjcsMCwxLjUtMC4xLDIuMy0wLjNjMi0wLjYsNi43LTEuOSwyNi40LTIwLjZjNy41LTcuMiwxNC41LTE0LjMsMTguMi0xOC4xDQoJCWM1LjIsMS40LDE0LjgsMy45LDI1LDYuMmMxNi42LDMuNywyNC42LDQuNSwyOC44LDQuNWMyLjUsMCwzLjctMC4zLDQuNC0wLjVjMi42LTAuNyw0LTIuMiw0LjYtMy40DQoJCUMxMzA3LjEsNDE0LjUsMTMwNS43LDQxMS42LDEzMDEsNDAzLjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 112px 28px;
}
.icon-quiz {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEyMHB4IiBoZWlnaHQ9IjI4MHB4IiB2aWV3Qm94PSIyNTAgMjI1IDExMjAgMjgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI1MCAyMjUgMTEyMCAyODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMzkwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzc0LjQsMzA4LjhjLTEwLjktNy44LTIwLjItMS42LTIwLjIsMTAuOVY0MTBjMCwxNCw5LjMsMTguNywyMC4yLDEwLjlsNjIuMi00My42DQoJCWMxMC45LTcuOCwxMC45LTIwLjIsMC0yNi40TDM3NC40LDMwOC44eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iNjcwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQxLjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN0w1NzksMzY0LjRsNTIuOS01MS4zYzYuMi00LjcsMTQtNC43LDIwLjIsMHM2LjIsMTQsMCwyMC4yDQoJCQkJbC0zMi43LDMxLjFsMzIuNywzMS4xYzYuMiw0LjcsNi4yLDE0LDAsMjAuMkM2NDksNDE4LjksNjQ1LjksNDIwLjQsNjQxLjIsNDIwLjR6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjk3LjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN2MtNi4yLTQuNy02LjItMTQsMC0yMC4ybDMyLjctMzEuMWwtMzIuNy0zMS4xDQoJCQkJYy02LjItNC43LTYuMi0xNCwwLTIwLjJjNi4yLTQuNywxNC00LjcsMjAuMiwwbDUyLjksNTEuM2wtNTIuOSw1MS4zQzcwMy40LDQxOC45LDcwMC4zLDQyMC40LDY5Ny4yLDQyMC40eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iOTUwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iODcwLjciIGN5PSIzNjUiIHI9IjI0LjkiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk1MCwzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42cy0xNS42LTYuMi0xNS42LTE1LjZTOTQyLjIsMzQ5LjQsOTUwLDM0OS40DQoJCQkgTTk1MCwzNDAuMWMtMTQsMC0yNC45LDEwLjktMjQuOSwyNC45czEwLjksMjQuOSwyNC45LDI0LjlzMjQuOS0xMC45LDI0LjktMjQuOVM5NjQsMzQwLjEsOTUwLDM0MC4xTDk1MCwzNDAuMXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwMjkuMywzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42Yy05LjMsMC0xNS42LTYuMi0xNS42LTE1LjYNCgkJCVMxMDIxLjYsMzQ5LjQsMTAyOS4zLDM0OS40IE0xMDI5LjMsMzQwLjFjLTE0LDAtMjQuOSwxMC45LTI0LjksMjQuOXMxMC45LDI0LjksMjQuOSwyNC45czI0LjktMTAuOSwyNC45LTI0LjkNCgkJCVMxMDQzLjMsMzQwLjEsMTAyOS4zLDM0MC4xTDEwMjkuMywzNDAuMXoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSIxMjMwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTMwMSw0MDMuNWMtMi41LTQuMy02LTEwLTEwLjUtMTcuMWMtNS4yLTguMi0xMC41LTE2LjQtMTMuNC0yMC44YzIuNy0zLjcsNy4zLTEwLjEsMTEuOC0xNi44DQoJCWMxMy45LTIwLjgsMTQuNS0yNS43LDEzLjktMjljLTAuNC0xLjktMS40LTMuNS0zLjEtNC42Yy0xLTAuNi0yLTEtNC0xYy0xLjksMC00LjYsMC4zLTkuMSwxYy00LjYsMC43LTEwLjcsMS43LTE4LjMsMy4xDQoJCWMtOC44LDEuNi0xNy41LDMuMy0yMi4zLDQuMmMtMi42LTMuNi03LjItMTAtMTIuMy0xNi42Yy0xMi45LTE2LjgtMTguMy0yMS45LTIxLjItMjMuOWMtMS42LTEuNy0zLjQtMi4xLTQuNy0yLjENCgkJYy0wLjcsMC0xLjMsMC4xLTEuNiwwLjJjLTAuMSwwLTAuMywwLjEtMC40LDAuMWMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xYy0wLjksMC4yLTMuNiwxLjMtNC40LDQuOWMtMS40LDMuMi0zLjQsMTAuNC01LjgsMzEuNA0KCQljLTAuOSw4LjItMS42LDE2LjEtMiwyMC41Yy00LjUsMS42LTEyLjksNC43LTIxLjMsNy44Yy03LjIsMi43LTEzLjEsNS0xNy4zLDYuOGMtOC42LDMuNi0xMC4xLDQuNi0xMS4yLDYuNw0KCQljLTAuOSwxLjctMC45LDMuNi0wLjMsNS41YzEuMiwzLjEsNC4yLDcsMjYuOSwxNy43YzcuMywzLjQsMTQuNiw2LjYsMTguOCw4LjRjLTAuMiw1LjItMC41LDE1LTAuNywyNC43Yy0wLjIsOC40LTAuMiwxNS4xLTAuMSwyMA0KCQljMC4yLDkuMywwLjUsMTIuNSwzLjgsMTQuNGMwLjgsMC40LDEuOSwwLjksMy40LDAuOWMwLjcsMCwxLjUtMC4xLDIuMy0wLjNjMi0wLjYsNi43LTEuOSwyNi40LTIwLjZjNy41LTcuMiwxNC41LTE0LjMsMTguMi0xOC4xDQoJCWM1LjIsMS40LDE0LjgsMy45LDI1LDYuMmMxNi42LDMuNywyNC42LDQuNSwyOC44LDQuNWMyLjUsMCwzLjctMC4zLDQuNC0wLjVjMi42LTAuNyw0LTIuMiw0LjYtMy40DQoJCUMxMzA3LjEsNDE0LjUsMTMwNS43LDQxMS42LDEzMDEsNDAzLjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 112px 28px;
}
.icon-code-challenge {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEyMHB4IiBoZWlnaHQ9IjI4MHB4IiB2aWV3Qm94PSIyNTAgMjI1IDExMjAgMjgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI1MCAyMjUgMTEyMCAyODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMzkwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzc0LjQsMzA4LjhjLTEwLjktNy44LTIwLjItMS42LTIwLjIsMTAuOVY0MTBjMCwxNCw5LjMsMTguNywyMC4yLDEwLjlsNjIuMi00My42DQoJCWMxMC45LTcuOCwxMC45LTIwLjIsMC0yNi40TDM3NC40LDMwOC44eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iNjcwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQxLjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN0w1NzksMzY0LjRsNTIuOS01MS4zYzYuMi00LjcsMTQtNC43LDIwLjIsMHM2LjIsMTQsMCwyMC4yDQoJCQkJbC0zMi43LDMxLjFsMzIuNywzMS4xYzYuMiw0LjcsNi4yLDE0LDAsMjAuMkM2NDksNDE4LjksNjQ1LjksNDIwLjQsNjQxLjIsNDIwLjR6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjk3LjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN2MtNi4yLTQuNy02LjItMTQsMC0yMC4ybDMyLjctMzEuMWwtMzIuNy0zMS4xDQoJCQkJYy02LjItNC43LTYuMi0xNCwwLTIwLjJjNi4yLTQuNywxNC00LjcsMjAuMiwwbDUyLjksNTEuM2wtNTIuOSw1MS4zQzcwMy40LDQxOC45LDcwMC4zLDQyMC40LDY5Ny4yLDQyMC40eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iOTUwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iODcwLjciIGN5PSIzNjUiIHI9IjI0LjkiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk1MCwzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42cy0xNS42LTYuMi0xNS42LTE1LjZTOTQyLjIsMzQ5LjQsOTUwLDM0OS40DQoJCQkgTTk1MCwzNDAuMWMtMTQsMC0yNC45LDEwLjktMjQuOSwyNC45czEwLjksMjQuOSwyNC45LDI0LjlzMjQuOS0xMC45LDI0LjktMjQuOVM5NjQsMzQwLjEsOTUwLDM0MC4xTDk1MCwzNDAuMXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwMjkuMywzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42Yy05LjMsMC0xNS42LTYuMi0xNS42LTE1LjYNCgkJCVMxMDIxLjYsMzQ5LjQsMTAyOS4zLDM0OS40IE0xMDI5LjMsMzQwLjFjLTE0LDAtMjQuOSwxMC45LTI0LjksMjQuOXMxMC45LDI0LjksMjQuOSwyNC45czI0LjktMTAuOSwyNC45LTI0LjkNCgkJCVMxMDQzLjMsMzQwLjEsMTAyOS4zLDM0MC4xTDEwMjkuMywzNDAuMXoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSIxMjMwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTMwMSw0MDMuNWMtMi41LTQuMy02LTEwLTEwLjUtMTcuMWMtNS4yLTguMi0xMC41LTE2LjQtMTMuNC0yMC44YzIuNy0zLjcsNy4zLTEwLjEsMTEuOC0xNi44DQoJCWMxMy45LTIwLjgsMTQuNS0yNS43LDEzLjktMjljLTAuNC0xLjktMS40LTMuNS0zLjEtNC42Yy0xLTAuNi0yLTEtNC0xYy0xLjksMC00LjYsMC4zLTkuMSwxYy00LjYsMC43LTEwLjcsMS43LTE4LjMsMy4xDQoJCWMtOC44LDEuNi0xNy41LDMuMy0yMi4zLDQuMmMtMi42LTMuNi03LjItMTAtMTIuMy0xNi42Yy0xMi45LTE2LjgtMTguMy0yMS45LTIxLjItMjMuOWMtMS42LTEuNy0zLjQtMi4xLTQuNy0yLjENCgkJYy0wLjcsMC0xLjMsMC4xLTEuNiwwLjJjLTAuMSwwLTAuMywwLjEtMC40LDAuMWMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xYy0wLjksMC4yLTMuNiwxLjMtNC40LDQuOWMtMS40LDMuMi0zLjQsMTAuNC01LjgsMzEuNA0KCQljLTAuOSw4LjItMS42LDE2LjEtMiwyMC41Yy00LjUsMS42LTEyLjksNC43LTIxLjMsNy44Yy03LjIsMi43LTEzLjEsNS0xNy4zLDYuOGMtOC42LDMuNi0xMC4xLDQuNi0xMS4yLDYuNw0KCQljLTAuOSwxLjctMC45LDMuNi0wLjMsNS41YzEuMiwzLjEsNC4yLDcsMjYuOSwxNy43YzcuMywzLjQsMTQuNiw2LjYsMTguOCw4LjRjLTAuMiw1LjItMC41LDE1LTAuNywyNC43Yy0wLjIsOC40LTAuMiwxNS4xLTAuMSwyMA0KCQljMC4yLDkuMywwLjUsMTIuNSwzLjgsMTQuNGMwLjgsMC40LDEuOSwwLjksMy40LDAuOWMwLjcsMCwxLjUtMC4xLDIuMy0wLjNjMi0wLjYsNi43LTEuOSwyNi40LTIwLjZjNy41LTcuMiwxNC41LTE0LjMsMTguMi0xOC4xDQoJCWM1LjIsMS40LDE0LjgsMy45LDI1LDYuMmMxNi42LDMuNywyNC42LDQuNSwyOC44LDQuNWMyLjUsMCwzLjctMC4zLDQuNC0wLjVjMi42LTAuNyw0LTIuMiw0LjYtMy40DQoJCUMxMzA3LjEsNDE0LjUsMTMwNS43LDQxMS42LDEzMDEsNDAzLjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 112px 28px;
}
.icon-extra-credit {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEyMHB4IiBoZWlnaHQ9IjI4MHB4IiB2aWV3Qm94PSIyNTAgMjI1IDExMjAgMjgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI1MCAyMjUgMTEyMCAyODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMzkwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzc0LjQsMzA4LjhjLTEwLjktNy44LTIwLjItMS42LTIwLjIsMTAuOVY0MTBjMCwxNCw5LjMsMTguNywyMC4yLDEwLjlsNjIuMi00My42DQoJCWMxMC45LTcuOCwxMC45LTIwLjIsMC0yNi40TDM3NC40LDMwOC44eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iNjcwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQxLjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN0w1NzksMzY0LjRsNTIuOS01MS4zYzYuMi00LjcsMTQtNC43LDIwLjIsMHM2LjIsMTQsMCwyMC4yDQoJCQkJbC0zMi43LDMxLjFsMzIuNywzMS4xYzYuMiw0LjcsNi4yLDE0LDAsMjAuMkM2NDksNDE4LjksNjQ1LjksNDIwLjQsNjQxLjIsNDIwLjR6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjk3LjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN2MtNi4yLTQuNy02LjItMTQsMC0yMC4ybDMyLjctMzEuMWwtMzIuNy0zMS4xDQoJCQkJYy02LjItNC43LTYuMi0xNCwwLTIwLjJjNi4yLTQuNywxNC00LjcsMjAuMiwwbDUyLjksNTEuM2wtNTIuOSw1MS4zQzcwMy40LDQxOC45LDcwMC4zLDQyMC40LDY5Ny4yLDQyMC40eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iOTUwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iODcwLjciIGN5PSIzNjUiIHI9IjI0LjkiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk1MCwzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42cy0xNS42LTYuMi0xNS42LTE1LjZTOTQyLjIsMzQ5LjQsOTUwLDM0OS40DQoJCQkgTTk1MCwzNDAuMWMtMTQsMC0yNC45LDEwLjktMjQuOSwyNC45czEwLjksMjQuOSwyNC45LDI0LjlzMjQuOS0xMC45LDI0LjktMjQuOVM5NjQsMzQwLjEsOTUwLDM0MC4xTDk1MCwzNDAuMXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwMjkuMywzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42Yy05LjMsMC0xNS42LTYuMi0xNS42LTE1LjYNCgkJCVMxMDIxLjYsMzQ5LjQsMTAyOS4zLDM0OS40IE0xMDI5LjMsMzQwLjFjLTE0LDAtMjQuOSwxMC45LTI0LjksMjQuOXMxMC45LDI0LjksMjQuOSwyNC45czI0LjktMTAuOSwyNC45LTI0LjkNCgkJCVMxMDQzLjMsMzQwLjEsMTAyOS4zLDM0MC4xTDEwMjkuMywzNDAuMXoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSIxMjMwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTMwMSw0MDMuNWMtMi41LTQuMy02LTEwLTEwLjUtMTcuMWMtNS4yLTguMi0xMC41LTE2LjQtMTMuNC0yMC44YzIuNy0zLjcsNy4zLTEwLjEsMTEuOC0xNi44DQoJCWMxMy45LTIwLjgsMTQuNS0yNS43LDEzLjktMjljLTAuNC0xLjktMS40LTMuNS0zLjEtNC42Yy0xLTAuNi0yLTEtNC0xYy0xLjksMC00LjYsMC4zLTkuMSwxYy00LjYsMC43LTEwLjcsMS43LTE4LjMsMy4xDQoJCWMtOC44LDEuNi0xNy41LDMuMy0yMi4zLDQuMmMtMi42LTMuNi03LjItMTAtMTIuMy0xNi42Yy0xMi45LTE2LjgtMTguMy0yMS45LTIxLjItMjMuOWMtMS42LTEuNy0zLjQtMi4xLTQuNy0yLjENCgkJYy0wLjcsMC0xLjMsMC4xLTEuNiwwLjJjLTAuMSwwLTAuMywwLjEtMC40LDAuMWMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xYy0wLjksMC4yLTMuNiwxLjMtNC40LDQuOWMtMS40LDMuMi0zLjQsMTAuNC01LjgsMzEuNA0KCQljLTAuOSw4LjItMS42LDE2LjEtMiwyMC41Yy00LjUsMS42LTEyLjksNC43LTIxLjMsNy44Yy03LjIsMi43LTEzLjEsNS0xNy4zLDYuOGMtOC42LDMuNi0xMC4xLDQuNi0xMS4yLDYuNw0KCQljLTAuOSwxLjctMC45LDMuNi0wLjMsNS41YzEuMiwzLjEsNC4yLDcsMjYuOSwxNy43YzcuMywzLjQsMTQuNiw2LjYsMTguOCw4LjRjLTAuMiw1LjItMC41LDE1LTAuNywyNC43Yy0wLjIsOC40LTAuMiwxNS4xLTAuMSwyMA0KCQljMC4yLDkuMywwLjUsMTIuNSwzLjgsMTQuNGMwLjgsMC40LDEuOSwwLjksMy40LDAuOWMwLjcsMCwxLjUtMC4xLDIuMy0wLjNjMi0wLjYsNi43LTEuOSwyNi40LTIwLjZjNy41LTcuMiwxNC41LTE0LjMsMTguMi0xOC4xDQoJCWM1LjIsMS40LDE0LjgsMy45LDI1LDYuMmMxNi42LDMuNywyNC42LDQuNSwyOC44LDQuNWMyLjUsMCwzLjctMC4zLDQuNC0wLjVjMi42LTAuNyw0LTIuMiw0LjYtMy40DQoJCUMxMzA3LjEsNDE0LjUsMTMwNS43LDQxMS42LDEzMDEsNDAzLjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 112px 28px;
}
.icon-video {
	background-position: 0px 0px;
}
.icon-code-challenge {
	background-position: -28px 0px;
}
.icon-quiz {
	background-position: -56px 0px;
}
.icon-extra-credit {
	background-position: -84px 0px;
}
.secondary-module .icon-video {
	width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTQwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCA1NDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjkwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTgwLDUzLjg5OGMtNy01LTEzLTEtMTMsN3Y1OGMwLDksNiwxMiwxMyw3bDQwLTI4YzctNSw3LTEzLDAtMTdMODAsNTMuODk4eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMjcwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1MS41LDEyNS42MjVjLTIsMC01LTEtNi0zbC0zNC0zM2wzNC0zM2M0LTMsOS0zLDEzLDBzNCw5LDAsMTNsLTIxLDIwbDIxLDIwYzQsMyw0LDksMCwxMw0KCQkJCUMyNTYuNSwxMjQuNjI1LDI1NC41LDEyNS42MjUsMjUxLjUsMTI1LjYyNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yODcuNSwxMjUuNjI1Yy0yLDAtNS0xLTYtM2MtNC0zLTQtOSwwLTEzbDIxLTIwbC0yMS0yMGMtNC0zLTQtOSwwLTEzYzQtMyw5LTMsMTMsMGwzNCwzM2wtMzQsMzMNCgkJCQlDMjkxLjUsMTI0LjYyNSwyODkuNSwxMjUuNjI1LDI4Ny41LDEyNS42MjV6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSI0NTAiIGN5PSI5MCIgcj0iOTAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMzk5IiBjeT0iOTAiIHI9IjE2Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NTAsODBjNSwwLDEwLDQsMTAsMTBjMCw1LTQsMTAtMTAsMTBzLTEwLTQtMTAtMTBTNDQ1LDgwLDQ1MCw4MCBNNDUwLDc0Yy05LDAtMTYsNy0xNiwxNnM3LDE2LDE2LDE2DQoJCQlzMTYtNywxNi0xNlM0NTksNzQsNDUwLDc0TDQ1MCw3NHoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUwMSw4MGM1LDAsMTAsNCwxMCwxMGMwLDUtNCwxMC0xMCwxMHMtMTAtNC0xMC0xMFM0OTYsODAsNTAxLDgwIE01MDEsNzRjLTksMC0xNiw3LTE2LDE2czcsMTYsMTYsMTYNCgkJCXMxNi03LDE2LTE2UzUxMCw3NCw1MDEsNzRMNTAxLDc0eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 54px 18px;
}
.secondary-module .icon-video-small {
	width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTQwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCA1NDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjkwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTgwLDUzLjg5OGMtNy01LTEzLTEtMTMsN3Y1OGMwLDksNiwxMiwxMyw3bDQwLTI4YzctNSw3LTEzLDAtMTdMODAsNTMuODk4eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMjcwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1MS41LDEyNS42MjVjLTIsMC01LTEtNi0zbC0zNC0zM2wzNC0zM2M0LTMsOS0zLDEzLDBzNCw5LDAsMTNsLTIxLDIwbDIxLDIwYzQsMyw0LDksMCwxMw0KCQkJCUMyNTYuNSwxMjQuNjI1LDI1NC41LDEyNS42MjUsMjUxLjUsMTI1LjYyNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yODcuNSwxMjUuNjI1Yy0yLDAtNS0xLTYtM2MtNC0zLTQtOSwwLTEzbDIxLTIwbC0yMS0yMGMtNC0zLTQtOSwwLTEzYzQtMyw5LTMsMTMsMGwzNCwzM2wtMzQsMzMNCgkJCQlDMjkxLjUsMTI0LjYyNSwyODkuNSwxMjUuNjI1LDI4Ny41LDEyNS42MjV6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSI0NTAiIGN5PSI5MCIgcj0iOTAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMzk5IiBjeT0iOTAiIHI9IjE2Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NTAsODBjNSwwLDEwLDQsMTAsMTBjMCw1LTQsMTAtMTAsMTBzLTEwLTQtMTAtMTBTNDQ1LDgwLDQ1MCw4MCBNNDUwLDc0Yy05LDAtMTYsNy0xNiwxNnM3LDE2LDE2LDE2DQoJCQlzMTYtNywxNi0xNlM0NTksNzQsNDUwLDc0TDQ1MCw3NHoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUwMSw4MGM1LDAsMTAsNCwxMCwxMGMwLDUtNCwxMC0xMCwxMHMtMTAtNC0xMC0xMFM0OTYsODAsNTAxLDgwIE01MDEsNzRjLTksMC0xNiw3LTE2LDE2czcsMTYsMTYsMTYNCgkJCXMxNi03LDE2LTE2UzUxMCw3NCw1MDEsNzRMNTAxLDc0eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 54px 18px;
}
.secondary-module .icon-code-challenge {
	width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTQwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCA1NDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjkwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTgwLDUzLjg5OGMtNy01LTEzLTEtMTMsN3Y1OGMwLDksNiwxMiwxMyw3bDQwLTI4YzctNSw3LTEzLDAtMTdMODAsNTMuODk4eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMjcwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1MS41LDEyNS42MjVjLTIsMC01LTEtNi0zbC0zNC0zM2wzNC0zM2M0LTMsOS0zLDEzLDBzNCw5LDAsMTNsLTIxLDIwbDIxLDIwYzQsMyw0LDksMCwxMw0KCQkJCUMyNTYuNSwxMjQuNjI1LDI1NC41LDEyNS42MjUsMjUxLjUsMTI1LjYyNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yODcuNSwxMjUuNjI1Yy0yLDAtNS0xLTYtM2MtNC0zLTQtOSwwLTEzbDIxLTIwbC0yMS0yMGMtNC0zLTQtOSwwLTEzYzQtMyw5LTMsMTMsMGwzNCwzM2wtMzQsMzMNCgkJCQlDMjkxLjUsMTI0LjYyNSwyODkuNSwxMjUuNjI1LDI4Ny41LDEyNS42MjV6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSI0NTAiIGN5PSI5MCIgcj0iOTAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMzk5IiBjeT0iOTAiIHI9IjE2Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NTAsODBjNSwwLDEwLDQsMTAsMTBjMCw1LTQsMTAtMTAsMTBzLTEwLTQtMTAtMTBTNDQ1LDgwLDQ1MCw4MCBNNDUwLDc0Yy05LDAtMTYsNy0xNiwxNnM3LDE2LDE2LDE2DQoJCQlzMTYtNywxNi0xNlM0NTksNzQsNDUwLDc0TDQ1MCw3NHoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUwMSw4MGM1LDAsMTAsNCwxMCwxMGMwLDUtNCwxMC0xMCwxMHMtMTAtNC0xMC0xMFM0OTYsODAsNTAxLDgwIE01MDEsNzRjLTksMC0xNiw3LTE2LDE2czcsMTYsMTYsMTYNCgkJCXMxNi03LDE2LTE2UzUxMCw3NCw1MDEsNzRMNTAxLDc0eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 54px 18px;
}
.secondary-module .icon-quiz {
	width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTQwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCA1NDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjkwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTgwLDUzLjg5OGMtNy01LTEzLTEtMTMsN3Y1OGMwLDksNiwxMiwxMyw3bDQwLTI4YzctNSw3LTEzLDAtMTdMODAsNTMuODk4eiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMjcwIiBjeT0iOTAiIHI9IjkwIi8+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1MS41LDEyNS42MjVjLTIsMC01LTEtNi0zbC0zNC0zM2wzNC0zM2M0LTMsOS0zLDEzLDBzNCw5LDAsMTNsLTIxLDIwbDIxLDIwYzQsMyw0LDksMCwxMw0KCQkJCUMyNTYuNSwxMjQuNjI1LDI1NC41LDEyNS42MjUsMjUxLjUsMTI1LjYyNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yODcuNSwxMjUuNjI1Yy0yLDAtNS0xLTYtM2MtNC0zLTQtOSwwLTEzbDIxLTIwbC0yMS0yMGMtNC0zLTQtOSwwLTEzYzQtMyw5LTMsMTMsMGwzNCwzM2wtMzQsMzMNCgkJCQlDMjkxLjUsMTI0LjYyNSwyODkuNSwxMjUuNjI1LDI4Ny41LDEyNS42MjV6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSI0NTAiIGN5PSI5MCIgcj0iOTAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMzk5IiBjeT0iOTAiIHI9IjE2Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NTAsODBjNSwwLDEwLDQsMTAsMTBjMCw1LTQsMTAtMTAsMTBzLTEwLTQtMTAtMTBTNDQ1LDgwLDQ1MCw4MCBNNDUwLDc0Yy05LDAtMTYsNy0xNiwxNnM3LDE2LDE2LDE2DQoJCQlzMTYtNywxNi0xNlM0NTksNzQsNDUwLDc0TDQ1MCw3NHoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUwMSw4MGM1LDAsMTAsNCwxMCwxMGMwLDUtNCwxMC0xMCwxMHMtMTAtNC0xMC0xMFM0OTYsODAsNTAxLDgwIE01MDEsNzRjLTksMC0xNiw3LTE2LDE2czcsMTYsMTYsMTYNCgkJCXMxNi03LDE2LTE2UzUxMCw3NCw1MDEsNzRMNTAxLDc0eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 54px 18px;
}
.secondary-module .icon-video {
	background-position: 0px 0px;
}
.icon-video-small {
	background-position: 0px 0px;
}
.secondary-module .icon-quiz {
	background-position: -36px 0px;
}
.secondary-module .icon-code-challenge {
	background-position: -18px 0px;
}
.icon-search {
	width: 15px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAgMTUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJTaGFwZV8yNzJfNF8iPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjQzBDOENFIiBkPSJNMTQ2LjM4MiwxMjYuMjFsLTM3Ljg0LTM3LjA2MmM1Ljk3NS05LjAxNSw4Ljk2Mi0yMC4wMzMsOC45NjItMzEuMDUyQzExNy41MDQsMjYuMDQzLDkxLjYxMywwLDU4Ljc1MiwwDQoJCQlDMjYuODg2LDAsMCwyNi4wNDMsMCw1OC4wOTdjMCwzMi4wNTMsMjUuODkxLDU4LjA5Nyw1OC43NTIsNTguMDk3YzEwLjk1NCwwLDIwLjkxMi0zLjAwNSwyOC44NzgtOC4wMTNsMzcuODQsMzguMDYzDQoJCQljNC45NzksNS4wMDgsMTMuOTQxLDUuMDA4LDE5LjkxNiwwQzE1MS4zNjEsMTQwLjIzNCwxNTEuMzYxLDEzMi4yMiwxNDYuMzgyLDEyNi4yMXogTTYwLjc0Myw4OC4xNDcNCgkJCWMtMTYuOTI4LDAtMzAuODctMTQuMDIzLTMwLjg3LTMwLjA1YzAtMTcuMDI4LDEzLjk0MS0zMC4wNSwzMC44Ny0zMC4wNXMzMC44NywxNC4wMjMsMzAuODcsMzAuMDUNCgkJCUM5MC42MTcsNzUuMTI1LDc3LjY3Miw4OC4xNDcsNjAuNzQzLDg4LjE0N3oiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iU2hhcGVfMjcyXzJfIj4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzVGQ0Y4MCIgZD0iTTI5Ni4zODIsMTI2LjIxbC0zNy44NC0zNy4wNjJjNS45NzUtOS4wMTUsOC45NjItMjAuMDMzLDguOTYyLTMxLjA1MkMyNjcuNTA0LDI2LjA0MywyNDEuNjEzLDAsMjA4Ljc1MiwwDQoJCQlDMTc2Ljg4NiwwLDE1MCwyNi4wNDMsMTUwLDU4LjA5N2MwLDMyLjA1MywyNS44OTEsNTguMDk3LDU4Ljc1Miw1OC4wOTdjMTAuOTU0LDAsMjAuOTEyLTMuMDA1LDI4Ljg3OC04LjAxM2wzNy44NCwzOC4wNjMNCgkJCWM0Ljk3OSw1LjAwOCwxMy45NDEsNS4wMDgsMTkuOTE2LDBDMzAxLjM2MSwxNDAuMjM0LDMwMS4zNjEsMTMyLjIyLDI5Ni4zODIsMTI2LjIxeiBNMjEwLjc0Myw4OC4xNDcNCgkJCWMtMTYuOTI4LDAtMzAuODctMTQuMDIzLTMwLjg3LTMwLjA1YzAtMTcuMDI4LDEzLjk0MS0zMC4wNSwzMC44Ny0zMC4wNXMzMC44NywxNC4wMjMsMzAuODcsMzAuMDUNCgkJCUMyNDAuNjE3LDc1LjEyNSwyMjcuNjcyLDg4LjE0NywyMTAuNzQzLDg4LjE0N3oiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iU2hhcGVfMjcyXzFfIj4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzVGQ0Y4MCIgZD0iTTE2NS41MjQtMjAuNTI3bC0zLjcwNi0zLjcwNmMwLjYwMS0wLjkwMiwwLjkwMi0yLjAwMywwLjkwMi0zLjEwNWMwLTMuMjA1LTIuNjA0LTUuODEtNS45MS01LjgxDQoJCQljLTMuMjA1LDAtNS45MSwyLjYwNC01LjkxLDUuODFjMCwzLjIwNSwyLjYwNCw1LjgxLDUuOTEsNS44MWMxLjEwMiwwLDIuMTA0LTAuMzAxLDIuOTA1LTAuODAxbDMuODA2LDMuODA2DQoJCQljMC41MDEsMC41MDEsMS40MDIsMC41MDEsMi4wMDMsMEMxNjYuMDI1LTE5LjEyNCwxNjYuMDI1LTE5LjkyNiwxNjUuNTI0LTIwLjUyN3ogTTE1Ni45MS0yNC4zMzMNCgkJCWMtMS43MDMsMC0zLjEwNS0xLjQwMi0zLjEwNS0zLjAwNWMwLTEuNzAzLDEuNDAyLTMuMDA1LDMuMTA1LTMuMDA1czMuMTA1LDEuNDAyLDMuMTA1LDMuMDA1DQoJCQlDMTU5LjkxNS0yNS42MzUsMTU4LjYxMy0yNC4zMzMsMTU2LjkxLTI0LjMzM3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 30px 15px;
}
.icon-zip {
	width: 30px; height: 37px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTAwcHgiIGhlaWdodD0iMzcwcHgiIHZpZXdCb3g9IjAgMCA5MDAgMzcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MDAgMzcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEzNSIgeT0iMTUwIiBmaWxsPSIjRDREOUREIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTM1LDExMHYyMGgzMHYtMjBjLTUsMS0xMCwyLTE1LDJDMTQ1LDExMiwxNDAsMTExLDEzNSwxMTB6Ii8+DQoJPHJlY3QgeD0iMTM1IiB5PSIyMDEiIGZpbGw9IiNENEQ5REQiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xOTEsMEgyNEMwLDAsMCwyNCwwLDI0djMyMmMwLDI0LDI0LDI0LDI0LDI0aDI1MmMwLDAsMjQsMCwyNC0yNFYxMDBMMTkxLDB6IE0yMjEsNjBsMjAsMjBoLTIwVjYweg0KCQkgTTE2Niw3MGMwLDgtNywxNS0xNSwxNWMtOCwwLTE1LTctMTUtMTVzNy0xNSwxNS0xNUMxNTksNTUsMTY2LDYyLDE2Niw3MHogTTI3MSwzNDFIMzBWMjRoMTAxbDAsMGMtNiwxNy0xMSwzOC0xMSw0Ng0KCQljMCwxNiwxMywyOSwzMCwyOXMzMC0xMywzMC0yOWMwLTktNC0zMC0xMS00N2gyMWMwLDAsMCw0NiwwLDU1YzAsMTUsNywzMSwyNCwzMWMxNCwwLDM2LDAsNTYsMEwyNzEsMzQxTDI3MSwzNDF6Ii8+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwNywyOThIODdsMjMtMjZjMS0xLDEtMiwyLTJjMS0xLDEtMSwyLTJjMS0xLDEtMiwxLTNzMC0yLDAtM3YtMWMwLTEsMC0yLTEtM2MwLTEtMS0yLTItMmMtMS0xLTItMS0zLTINCgkJYy0xLDAtMy0xLTQtMUg3MmMtMywwLTUsMS02LDJjLTEsMS0yLDMtMiw2djFjMCwzLDEsNCwyLDZjMSwxLDMsMiw2LDJoMThsLTIzLDI2Yy0xLDEtMSwyLTIsMmMtMSwxLTEsMS0yLDJjMCwxLTEsMi0xLDMNCgkJYzAsMSwwLDIsMCwzdjFjMCwxLDAsMiwxLDNjMCwxLDEsMiwyLDJjMSwxLDIsMSwzLDJjMSwwLDMsMSw0LDFoMzVjMywwLDUtMSw2LTJjMS0xLDItMywyLTZ2LTFjMC0zLTEtNC0yLTYNCgkJQzExMiwyOTksMTEwLDI5OCwxMDcsMjk4eiIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTIsMjUzaC0zYy01LDAtOCwzLTgsOXY0M2MwLDYsMyw5LDgsOWgzYzUsMCw4LTMsOC05di00M0MxNjAsMjU2LDE1NywyNTMsMTUyLDI1M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTk3LDI1NGMtMywwLTUsMS03LDNjLTIsMi0yLDQtMiw4djQxYzAsMywxLDUsMiw2YzEsMSwzLDIsNiwyaDNjMywwLDUtMSw2LTJjMS0xLDItNCwyLTZ2LTloNw0KCQljOCwwLDE1LTIsMTktNXM3LTksNy0xNnMtMi0xMy03LTE2Yy00LTQtMTEtNS0yMC01TDE5NywyNTRMMTk3LDI1NHogTTIyMSwyNzVjMCwyLTEsNC0yLDZjLTEsMS00LDItNiwyaC03di0xNWg2DQoJCUMyMTgsMjY4LDIyMSwyNzAsMjIxLDI3NXoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik01ODMsMGMtNCwwLTE0LDAtMzMsMGgtMjBIMzY5aC0xMWMtMjQsMC0zNywwLTQxLDBjLTE3LDAtMTcsMTctMTcsMTd2MzM2YzAsMTcsMTcsMTcsMTcsMTdzMTQsMCw0MSwwaDEyDQoJaDE2MWgxMGMyOCwwLDQyLDAsNDIsMHMxNywwLDE3LTE3VjE3QzYwMCwxNyw2MDAsMCw1ODMsMHogTTM0OSwzMzBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMzMweiBNMzQ5LDI0MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYyNDB6IE0zNDksMTYwDQoJYzAsNi00LDEwLTEwLDEwaC0xMGMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjE2MHogTTM0OSw3MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwVjQwDQoJYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjcweiBNNTMwLDMwdjE0MEgzNjlWMzBINTMweiBNMzY5LDM0MFYyMDBoMTYxdjE0MEgzNjl6IE01ODAsMzMwYzAsNi00LDEwLTEwLDEwaC0xMA0KCWMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjMzMHogTTU4MCwyNDBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMjQweiBNNTgwLDE2MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYxNjB6IE01ODAsNzANCgljMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMFY0MGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFY3MHoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04ODQuMTAzLDBjLTQuMDAxLDAtMTQuMDA1LDAtMzMuMDEyLDBoLTIwLjAwN0g2NjkuMDI1aC0xMS4wMDRjLTI0LjAwOSwwLTM3LjAxMywwLTQxLjAxNSwwDQoJCUM2MDAsMCw2MDAsMTcsNjAwLDE3djMzNmMwLDE3LDE3LjAwNiwxNywxNy4wMDYsMTdzMTQuMDA1LDAsNDEuMDE1LDBoMTEuMDA0aDE2MS4wNThoMTAuMDA0YzI4LjAxLDAsNDIuMDE1LDAsNDIuMDE1LDANCgkJczE3LjAwNiwwLDE3LjAwNi0xN1YxN0M5MDEuMTA5LDE3LDkwMS4xMDksMCw4ODQuMTAzLDB6IE02NDguMDE4LDMzMGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTANCgkJdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYzMzB6IE02NDguMDE4LDI0MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMQ0KCQljLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE02NDguMDE4LDE2MA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMEg2MjguMDFjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYxNjB6DQoJCSBNNjQ4LjAxOCw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTBWNDBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDQNCgkJYzYuMDAyLDAsMTAuMDA0LDQsMTAuMDA0LDEwVjcweiBNODMwLjA4MywzMHYxNDBINjY4LjAyNVYzMEg4MzAuMDgzeiBNNjY4LjAyNSwzNDBWMjAwaDE2Mi4wNTl2MTQwSDY2OC4wMjV6IE04ODEuMTAyLDMzMA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMGgtMTAuMDA0Yy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMHYtMzBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMzMweg0KCQkgTTg4MS4xMDIsMjQwYzAsNi00LjAwMSwxMC0xMC4wMDQsMTBoLTEwLjAwNGMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTB2LTMwYzAtNiw0LjAwMS0xMCwxMC4wMDQtMTBoMTAuMDA0DQoJCWM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE04ODEuMTAyLDE2MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDRjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMA0KCQljMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMTYweiBNODgxLjEwMiw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDQNCgkJYy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMFY0MGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFY3MHoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTc0Ny4wNTMsMTA5YzAsNS0yLjAwMSw5LTUuMDAyLDExYy0zLjAwMSwzLTcuMDAzLDQtMTIuMDA0LDRjLTYuMDAyLDAtMTEuMDA0LTItMTQuMDA1LTYNCgkJCWMtNC4wMDEtNC01LjAwMi05LTUuMDAyLTE1YzAtNywxLTEyLDMuMDAxLTE3czUuMDAyLTgsNy4wMDMtMTFjMy4wMDEtMyw2LjAwMi01LDkuMDAzLTdjMy4wMDEtMiw2LjAwMi0zLDguMDAzLTRsOC4wMDMsMTMNCgkJCWMtMy4wMDEsMS02LjAwMiwzLTguMDAzLDZjLTIuMDAxLDMtNC4wMDEsNi00LjAwMSw5YzMuMDAxLDAsNi4wMDIsMSw5LjAwMyw0Qzc0NS4wNTMsMTAxLDc0Ny4wNTMsMTA1LDc0Ny4wNTMsMTA5eiBNNzkwLjA2OSwxMDkNCgkJCWMwLDUtMi4wMDEsOS01LjAwMiwxMWMtMy4wMDEsMi03LjAwMyw0LTEyLjAwNCw0Yy02LjAwMiwwLTExLjAwNC0yLTE1LjAwNS02Yy0zLjAwMS00LTUuMDAyLTktNS4wMDItMTVjMC03LDEtMTIsMy4wMDEtMTcNCgkJCXM1LjAwMi04LDcuMDAzLTExYzMuMDAxLTMsNi4wMDItNSw5LjAwMy03YzMuMDAxLTIsNi4wMDItMyw4LjAwMy00bDguMDAzLDEzYy0zLjAwMSwxLTYuMDAyLDMtOS4wMDMsNmMtMi4wMDEsMy00LjAwMSw2LTQuMDAxLDkNCgkJCWMzLjAwMSwwLDYuMDAyLDEsOS4wMDMsNEM3ODkuMDY5LDEwMSw3OTAuMDY5LDEwNSw3OTAuMDY5LDEwOXoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik03MDkuMDQsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2DQoJCQljNC4wMDEsNCw1LjAwMiw5LDUuMDAyLDE1cy0xLDEyLTMuMDAxLDE3Yy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNA0KCQkJbC04LjAwMy0xM2MzLjAwMS0xLDYuMDAyLTMsOS4wMDMtNmMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzEwLjA0LDI3MCw3MDkuMDQsMjY2LDcwOS4wNCwyNjF6DQoJCQkgTTc1My4wNTYsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2YzQuMDAxLDQsNS4wMDIsOSw1LjAwMiwxNXMtMSwxMi0zLjAwMSwxNw0KCQkJYy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNGwtOC4wMDMtMTNjMy4wMDEtMSw2LjAwMi0zLDkuMDAzLTYNCgkJCWMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzU1LjA1NiwyNzAsNzUzLjA1NiwyNjYsNzUzLjA1NiwyNjF6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); background-size: 90px 37px;
}
.icon-video-file {
	width: 30px; height: 37px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTAwcHgiIGhlaWdodD0iMzcwcHgiIHZpZXdCb3g9IjAgMCA5MDAgMzcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MDAgMzcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEzNSIgeT0iMTUwIiBmaWxsPSIjRDREOUREIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTM1LDExMHYyMGgzMHYtMjBjLTUsMS0xMCwyLTE1LDJDMTQ1LDExMiwxNDAsMTExLDEzNSwxMTB6Ii8+DQoJPHJlY3QgeD0iMTM1IiB5PSIyMDEiIGZpbGw9IiNENEQ5REQiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xOTEsMEgyNEMwLDAsMCwyNCwwLDI0djMyMmMwLDI0LDI0LDI0LDI0LDI0aDI1MmMwLDAsMjQsMCwyNC0yNFYxMDBMMTkxLDB6IE0yMjEsNjBsMjAsMjBoLTIwVjYweg0KCQkgTTE2Niw3MGMwLDgtNywxNS0xNSwxNWMtOCwwLTE1LTctMTUtMTVzNy0xNSwxNS0xNUMxNTksNTUsMTY2LDYyLDE2Niw3MHogTTI3MSwzNDFIMzBWMjRoMTAxbDAsMGMtNiwxNy0xMSwzOC0xMSw0Ng0KCQljMCwxNiwxMywyOSwzMCwyOXMzMC0xMywzMC0yOWMwLTktNC0zMC0xMS00N2gyMWMwLDAsMCw0NiwwLDU1YzAsMTUsNywzMSwyNCwzMWMxNCwwLDM2LDAsNTYsMEwyNzEsMzQxTDI3MSwzNDF6Ii8+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwNywyOThIODdsMjMtMjZjMS0xLDEtMiwyLTJjMS0xLDEtMSwyLTJjMS0xLDEtMiwxLTNzMC0yLDAtM3YtMWMwLTEsMC0yLTEtM2MwLTEtMS0yLTItMmMtMS0xLTItMS0zLTINCgkJYy0xLDAtMy0xLTQtMUg3MmMtMywwLTUsMS02LDJjLTEsMS0yLDMtMiw2djFjMCwzLDEsNCwyLDZjMSwxLDMsMiw2LDJoMThsLTIzLDI2Yy0xLDEtMSwyLTIsMmMtMSwxLTEsMS0yLDJjMCwxLTEsMi0xLDMNCgkJYzAsMSwwLDIsMCwzdjFjMCwxLDAsMiwxLDNjMCwxLDEsMiwyLDJjMSwxLDIsMSwzLDJjMSwwLDMsMSw0LDFoMzVjMywwLDUtMSw2LTJjMS0xLDItMywyLTZ2LTFjMC0zLTEtNC0yLTYNCgkJQzExMiwyOTksMTEwLDI5OCwxMDcsMjk4eiIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTIsMjUzaC0zYy01LDAtOCwzLTgsOXY0M2MwLDYsMyw5LDgsOWgzYzUsMCw4LTMsOC05di00M0MxNjAsMjU2LDE1NywyNTMsMTUyLDI1M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTk3LDI1NGMtMywwLTUsMS03LDNjLTIsMi0yLDQtMiw4djQxYzAsMywxLDUsMiw2YzEsMSwzLDIsNiwyaDNjMywwLDUtMSw2LTJjMS0xLDItNCwyLTZ2LTloNw0KCQljOCwwLDE1LTIsMTktNXM3LTksNy0xNnMtMi0xMy03LTE2Yy00LTQtMTEtNS0yMC01TDE5NywyNTRMMTk3LDI1NHogTTIyMSwyNzVjMCwyLTEsNC0yLDZjLTEsMS00LDItNiwyaC03di0xNWg2DQoJCUMyMTgsMjY4LDIyMSwyNzAsMjIxLDI3NXoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik01ODMsMGMtNCwwLTE0LDAtMzMsMGgtMjBIMzY5aC0xMWMtMjQsMC0zNywwLTQxLDBjLTE3LDAtMTcsMTctMTcsMTd2MzM2YzAsMTcsMTcsMTcsMTcsMTdzMTQsMCw0MSwwaDEyDQoJaDE2MWgxMGMyOCwwLDQyLDAsNDIsMHMxNywwLDE3LTE3VjE3QzYwMCwxNyw2MDAsMCw1ODMsMHogTTM0OSwzMzBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMzMweiBNMzQ5LDI0MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYyNDB6IE0zNDksMTYwDQoJYzAsNi00LDEwLTEwLDEwaC0xMGMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjE2MHogTTM0OSw3MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwVjQwDQoJYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjcweiBNNTMwLDMwdjE0MEgzNjlWMzBINTMweiBNMzY5LDM0MFYyMDBoMTYxdjE0MEgzNjl6IE01ODAsMzMwYzAsNi00LDEwLTEwLDEwaC0xMA0KCWMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjMzMHogTTU4MCwyNDBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMjQweiBNNTgwLDE2MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYxNjB6IE01ODAsNzANCgljMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMFY0MGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFY3MHoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04ODQuMTAzLDBjLTQuMDAxLDAtMTQuMDA1LDAtMzMuMDEyLDBoLTIwLjAwN0g2NjkuMDI1aC0xMS4wMDRjLTI0LjAwOSwwLTM3LjAxMywwLTQxLjAxNSwwDQoJCUM2MDAsMCw2MDAsMTcsNjAwLDE3djMzNmMwLDE3LDE3LjAwNiwxNywxNy4wMDYsMTdzMTQuMDA1LDAsNDEuMDE1LDBoMTEuMDA0aDE2MS4wNThoMTAuMDA0YzI4LjAxLDAsNDIuMDE1LDAsNDIuMDE1LDANCgkJczE3LjAwNiwwLDE3LjAwNi0xN1YxN0M5MDEuMTA5LDE3LDkwMS4xMDksMCw4ODQuMTAzLDB6IE02NDguMDE4LDMzMGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTANCgkJdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYzMzB6IE02NDguMDE4LDI0MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMQ0KCQljLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE02NDguMDE4LDE2MA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMEg2MjguMDFjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYxNjB6DQoJCSBNNjQ4LjAxOCw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTBWNDBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDQNCgkJYzYuMDAyLDAsMTAuMDA0LDQsMTAuMDA0LDEwVjcweiBNODMwLjA4MywzMHYxNDBINjY4LjAyNVYzMEg4MzAuMDgzeiBNNjY4LjAyNSwzNDBWMjAwaDE2Mi4wNTl2MTQwSDY2OC4wMjV6IE04ODEuMTAyLDMzMA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMGgtMTAuMDA0Yy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMHYtMzBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMzMweg0KCQkgTTg4MS4xMDIsMjQwYzAsNi00LjAwMSwxMC0xMC4wMDQsMTBoLTEwLjAwNGMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTB2LTMwYzAtNiw0LjAwMS0xMCwxMC4wMDQtMTBoMTAuMDA0DQoJCWM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE04ODEuMTAyLDE2MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDRjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMA0KCQljMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMTYweiBNODgxLjEwMiw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDQNCgkJYy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMFY0MGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFY3MHoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTc0Ny4wNTMsMTA5YzAsNS0yLjAwMSw5LTUuMDAyLDExYy0zLjAwMSwzLTcuMDAzLDQtMTIuMDA0LDRjLTYuMDAyLDAtMTEuMDA0LTItMTQuMDA1LTYNCgkJCWMtNC4wMDEtNC01LjAwMi05LTUuMDAyLTE1YzAtNywxLTEyLDMuMDAxLTE3czUuMDAyLTgsNy4wMDMtMTFjMy4wMDEtMyw2LjAwMi01LDkuMDAzLTdjMy4wMDEtMiw2LjAwMi0zLDguMDAzLTRsOC4wMDMsMTMNCgkJCWMtMy4wMDEsMS02LjAwMiwzLTguMDAzLDZjLTIuMDAxLDMtNC4wMDEsNi00LjAwMSw5YzMuMDAxLDAsNi4wMDIsMSw5LjAwMyw0Qzc0NS4wNTMsMTAxLDc0Ny4wNTMsMTA1LDc0Ny4wNTMsMTA5eiBNNzkwLjA2OSwxMDkNCgkJCWMwLDUtMi4wMDEsOS01LjAwMiwxMWMtMy4wMDEsMi03LjAwMyw0LTEyLjAwNCw0Yy02LjAwMiwwLTExLjAwNC0yLTE1LjAwNS02Yy0zLjAwMS00LTUuMDAyLTktNS4wMDItMTVjMC03LDEtMTIsMy4wMDEtMTcNCgkJCXM1LjAwMi04LDcuMDAzLTExYzMuMDAxLTMsNi4wMDItNSw5LjAwMy03YzMuMDAxLTIsNi4wMDItMyw4LjAwMy00bDguMDAzLDEzYy0zLjAwMSwxLTYuMDAyLDMtOS4wMDMsNmMtMi4wMDEsMy00LjAwMSw2LTQuMDAxLDkNCgkJCWMzLjAwMSwwLDYuMDAyLDEsOS4wMDMsNEM3ODkuMDY5LDEwMSw3OTAuMDY5LDEwNSw3OTAuMDY5LDEwOXoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik03MDkuMDQsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2DQoJCQljNC4wMDEsNCw1LjAwMiw5LDUuMDAyLDE1cy0xLDEyLTMuMDAxLDE3Yy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNA0KCQkJbC04LjAwMy0xM2MzLjAwMS0xLDYuMDAyLTMsOS4wMDMtNmMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzEwLjA0LDI3MCw3MDkuMDQsMjY2LDcwOS4wNCwyNjF6DQoJCQkgTTc1My4wNTYsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2YzQuMDAxLDQsNS4wMDIsOSw1LjAwMiwxNXMtMSwxMi0zLjAwMSwxNw0KCQkJYy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNGwtOC4wMDMtMTNjMy4wMDEtMSw2LjAwMi0zLDkuMDAzLTYNCgkJCWMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzU1LjA1NiwyNzAsNzUzLjA1NiwyNjYsNzUzLjA1NiwyNjF6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); background-size: 90px 37px;
}
.icon-transcript-file {
	width: 30px; height: 37px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTAwcHgiIGhlaWdodD0iMzcwcHgiIHZpZXdCb3g9IjAgMCA5MDAgMzcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MDAgMzcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEzNSIgeT0iMTUwIiBmaWxsPSIjRDREOUREIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTM1LDExMHYyMGgzMHYtMjBjLTUsMS0xMCwyLTE1LDJDMTQ1LDExMiwxNDAsMTExLDEzNSwxMTB6Ii8+DQoJPHJlY3QgeD0iMTM1IiB5PSIyMDEiIGZpbGw9IiNENEQ5REQiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xOTEsMEgyNEMwLDAsMCwyNCwwLDI0djMyMmMwLDI0LDI0LDI0LDI0LDI0aDI1MmMwLDAsMjQsMCwyNC0yNFYxMDBMMTkxLDB6IE0yMjEsNjBsMjAsMjBoLTIwVjYweg0KCQkgTTE2Niw3MGMwLDgtNywxNS0xNSwxNWMtOCwwLTE1LTctMTUtMTVzNy0xNSwxNS0xNUMxNTksNTUsMTY2LDYyLDE2Niw3MHogTTI3MSwzNDFIMzBWMjRoMTAxbDAsMGMtNiwxNy0xMSwzOC0xMSw0Ng0KCQljMCwxNiwxMywyOSwzMCwyOXMzMC0xMywzMC0yOWMwLTktNC0zMC0xMS00N2gyMWMwLDAsMCw0NiwwLDU1YzAsMTUsNywzMSwyNCwzMWMxNCwwLDM2LDAsNTYsMEwyNzEsMzQxTDI3MSwzNDF6Ii8+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwNywyOThIODdsMjMtMjZjMS0xLDEtMiwyLTJjMS0xLDEtMSwyLTJjMS0xLDEtMiwxLTNzMC0yLDAtM3YtMWMwLTEsMC0yLTEtM2MwLTEtMS0yLTItMmMtMS0xLTItMS0zLTINCgkJYy0xLDAtMy0xLTQtMUg3MmMtMywwLTUsMS02LDJjLTEsMS0yLDMtMiw2djFjMCwzLDEsNCwyLDZjMSwxLDMsMiw2LDJoMThsLTIzLDI2Yy0xLDEtMSwyLTIsMmMtMSwxLTEsMS0yLDJjMCwxLTEsMi0xLDMNCgkJYzAsMSwwLDIsMCwzdjFjMCwxLDAsMiwxLDNjMCwxLDEsMiwyLDJjMSwxLDIsMSwzLDJjMSwwLDMsMSw0LDFoMzVjMywwLDUtMSw2LTJjMS0xLDItMywyLTZ2LTFjMC0zLTEtNC0yLTYNCgkJQzExMiwyOTksMTEwLDI5OCwxMDcsMjk4eiIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTIsMjUzaC0zYy01LDAtOCwzLTgsOXY0M2MwLDYsMyw5LDgsOWgzYzUsMCw4LTMsOC05di00M0MxNjAsMjU2LDE1NywyNTMsMTUyLDI1M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTk3LDI1NGMtMywwLTUsMS03LDNjLTIsMi0yLDQtMiw4djQxYzAsMywxLDUsMiw2YzEsMSwzLDIsNiwyaDNjMywwLDUtMSw2LTJjMS0xLDItNCwyLTZ2LTloNw0KCQljOCwwLDE1LTIsMTktNXM3LTksNy0xNnMtMi0xMy03LTE2Yy00LTQtMTEtNS0yMC01TDE5NywyNTRMMTk3LDI1NHogTTIyMSwyNzVjMCwyLTEsNC0yLDZjLTEsMS00LDItNiwyaC03di0xNWg2DQoJCUMyMTgsMjY4LDIyMSwyNzAsMjIxLDI3NXoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik01ODMsMGMtNCwwLTE0LDAtMzMsMGgtMjBIMzY5aC0xMWMtMjQsMC0zNywwLTQxLDBjLTE3LDAtMTcsMTctMTcsMTd2MzM2YzAsMTcsMTcsMTcsMTcsMTdzMTQsMCw0MSwwaDEyDQoJaDE2MWgxMGMyOCwwLDQyLDAsNDIsMHMxNywwLDE3LTE3VjE3QzYwMCwxNyw2MDAsMCw1ODMsMHogTTM0OSwzMzBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMzMweiBNMzQ5LDI0MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYyNDB6IE0zNDksMTYwDQoJYzAsNi00LDEwLTEwLDEwaC0xMGMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjE2MHogTTM0OSw3MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwVjQwDQoJYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjcweiBNNTMwLDMwdjE0MEgzNjlWMzBINTMweiBNMzY5LDM0MFYyMDBoMTYxdjE0MEgzNjl6IE01ODAsMzMwYzAsNi00LDEwLTEwLDEwaC0xMA0KCWMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjMzMHogTTU4MCwyNDBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMjQweiBNNTgwLDE2MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYxNjB6IE01ODAsNzANCgljMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMFY0MGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFY3MHoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04ODQuMTAzLDBjLTQuMDAxLDAtMTQuMDA1LDAtMzMuMDEyLDBoLTIwLjAwN0g2NjkuMDI1aC0xMS4wMDRjLTI0LjAwOSwwLTM3LjAxMywwLTQxLjAxNSwwDQoJCUM2MDAsMCw2MDAsMTcsNjAwLDE3djMzNmMwLDE3LDE3LjAwNiwxNywxNy4wMDYsMTdzMTQuMDA1LDAsNDEuMDE1LDBoMTEuMDA0aDE2MS4wNThoMTAuMDA0YzI4LjAxLDAsNDIuMDE1LDAsNDIuMDE1LDANCgkJczE3LjAwNiwwLDE3LjAwNi0xN1YxN0M5MDEuMTA5LDE3LDkwMS4xMDksMCw4ODQuMTAzLDB6IE02NDguMDE4LDMzMGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTANCgkJdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYzMzB6IE02NDguMDE4LDI0MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMQ0KCQljLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE02NDguMDE4LDE2MA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMEg2MjguMDFjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYxNjB6DQoJCSBNNjQ4LjAxOCw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTBWNDBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDQNCgkJYzYuMDAyLDAsMTAuMDA0LDQsMTAuMDA0LDEwVjcweiBNODMwLjA4MywzMHYxNDBINjY4LjAyNVYzMEg4MzAuMDgzeiBNNjY4LjAyNSwzNDBWMjAwaDE2Mi4wNTl2MTQwSDY2OC4wMjV6IE04ODEuMTAyLDMzMA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMGgtMTAuMDA0Yy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMHYtMzBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMzMweg0KCQkgTTg4MS4xMDIsMjQwYzAsNi00LjAwMSwxMC0xMC4wMDQsMTBoLTEwLjAwNGMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTB2LTMwYzAtNiw0LjAwMS0xMCwxMC4wMDQtMTBoMTAuMDA0DQoJCWM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE04ODEuMTAyLDE2MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDRjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMA0KCQljMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMTYweiBNODgxLjEwMiw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDQNCgkJYy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMFY0MGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFY3MHoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTc0Ny4wNTMsMTA5YzAsNS0yLjAwMSw5LTUuMDAyLDExYy0zLjAwMSwzLTcuMDAzLDQtMTIuMDA0LDRjLTYuMDAyLDAtMTEuMDA0LTItMTQuMDA1LTYNCgkJCWMtNC4wMDEtNC01LjAwMi05LTUuMDAyLTE1YzAtNywxLTEyLDMuMDAxLTE3czUuMDAyLTgsNy4wMDMtMTFjMy4wMDEtMyw2LjAwMi01LDkuMDAzLTdjMy4wMDEtMiw2LjAwMi0zLDguMDAzLTRsOC4wMDMsMTMNCgkJCWMtMy4wMDEsMS02LjAwMiwzLTguMDAzLDZjLTIuMDAxLDMtNC4wMDEsNi00LjAwMSw5YzMuMDAxLDAsNi4wMDIsMSw5LjAwMyw0Qzc0NS4wNTMsMTAxLDc0Ny4wNTMsMTA1LDc0Ny4wNTMsMTA5eiBNNzkwLjA2OSwxMDkNCgkJCWMwLDUtMi4wMDEsOS01LjAwMiwxMWMtMy4wMDEsMi03LjAwMyw0LTEyLjAwNCw0Yy02LjAwMiwwLTExLjAwNC0yLTE1LjAwNS02Yy0zLjAwMS00LTUuMDAyLTktNS4wMDItMTVjMC03LDEtMTIsMy4wMDEtMTcNCgkJCXM1LjAwMi04LDcuMDAzLTExYzMuMDAxLTMsNi4wMDItNSw5LjAwMy03YzMuMDAxLTIsNi4wMDItMyw4LjAwMy00bDguMDAzLDEzYy0zLjAwMSwxLTYuMDAyLDMtOS4wMDMsNmMtMi4wMDEsMy00LjAwMSw2LTQuMDAxLDkNCgkJCWMzLjAwMSwwLDYuMDAyLDEsOS4wMDMsNEM3ODkuMDY5LDEwMSw3OTAuMDY5LDEwNSw3OTAuMDY5LDEwOXoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik03MDkuMDQsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2DQoJCQljNC4wMDEsNCw1LjAwMiw5LDUuMDAyLDE1cy0xLDEyLTMuMDAxLDE3Yy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNA0KCQkJbC04LjAwMy0xM2MzLjAwMS0xLDYuMDAyLTMsOS4wMDMtNmMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzEwLjA0LDI3MCw3MDkuMDQsMjY2LDcwOS4wNCwyNjF6DQoJCQkgTTc1My4wNTYsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2YzQuMDAxLDQsNS4wMDIsOSw1LjAwMiwxNXMtMSwxMi0zLjAwMSwxNw0KCQkJYy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNGwtOC4wMDMtMTNjMy4wMDEtMSw2LjAwMi0zLDkuMDAzLTYNCgkJCWMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzU1LjA1NiwyNzAsNzUzLjA1NiwyNjYsNzUzLjA1NiwyNjF6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); background-size: 90px 37px;
}
.icon-video-file {
	background-position: -30px 0px;
}
.icon-transcript-file {
	background-position: -60px 0px;
}
.icon-play {
	width: 10px; height: 13px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTkuOTk3cHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCA5OS45OTcgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OS45OTcgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMS45OTksMy41Yy0xMi04LTIyLTItMjIsMTN2OTdjMCwxNSwxMCwyMSwyMiwxM2w2OS00N2MxMi04LDEyLTIxLDAtMjlMMjEuOTk5LDMuNXoiLz4NCjwvc3ZnPg0K"); background-size: 10px 13px;
}
.icon-play-white {
	width: 10px; height: 13px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTkuOTk3cHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCA5OS45OTcgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OS45OTcgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMS45OTksMy41Yy0xMi04LTIyLTItMjIsMTN2OTdjMCwxNSwxMCwyMSwyMiwxM2w2OS00N2MxMi04LDEyLTIxLDAtMjlMMjEuOTk5LDMuNXoiLz4NCjwvc3ZnPg0K"); background-size: 10px 13px;
}
.icon-video-small-white {
	width: 10px; height: 13px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTkuOTk3cHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCA5OS45OTcgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OS45OTcgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMS45OTksMy41Yy0xMi04LTIyLTItMjIsMTN2OTdjMCwxNSwxMCwyMSwyMiwxM2w2OS00N2MxMi04LDEyLTIxLDAtMjlMMjEuOTk5LDMuNXoiLz4NCjwvc3ZnPg0K"); background-size: 10px 13px;
}
.icon-play-large {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-play-large-c99bfcb29448179fe9a59936794accd3.svg") no-repeat; width: 21px; height: 28px;
}
.icon-close {
	width: 12px; height: 12px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTE5Ljk5OXB4IiB2aWV3Qm94PSIwIDAgMTIwIDExOS45OTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMTkuOTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTcsOTIuMjMxTDg1LDU5LjUwNGwzMi0zMi43MjdjNC0zLjk2Nyw0LTkuOTE3LDAtMTMuODg0bC0xMS05LjkxN2MtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDYwLDM1LjcwMg0KCUwyOCwyLjk3NWMtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDMsMTIuODkzYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMzIsMzIuNzI3TDMsOTIuMjMxYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMTEsMTAuOTA5DQoJYzQsMy45NjcsMTAsMy45NjcsMTQsMGwzMi0zMi43MjdsMzIsMzIuNzI3YzQsMy45NjcsMTAsMy45NjcsMTQsMGwxMS05LjkxN0MxMjEsMTAyLjE0OSwxMjEsOTYuMTk4LDExNyw5Mi4yMzF6Ii8+DQo8L3N2Zz4NCg=="); background-size: 12px 12px;
}
.icon-close-dark {
	width: 12px; height: 12px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTE5Ljk5OXB4IiB2aWV3Qm94PSIwIDAgMTIwIDExOS45OTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMTkuOTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xMTcsOTIuMjMxTDg1LDU5LjUwNGwzMi0zMi43MjdjNC0zLjk2Nyw0LTkuOTE3LDAtMTMuODg0bC0xMS05LjkxN2MtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDYwLDM1LjcwMg0KCUwyOCwyLjk3NWMtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDMsMTIuODkzYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMzIsMzIuNzI3TDMsOTIuMjMxYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMTEsMTAuOTA5DQoJYzQsMy45NjcsMTAsMy45NjcsMTQsMGwzMi0zMi43MjdsMzIsMzIuNzI3YzQsMy45NjcsMTAsMy45NjcsMTQsMGwxMS05LjkxN0MxMjEsMTAyLjE0OSwxMjEsOTYuMTk4LDExNyw5Mi4yMzF6Ii8+DQo8L3N2Zz4NCg=="); background-size: 12px 12px;
}
.icon-add-green {
	background-position: -14px 0px; width: 14px; height: 14px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDIwcHgiIGhlaWdodD0iMTQwcHgiIHZpZXdCb3g9IjAgMCA0MjAgMTQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MjAgMTQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDMEM4Q0UiIGQ9Ik0xMjAsNTBIOTAuN1YyMGMwLTExLTktMjAtMjAtMjBzLTIwLDktMjAsMjB2MzBIMjBDOSw1MCwwLDU5LDAsNzBzOSwyMCwyMCwyMGgzMC43djMwYzAsMTEsOSwyMCwyMCwyMA0KCXMyMC05LDIwLTIwVjkwSDEyMGMxMSwwLDIwLTksMjAtMjBTMTMxLDUwLDEyMCw1MHoiLz4NCjxwYXRoIGZpbGw9IiM2QkMxN0UiIGQ9Ik0yNjAsNTBoLTI5LjNWMjBjMC0xMS05LTIwLTIwLTIwcy0yMCw5LTIwLDIwdjMwSDE2MGMtMTEsMC0yMCw5LTIwLDIwczksMjAsMjAsMjBoMzAuN3YzMGMwLDExLDksMjAsMjAsMjANCglzMjAtOSwyMC0yMFY5MEgyNjBjMTEsMCwyMC05LDIwLTIwUzI3MSw1MCwyNjAsNTB6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDAwLDUwaC0yOS4zVjIwYzAtMTEtOS0yMC0yMC0yMHMtMjAsOS0yMCwyMHYzMEgzMDBjLTExLDAtMjAsOS0yMCwyMHM5LDIwLDIwLDIwaDMwLjd2MzBjMCwxMSw5LDIwLDIwLDIwDQoJczIwLTksMjAtMjBWOTBINDAwYzExLDAsMjAtOSwyMC0yMFM0MTEsNTAsNDAwLDUweiIvPg0KPC9zdmc+DQo="); background-size: 42px 14px;
}
.icon-mtf-error {
	width: 80px; height: 66px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODBweCIgaGVpZ2h0PSI2NnB4IiB2aWV3Qm94PSIwIDAgODAgNjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDY2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik04MCwxOC4zODljMC05LjkyNy04LjA4MS0xNy45NzUtMTguMDUtMTcuOTc1Yy05LjQwNSwwLTE3LjEyMSw3LjE2NC0xNy45NjYsMTYuMzA5DQoJYy0xLjQwMS0wLjEzOC0yLjgyNy0wLjIxNi00LjI3OC0wLjIxNmMtMS4yNDIsMC0yLjQ2NiwwLjA1Ny0zLjY3MiwwLjE1OEMzNS4zNTgsNy4zNTIsMjcuNTc2LDAsMTguMDUsMEM4LjA4MSwwLDAsOC4wNDcsMCwxNy45NzQNCgljMCw2LjQ4NywzLjQ2MiwxMi4xNTMsOC42MzQsMTUuMzE0Yy0xLjEyNywyLjUtMS43NDgsNS4xNzgtMS43NDgsNy45NjZDNi44ODYsNTQuOTIsMjEuNTgsNjYsMzkuNzA2LDY2czMyLjgyLTExLjA4LDMyLjgyLTI0Ljc0Ng0KCWMwLTIuNTYzLTAuNTE3LTUuMDM1LTEuNDc3LTcuMzZDNzYuMzk4LDMwLjc3Myw4MCwyNS4wMDYsODAsMTguMzg5eiBNMTguMDUsMzEuNTMzYy03LjUyMSwwLTEzLjYxNy02LjA2OS0xMy42MTctMTMuNTYNCgljMC03LjQ4OCw2LjA5Ni0xMy41NiwxMy42MTctMTMuNTZjNy41MiwwLDEzLjYxNyw2LjA3MSwxMy42MTcsMTMuNTZDMzEuNjY3LDI1LjQ2NCwyNS41NywzMS41MzMsMTguMDUsMzEuNTMzeiBNNjIuMDA5LDMxLjUzMw0KCWMtNy41MiwwLTEzLjYxNi02LjA2OS0xMy42MTYtMTMuNTZjMC03LjQ4OCw2LjA5Ny0xMy41NiwxMy42MTYtMTMuNTZjNy41MjEsMCwxMy42MTcsNi4wNzEsMTMuNjE3LDEzLjU2DQoJQzc1LjYyNiwyNS40NjQsNjkuNTI5LDMxLjUzMyw2Mi4wMDksMzEuNTMzeiIvPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNl8xXyIgb3BhY2l0eT0iMC44Ij4NCgk8Zz4NCgkJPGVsbGlwc2UgZmlsbD0iIzYwNjg2RSIgY3g9IjM1LjY4NSIgY3k9IjMwLjc1MSIgcng9IjEuNzcxIiByeT0iMS43NjIiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iU2hhcGVfNV9jb3B5XzI3XzFfIiBvcGFjaXR5PSIwLjgiPg0KCTxnPg0KCQk8ZWxsaXBzZSBmaWxsPSIjNjA2ODZFIiBjeD0iNDQuMDUxIiBjeT0iMzAuNzUxIiByeD0iMS43NyIgcnk9IjEuNzYxIi8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNV8zXyI+DQoJPGc+DQoJCTxlbGxpcHNlIGZpbGw9IiM2MDY4NkUiIGN4PSIxNy45OTIiIGN5PSIxNy45MzEiIHJ4PSI0LjQ5MSIgcnk9IjQuNDczIi8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNV8xXyI+DQoJPGc+DQoJCTxlbGxpcHNlIGZpbGw9IiM2MDY4NkUiIGN4PSI2MS45NTIiIGN5PSIxNy45MzEiIHJ4PSI0LjQ5MSIgcnk9IjQuNDczIi8+DQoJPC9nPg0KPC9nPg0KPHBhdGggZmlsbD0iIzYwNjg2RSIgZD0iTTQ2LjcyOSw0OS42MzVjMCwzLjMyNi0zLjY5Niw2LjAyMy03LjAyMyw2LjAyM3MtNy4wMjMtMi42OTctNy4wMjMtNi4wMjNzMy42OTYtNi4wMjMsNy4wMjMtNi4wMjMNCglTNDYuNzI5LDQ2LjMwOSw0Ni43MjksNDkuNjM1eiIvPg0KPC9zdmc+DQo="); background-size: 80px 66px;
}
.icon-info {
	width: 34px; height: 34px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjgwcHgiIGhlaWdodD0iMzQwcHgiIHZpZXdCb3g9IjAgMCA2ODAgMzQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2ODAgMzQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNzAsNTBjNjYsMCwxMjAsNTQsMTIwLDEyMHMtNTQsMTIwLTEyMCwxMjBTNTAsMjM2LDUwLDE3MFMxMDQsNTAsMTcwLDUwIE0xNzAsMEM3NiwwLDAsNzYsMCwxNzANCglzNzYsMTcwLDE3MCwxNzBzMTcwLTc2LDE3MC0xNzBTMjY0LDAsMTcwLDBMMTcwLDB6IE0xNzAsMjYwYy0xNCwwLTI1LTExLTI1LTI0di02NmMwLTE0LDExLTI0LDI1LTI0czI1LDExLDI1LDI0djY2DQoJQzE5NSwyNDksMTgzLDI2MCwxNzAsMjYweiBNMTcwLDgwYzEzLjI1NSwwLDI0LDEwLjI5OCwyNCwyM3MtMTAuNzQ1LDIzLTI0LDIzcy0yNC0xMC4yOTgtMjQtMjNTMTU2Ljc0NSw4MCwxNzAsODB6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTEwLDUwYzY2LDAsMTIwLDU0LDEyMCwxMjBzLTU0LDEyMC0xMjAsMTIwcy0xMjAtNTQtMTIwLTEyMFM0NDQsNTAsNTEwLDUwIE01MTAsMGMtOTQsMC0xNzAsNzYtMTcwLDE3MA0KCXM3NiwxNzAsMTcwLDE3MHMxNzAtNzYsMTcwLTE3MFM2MDQsMCw1MTAsMEw1MTAsMHogTTUxMCwyNjBjLTE0LDAtMjUtMTEtMjUtMjR2LTY2YzAtMTQsMTEtMjQsMjUtMjRzMjUsMTEsMjUsMjR2NjYNCglDNTM1LDI0OSw1MjMsMjYwLDUxMCwyNjB6IE01MTAsODBjMTMuMjU1LDAsMjQsMTAuMjk4LDI0LDIzcy0xMC43NDUsMjMtMjQsMjNzLTI0LTEwLjI5OC0yNC0yM1M0OTYuNzQ1LDgwLDUxMCw4MHoiLz4NCjwvc3ZnPg0K"); background-size: 68px 34px;
}
.icon-info-small {
	width: 25px; height: 25px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjUwcHgiIGhlaWdodD0iMjUwcHgiIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTAgMjUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTI1LDM2Ljc2YzQ4LjY1LDAsODguMjQsMzkuNTgsODguMjQsODguMjRzLTM5LjU4LDg4LjI0LTg4LjI0LDg4LjI0Yy00OC42NSwwLTg4LjI0LTM5LjU4LTg4LjI0LTg4LjI0DQoJCQlTNzYuMzUsMzYuNzYsMTI1LDM2Ljc2IE0xMjUsMEM1NS45NiwwLDAsNTUuOTYsMCwxMjVjMCw2OS4wMyw1NS45NiwxMjUsMTI1LDEyNWM2OS4wNSwwLDEyNS01NS45NywxMjUtMTI1DQoJCQlDMjUwLDU1Ljk2LDE5NC4wNSwwLDEyNSwwTDEyNSwweiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTI2LjE5LDE5My43MWMtMTAuMTUsMC0xOC4zOC04LjIzLTE4LjM4LTE4LjM4di01MGMwLTEwLjE1LDguMjMtMTguMzgsMTguMzgtMTguMzgNCgkJCQlzMTguMzgsOC4yMywxOC4zOCwxOC4zOHY1MEMxNDQuNTcsMTg1LjQ5LDEzNi4zNSwxOTMuNzEsMTI2LjE5LDE5My43MXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjEyNi4yIiBjeT0iNzUuMDciIHI9IjE3Ljg2Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 25px 25px;
}
.icon-alert {
	width: 34px; height: 34px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzQwcHgiIGhlaWdodD0iMzQwcHgiIHZpZXdCb3g9IjAgMCAzNDAgMzQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDAgMzQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRUQ1QTVBIiBkPSJNMTYwLDE5NmMtMi0zLTMtNy01LTEybC0xNC03MGMtMi0xMC0xLTE4LDQtMjRjNS02LDEyLTksMjEtOWg2YzEwLDAsMTgsMywyMiw5YzUsNiw2LDE0LDQsMjRsLTEzLDcwDQoJCQljLTEsNi0zLDEwLTUsMTJjLTIsMy01LDQtOCw0aC01QzE2NCwyMDAsMTYxLDE5OCwxNjAsMTk2eiBNMTQ1LDIzOHYtNGMwLTE1LDctMjIsMjEtMjJoNmMxNCwwLDIyLDcsMjIsMjJ2NGMwLDE1LTcsMjItMjIsMjJoLTYNCgkJCUMxNTMsMjYwLDE0NSwyNTMsMTQ1LDIzOHoiLz4NCgk8L2c+DQoJPHBhdGggZmlsbD0iI0VENUE1QSIgZD0iTTE3MCw1MGM2NiwwLDEyMCw1NCwxMjAsMTIwcy01NCwxMjAtMTIwLDEyMFM1MCwyMzYsNTAsMTcwUzEwNCw1MCwxNzAsNTAgTTE3MCwwQzc2LDAsMCw3NiwwLDE3MA0KCQlzNzYsMTcwLDE3MCwxNzBzMTcwLTc2LDE3MC0xNzBTMjY0LDAsMTcwLDBMMTcwLDB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 34px 34px;
}
.icon-alert-gray {
	width: 34px; height: 34px; text-indent: -9999px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM0IDM0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNS45NTgsMTkuNTYyYy0wLjE4My0wLjI2LTAuMzQyLTAuNjctMC40ODEtMS4yMjhsLTEuMzU0LTcuMDQzYy0wLjI0NC0wLjk4OS0wLjEyNi0xLjc4NSwwLjM1Mi0yLjM4OQ0KCQljMC40NzktMC42MDMsMS4xOTMtMC45MDMsMi4xNDgtMC45MDNoMC42NWMxLjAwNiwwLDEuNzU0LDAuMzAxLDIuMjQsMC45MDNjMC40ODIsMC42MDQsMC42MDQsMS4zOTksMC4zNjIsMi4zODlsLTEuMzI4LDcuMDQzDQoJCWMtMC4xNDEsMC41NTgtMC4zMDgsMC45NjgtMC41MDksMS4yMjhjLTAuMTk5LDAuMjYyLTAuNDc1LDAuMzkzLTAuODIsMC4zOTNoLTAuNDkyQzE2LjM5NiwxOS45NTUsMTYuMTQzLDE5LjgyNCwxNS45NTgsMTkuNTYyeg0KCQkgTTE0LjU0LDIzLjgxM3YtMC40MzJjMC0xLjQ1NywwLjcxMi0yLjE4NywyLjEzNi0yLjE4N2gwLjZjMS40MzksMCwyLjE2LDAuNzI5LDIuMTYsMi4xODd2MC40MzJjMCwxLjQ1Ny0wLjcyMSwyLjE4Ny0yLjE2LDIuMTg3DQoJCWgtMC42QzE1LjI1MiwyNiwxNC41NCwyNS4yNzEsMTQuNTQsMjMuODEzeiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTE3LDVjNi42MTcsMCwxMiw1LjM4MywxMiwxMnMtNS4zODMsMTItMTIsMTJTNSwyMy42MTcsNSwxN1MxMC4zODMsNSwxNyw1IE0xNywwQzcuNjExLDAsMCw3LjYxLDAsMTcNCgljMCw5LjM4OCw3LjYxMSwxNywxNywxN2M5LjM5MSwwLDE3LTcuNjEyLDE3LTE3QzM0LDcuNjEsMjYuMzkxLDAsMTcsMEwxNywweiIvPg0KPC9zdmc+DQo="); background-size: 34px 34px;
}
.icon-alert-dark-gray {
	width: 34px; height: 34px; text-indent: -9999px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM0IDM0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM4MDhBOTEiIGQ9Ik0xNS45NTgsMTkuNTYyYy0wLjE4My0wLjI2LTAuMzQyLTAuNjctMC40ODEtMS4yMjhsLTEuMzU0LTcuMDQzYy0wLjI0NC0wLjk4OS0wLjEyNi0xLjc4NSwwLjM1Mi0yLjM4OQ0KCQljMC40NzktMC42MDMsMS4xOTMtMC45MDMsMi4xNDgtMC45MDNoMC42NWMxLjAwNiwwLDEuNzU0LDAuMzAxLDIuMjQsMC45MDNjMC40ODIsMC42MDQsMC42MDQsMS4zOTksMC4zNjIsMi4zODlsLTEuMzI4LDcuMDQzDQoJCWMtMC4xNDEsMC41NTgtMC4zMDgsMC45NjgtMC41MDksMS4yMjhjLTAuMTk5LDAuMjYyLTAuNDc1LDAuMzkzLTAuODIsMC4zOTNoLTAuNDkyQzE2LjM5NiwxOS45NTUsMTYuMTQzLDE5LjgyNCwxNS45NTgsMTkuNTYyeg0KCQkgTTE0LjU0LDIzLjgxM3YtMC40MzJjMC0xLjQ1NywwLjcxMi0yLjE4NywyLjEzNi0yLjE4N2gwLjZjMS40MzksMCwyLjE2LDAuNzI5LDIuMTYsMi4xODd2MC40MzJjMCwxLjQ1Ny0wLjcyMSwyLjE4Ny0yLjE2LDIuMTg3DQoJCWgtMC42QzE1LjI1MiwyNiwxNC41NCwyNS4yNzEsMTQuNTQsMjMuODEzeiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzgwOEE5MSIgZD0iTTE3LDVjNi42MTcsMCwxMiw1LjM4MywxMiwxMnMtNS4zODMsMTItMTIsMTJTNSwyMy42MTcsNSwxN1MxMC4zODMsNSwxNyw1IE0xNywwQzcuNjExLDAsMCw3LjYxLDAsMTcNCgljMCw5LjM4OCw3LjYxMSwxNywxNywxN2M5LjM5MSwwLDE3LTcuNjEyLDE3LTE3QzM0LDcuNjEsMjYuMzkxLDAsMTcsMEwxNywweiIvPg0KPC9zdmc+DQo="); background-size: 34px 34px;
}
.icon-included {
	width: 22px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDM5Ljk5OXB4IiBoZWlnaHQ9IjE4MHB4IiB2aWV3Qm94PSIwIDAgNDM5Ljk5OSAxODAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQzOS45OTkgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1RkNGODAiIGQ9Ik05MC41MDYsMTgwTDcuNSwxMDIuMDMyYy0xMC4wMDEtOS45OTYtMTAuMDAxLTI0Ljk5LDAtMzQuOTg1YzEwLjAwMS05Ljk5NiwyNy4wMDItOS45OTYsMzcuMDAyLDANCgkJbDQzLjAwMywzOS45ODNsODYuMDA2LTk3Ljk1OWM5LjAwMS0xMC45OTUsMjYuMDAyLTExLjk5NSwzNy4wMDItMi45OTljMTEuMDAxLDguOTk2LDEzLjAwMSwyMy45OSwzLDM0Ljk4NUw5MC41MDYsMTgweiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTMxMC41MDYsMTgwTDIyNy41LDEwMi4wMzJjLTEwLjAwMS05Ljk5Ni0xMC4wMDEtMjQuOTksMC0zNC45ODVjMTAuMDAxLTkuOTk2LDI3LjAwMi05Ljk5NiwzNy4wMDIsMA0KCQlsNDMuMDAzLDM5Ljk4M0wzOTMuNTEsOS4wNzFjOS4wMDEtMTAuOTk1LDI2LjAwMi0xMS45OTUsMzcuMDAyLTIuOTk5YzExLjAwMSw4Ljk5NiwxMy4wMDEsMjMuOTksMywzNC45ODVMMzEwLjUwNiwxODB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 44px 18px;
}
.icon-check-green {
	width: 22px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDM5Ljk5OXB4IiBoZWlnaHQ9IjE4MHB4IiB2aWV3Qm94PSIwIDAgNDM5Ljk5OSAxODAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQzOS45OTkgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1RkNGODAiIGQ9Ik05MC41MDYsMTgwTDcuNSwxMDIuMDMyYy0xMC4wMDEtOS45OTYtMTAuMDAxLTI0Ljk5LDAtMzQuOTg1YzEwLjAwMS05Ljk5NiwyNy4wMDItOS45OTYsMzcuMDAyLDANCgkJbDQzLjAwMywzOS45ODNsODYuMDA2LTk3Ljk1OWM5LjAwMS0xMC45OTUsMjYuMDAyLTExLjk5NSwzNy4wMDItMi45OTljMTEuMDAxLDguOTk2LDEzLjAwMSwyMy45OSwzLDM0Ljk4NUw5MC41MDYsMTgweiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTMxMC41MDYsMTgwTDIyNy41LDEwMi4wMzJjLTEwLjAwMS05Ljk5Ni0xMC4wMDEtMjQuOTksMC0zNC45ODVjMTAuMDAxLTkuOTk2LDI3LjAwMi05Ljk5NiwzNy4wMDIsMA0KCQlsNDMuMDAzLDM5Ljk4M0wzOTMuNTEsOS4wNzFjOS4wMDEtMTAuOTk1LDI2LjAwMi0xMS45OTUsMzcuMDAyLTIuOTk5YzExLjAwMSw4Ljk5NiwxMy4wMDEsMjMuOTksMywzNC45ODVMMzEwLjUwNiwxODB6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 44px 18px;
}
.icon-not-included {
	width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTgwcHgiIGhlaWdodD0iMTgwLjAwMnB4IiB2aWV3Qm94PSIwIDAgMTgwIDE4MC4wMDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4MCAxODAuMDAyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNFRDVBNUEiIGQ9Ik0xNzUuNTI1LDEzOS43MjVsLTQ5LjcyNC00OS43MjRsNDkuNzI0LTQ5LjcyNGM1Ljk2Ny01Ljk2Nyw1Ljk2Ny0xNC45MTcsMC0xOS44OUwxNTkuNjEzLDQuNDc1DQoJYy01Ljk2Ny01Ljk2Ny0xNC45MTctNS45NjctMTkuODksMEw5MCw1NC4yTDQwLjI3Niw0LjQ3NmMtNS45NjctNS45NjctMTQuOTE3LTUuOTY3LTE5Ljg5LDBMNC40NzUsMjAuMzg4DQoJYy01Ljk2Nyw1Ljk2Ny01Ljk2NywxNC45MTcsMCwxOS44OWw0OS43MjQsNDkuNzIzTDQuNDc1LDEzOS43MjVjLTUuOTY3LDUuOTY3LTUuOTY3LDE0LjkxNywwLDE5Ljg4OWwxNS45MTIsMTUuOTEyDQoJYzUuOTY3LDUuOTY3LDE0LjkxNyw1Ljk2NywxOS44OSwwTDkwLDEyNS44MDJsNDkuNzI0LDQ5LjcyNGM1Ljk2Nyw1Ljk2NywxNC45MTcsNS45NjcsMTkuODksMGwxNS45MTItMTUuOTEyDQoJQzE3OS41MDMsMTUzLjY0NywxNzkuNTAzLDE0NC42OTcsMTc1LjUyNSwxMzkuNzI1eiIvPg0KPC9zdmc+DQo="); background-size: 18px 18px;
}
.icon-play-button {
	border-radius: 100px; border: 12px solid rgb(255, 255, 255); border-image: none; width: 36px; height: 36px;
}
.icon-play-button .icon-play {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-play-pause-64af01cf09163139e61f74c5b1e16ef7.png") no-repeat -10px 0px; width: 12px; height: 18px;
}
.icon-share {
	width: 23px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjMwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAyMzAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMzAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02NC4wNywxMjUuOTE4YzkuMDEtMTQuMDIxLDMzLjAzNi0zNi4wNTUsOTAuMDk4LTM2LjA1NXYzMC4wNDZjMCw3LjAxMSw0LjAwNCw5LjAxNCwxMC4wMTEsNS4wMDgNCgkJbDYyLjA2Ny01My4wODFjNS4wMDUtNS4wMDgsNS4wMDUtMTIuMDE4LDAtMTYuMDI0TDE2NC4xNzgsMi43M2MtNS4wMDUtNS4wMDgtMTAuMDExLTMuMDA1LTEwLjAxMSw1LjAwOHYyOS4wNDQNCgkJYy0xNC4wMTUsMC04Mi4wODksMi4wMDMtOTQuMTAyLDg5LjEzNkM1OS4wNjQsMTMxLjkyNyw2MS4wNjYsMTMxLjkyNyw2NC4wNywxMjUuOTE4eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMC4wMjIsMTU5Ljk3VjU5LjgxN2g0OS4wNTNDODEuMDg4LDQ2Ljc5Nyw5Mi4xLDQwLjc4OCw5NC4xMDIsMzkuNzg3SDEyLjAxMw0KCQlDNS4wMDUsMzkuNzg3LDAsNDQuNzk0LDAsNTEuODA1djExNi4xNzdDMCwxNzQuOTkyLDUuMDA1LDE4MCwxMi4wMTMsMTgwaDE3NS4xOWM3LjAwOCwwLDEzLjAxNC01LjAwOCwxMy4wMTQtMTIuMDE4di01NC4wODINCgkJbC0yMC4wMjIsMTcuMDI2djI5LjA0NEgyMC4wMjJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 23px 18px;
}
.icon-doc {
	width: 13px; height: 16px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMwcHgiIGhlaWdodD0iMTYwcHgiIHZpZXdCb3g9IjAgMCAxMzAgMTYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMzAgMTYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0yMCwwQzguOTYsMCwwLDguOTYsMCwyMHYxMjBjMCwxMS4wNCw4Ljk2LDIwLDIwLDIwaDkwYzExLjA0LDAsMjAtOC45NiwyMC0yMFY0NS43MUw4Ni4zNywwSDIweiBNNzAsNDANCgkJYzAsMTEuMDQsOC45NiwyMCwyMCwyMGgyMHY4MEgyMFYyMGg1MFY0MHoiLz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 13px 16px;
}
.icon-reply {
	width: 17px; height: 13px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTcwcHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCAxNzAgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNzAgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik00LjM3MSwxMjUuNzY5YzkuMTE5LTEzLjk5OSwzMi41NTgtMzUuODY4LDkwLjI0NC0zNS44Njh2MzAuMDI4YzAsNy4wNCw0LjMxLDkuMDU5LDkuNjQ5LDQuNTENCglsNjEuNzQ2LTUyLjc3NmM1LjMyLTQuNTUsNS4zMi0xMS45MDksMC0xNi40NDlMMTA0LjI2NCwyLjQxN2MtNS4zNC00LjUzLTkuNjQ5LTIuNTEtOS42NDksNC41M3YyOC42OTgNCgljLTEzLjUwOS0wLjM2LTgyLjAzNCwyLjIyLTk0LjI5NCw4OC45MTRDLTAuNjQ4LDEzMS41MDgsMC41NDEsMTMxLjY0OCw0LjM3MSwxMjUuNzY5eiIvPg0KPC9zdmc+DQo="); background-size: 17px 13px;
}
.icon-money {
	width: 60px; height: 40px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjAwcHgiIGhlaWdodD0iNDAwcHgiIHZpZXdCb3g9IjAgMCA2MDAgNDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik01NzAsMEM1NDAsMCwzMCwwLDMwLDBDMCwwLDAsMjkuNjMxLDAsMjkuNjMxczAsMzExLjExOCwwLDM0MC43MzlDMCw0MDAsMzAsNDAwLDMwLDQwMHM1MTAsMCw1NDAsMA0KCXMzMC0yOS42MzEsMzAtMjkuNjMxVjI5LjYzMUM2MDAsMjkuNjMxLDYwMCwwLDU3MCwweiBNNDg4LjQ0LDY3LjA3MnYtN2MwLTUuNjIsNC42My0xMC4xNywxMC4zMi0xMC4xN2M1LjY3LDAsMTAuMyw0LjU2LDEwLjMsMTAuMTcNCgl2Ny4xM2MxMy40NCwyLjUxLDIwLjc4LDkuMTcsMjEuNzIsMTAuMWM0LjAxLDMuOTgsNC4wMSwxMC40MiwwLDE0LjM4Yy0zLjk5LDMuOTQtMTAuNDEsMy45OS0xNC40NSwwLjEzDQoJYy0wLjQ0LTAuMzgtNi4yMS01LjI4LTE3LjU3LTUuMjhjLTE4LjY0LDAtMjIuNywxMS40MS0yMi43LDE0LjIzYzAsNi45NiwwLDE2LjQ4LDI1LjE4LDIyLjY5MQ0KCWM0MC43OCwxMC4wNiw0MC43OCwzMy41OTEsNDAuNzgsNDIuNDUxYzAsMTIuNTctMTAuMzQsMjkuNjYxLTMyLjk2LDMzLjcwMXY3YzAsNS42MS00LjYzLDEwLjE3LTEwLjMsMTAuMTcNCgljLTUuNjksMC0xMC4zMi00LjU2LTEwLjMyLTEwLjE3di02Ljk5Yy0yMi45LTMuOTYtMzEuNDYtMjAuMjYxLTMxLjg4LTIxLjAzYy0yLjU1LTUuMDMtMC40Ny0xMS4xNCw0LjYzLTEzLjY2DQoJYzUuMDctMi41LDExLjI1LTAuNDUsMTMuODEsNC41NmMwLjE1LDAuMjYsNi4xNCwxMC42NCwyMy43NiwxMC42NGMxOC42MiwwLDIyLjYzLTExLjQxLDIyLjYzLTE0LjIzYzAtNi45NiwwLTE2LjQ4LTI1LjEzLTIyLjY5MQ0KCWMtNDAuNzctMTAuMDctNDAuNzctMzMuNTgxLTQwLjc3LTQyLjQ1MUM0NTUuNDksODguMTkyLDQ2NS43OSw3MS4xMDIsNDg4LjQ0LDY3LjA3MnogTTMwMCw0NC40NDFjNDkuNzEsMCw5MCwzOS44MDEsOTAsODguODkyDQoJYzAsMjMuNDIxLTkuMjUsNDQuNjgxLTI0LjI1LDYwLjU2MmMtNC4xNy03LjA3LTExLjI4LTE2LjY1LTIyLjkzLTI0Ljk2MWM4Ljk0LTExLjg5LDEzLjQyLTI4Ljc3MSwxMy40Mi01MC40MjENCgljMC0zMC42MzEtMjUuMjMtNTUuNTUxLTU2LjI0LTU1LjU1MXMtNTYuMjQsMjQuOTIxLTU2LjI0LDU1LjU1MWMwLDE2LjYsMi42NywzMC40NzEsOCw0MS40MjFjLTExLjg4LDYuMjYtMjAuMjYsMTUuMTYtMjYuMTgsMjMuMzYxDQoJYy05LjgyLTE0LjI0LTE1LjU4LTMxLjQ0MS0xNS41OC00OS45NzFDMjEwLDg0LjI0MiwyNTAuMyw0NC40NDEsMzAwLDQ0LjQ0MXogTTI3Ni45NiwxNTcuNzc0Yy03LjExLTcuODUtMTAuNy0yMS4wNS0xMC43LTM5LjI2MQ0KCWMwLTE4LjM4LDE1LjE1LTMzLjMzMSwzMy43NC0zMy4zMzFjMTguNjEsMCwzMy43NiwxNC45NSwzMy43NiwzMy4zMzFjMCwyMS45OTEtNS4yMiwzNi41NzEtMTUuNTIsNDMuMzMxDQoJYy0zLjM1LDIuMjItNS4yNiw2LjA2LTQuOTcsMTAuMDZjMC4yOSwzLjk5LDIuNzQsNy41Miw2LjQxLDkuMjNjMTcuODEsOC4zMSwyNS43OCwyMS42MTEsMjguNDksMjcuMTkxDQoJYy0xMy45Myw4Ljc1LTMwLjQzLDEzLjg5LTQ4LjE2LDEzLjg5Yy0yMi41NywwLTQzLjE0LTguMjctNTguOTYtMjEuODMxYzUuMzktOC43MSwxNS4wOC0yMC4yNDEsMzAuNTktMjQuNTIxDQoJYzMuNzMtMS4wNCw2LjY3LTMuOTEsNy43NS03LjU4QzI4MC40OCwxNjQuNjA0LDI3OS41NSwxNjAuNjI0LDI3Ni45NiwxNTcuNzc0eiBNOTIuOTcsNjcuMDcydi03YzAtNS42Miw0LjYzLTEwLjE3LDEwLjMtMTAuMTcNCgljNS42OCwwLDEwLjMxLDQuNTYsMTAuMzEsMTAuMTd2Ny4xM2MxMy40NSwyLjUxLDIwLjc3LDkuMTcsMjEuNzEsMTAuMWM0LjAxLDMuOTgsNC4wMSwxMC40MiwwLDE0LjM4DQoJYy0zLjk4LDMuOTQtMTAuNCwzLjk5LTE0LjQ0LDAuMTNjLTAuNDMtMC4zOC02LjIyLTUuMjgtMTcuNTgtNS4yOGMtMTguNjIsMC0yMi42OCwxMS40MS0yMi42OCwxNC4yM2MwLDYuOTYsMCwxNi40OCwyNS4xNywyMi42OTENCgljNDAuNzgsMTAuMDYsNDAuNzgsMzMuNTkxLDQwLjc4LDQyLjQ1MWMwLDEyLjU3LTEwLjMzLDI5LjY2MS0zMi45NiwzMy43MDF2N2MwLDUuNjEtNC42MywxMC4xNy0xMC4zMSwxMC4xNw0KCWMtNS42NywwLTEwLjMtNC41Ni0xMC4zLTEwLjE3di02Ljk5Yy0yMi45Mi0zLjk2LTMxLjQ2LTIwLjI2MS0zMS44OC0yMS4wM2MtMi41NS01LjAzLTAuNDctMTEuMTQsNC42My0xMy42Ng0KCWM1LjA2LTIuNSwxMS4yNS0wLjQ1LDEzLjgxLDQuNTZjMC4xNCwwLjI2LDYuMTQsMTAuNjQsMjMuNzUsMTAuNjRjMTguNjMsMCwyMi42NS0xMS40MSwyMi42NS0xNC4yM2MwLTYuOTYsMC0xNi40OC0yNS4xMy0yMi42OTENCglDNjAsMTMzLjE0Myw2MCwxMDkuNjMyLDYwLDEwMC43NzJDNjAsODguMTkyLDcwLjMsNzEuMTAyLDkyLjk3LDY3LjA3MnogTTU3MCwzNTUuNTU5YzAsMCwwLDE0LjgxLTE1LDE0Ljgxcy01MTAsMC01MTAsMA0KCXMtMTUsMC0xNS0xNC44MWMwLTE0LjgxLDAtMTQuODEsMC0xNC44MWg1NDBWMzU1LjU1OXogTTU3MCwyODEuNDg3YzAsMCwwLDE0LjgxLTE1LDE0Ljgxcy01MTAsMC01MTAsMHMtMTUsMC0xNS0xNC44MQ0KCXMwLTE0LjgxLDAtMTQuODFoNTQwVjI4MS40ODd6Ii8+DQo8L3N2Zz4NCg=="); background-size: 60px 40px;
}
.icon-calendar {
	width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzIwcHgiIGhlaWdodD0iMTYwcHgiIHZpZXdCb3g9IjAgMCAzMjAgMTYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMjAgMTYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDNkNCRDEiIGQ9Ik0xMzguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRDOTguMDM5LDAsOTMuNiw0LjQxMyw5My42LDkuODg0djguMTgxDQoJSDY2LjQyNlY5Ljg4NEM2Ni40MjYsNC40MzksNjIuMDEzLDAsNTYuNTQyLDBjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODFIMjEuNzI5QzkuNzI5LDE4LjA2NSwwLDI3Ljc5NCwwLDM5Ljc5NHY4LjgyNg0KCXYyOS42MjZ2NjBDMCwxNTAuMjcxLDkuNzI5LDE2MCwyMS43MjksMTYwaDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMxNjAuMDI2LDI3Ljc5NCwxNTAuMjk3LDE4LjA2NSwxMzguMjk3LDE4LjA2NXogTTE0MC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgyNC4zMQ0KCWMtMi40LDAtNC4zMzUtMS45MzUtNC4zMzUtNC4zMzVWNDIuMzc0YzAtMi40LDEuOTYxLTQuMzM1LDQuMzM1LTQuMzM1aDIyLjM0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0DQoJYzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3aDI3LjE0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0YzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3DQoJaDIyLjM0OGMyLjQsMCw0LjMzNSwxLjk2MSw0LjMzNSw0LjMzNUwxNDAuMDUxLDYxLjM2OEwxNDAuMDUxLDYxLjM2OHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODENCgloLTI3LjE3NFY5Ljg4NGMwLTUuNDQ1LTQuNDEzLTkuODg0LTkuODg0LTkuODg0Yy01LjQ0NSwwLTkuODg0LDQuNDEzLTkuODg0LDkuODg0djguMTgxaC0yNC45MjljLTEyLDAtMjEuNzI5LDkuNzI5LTIxLjcyOSwyMS43MjkNCgl2OC44MjZ2MjkuNjI2djYwYzAsMTIuMDI2LDkuNzI5LDIxLjc1NSwyMS43MjksMjEuNzU1aDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMzMjAuMDI2LDI3Ljc5NCwzMTAuMjk3LDE4LjA2NSwyOTguMjk3LDE4LjA2NXogTTMwMC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgxODQuMzENCgljLTIuNCwwLTQuMzM1LTEuOTM1LTQuMzM1LTQuMzM1VjQyLjM3NGMwLTIuNCwxLjk2MS00LjMzNSw0LjMzNS00LjMzNWgyMi4zNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NA0KCWM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3N2gyNy4xNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NGM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3Nw0KCWgyMi4zNDhjMi40LDAsNC4zMzUsMS45NjEsNC4zMzUsNC4zMzVMMzAwLjA1MSw2MS4zNjhMMzAwLjA1MSw2MS4zNjh6Ii8+DQo8L3N2Zz4NCg=="); background-size: 32px 16px;
}
.icon-calendar-white {
	width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzIwcHgiIGhlaWdodD0iMTYwcHgiIHZpZXdCb3g9IjAgMCAzMjAgMTYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMjAgMTYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDNkNCRDEiIGQ9Ik0xMzguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRDOTguMDM5LDAsOTMuNiw0LjQxMyw5My42LDkuODg0djguMTgxDQoJSDY2LjQyNlY5Ljg4NEM2Ni40MjYsNC40MzksNjIuMDEzLDAsNTYuNTQyLDBjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODFIMjEuNzI5QzkuNzI5LDE4LjA2NSwwLDI3Ljc5NCwwLDM5Ljc5NHY4LjgyNg0KCXYyOS42MjZ2NjBDMCwxNTAuMjcxLDkuNzI5LDE2MCwyMS43MjksMTYwaDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMxNjAuMDI2LDI3Ljc5NCwxNTAuMjk3LDE4LjA2NSwxMzguMjk3LDE4LjA2NXogTTE0MC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgyNC4zMQ0KCWMtMi40LDAtNC4zMzUtMS45MzUtNC4zMzUtNC4zMzVWNDIuMzc0YzAtMi40LDEuOTYxLTQuMzM1LDQuMzM1LTQuMzM1aDIyLjM0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0DQoJYzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3aDI3LjE0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0YzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3DQoJaDIyLjM0OGMyLjQsMCw0LjMzNSwxLjk2MSw0LjMzNSw0LjMzNUwxNDAuMDUxLDYxLjM2OEwxNDAuMDUxLDYxLjM2OHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODENCgloLTI3LjE3NFY5Ljg4NGMwLTUuNDQ1LTQuNDEzLTkuODg0LTkuODg0LTkuODg0Yy01LjQ0NSwwLTkuODg0LDQuNDEzLTkuODg0LDkuODg0djguMTgxaC0yNC45MjljLTEyLDAtMjEuNzI5LDkuNzI5LTIxLjcyOSwyMS43MjkNCgl2OC44MjZ2MjkuNjI2djYwYzAsMTIuMDI2LDkuNzI5LDIxLjc1NSwyMS43MjksMjEuNzU1aDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMzMjAuMDI2LDI3Ljc5NCwzMTAuMjk3LDE4LjA2NSwyOTguMjk3LDE4LjA2NXogTTMwMC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgxODQuMzENCgljLTIuNCwwLTQuMzM1LTEuOTM1LTQuMzM1LTQuMzM1VjQyLjM3NGMwLTIuNCwxLjk2MS00LjMzNSw0LjMzNS00LjMzNWgyMi4zNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NA0KCWM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3N2gyNy4xNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NGM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3Nw0KCWgyMi4zNDhjMi40LDAsNC4zMzUsMS45NjEsNC4zMzUsNC4zMzVMMzAwLjA1MSw2MS4zNjhMMzAwLjA1MSw2MS4zNjh6Ii8+DQo8L3N2Zz4NCg=="); background-size: 32px 16px;
}
.icon-calendar-white {
	background-position: -16px 0px;
}
.icon-github {
	background-position: -125px -50px; width: 25px; height: 25px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjI1MHB4IiBoZWlnaHQ9Ijc1MHB4IiB2aWV3Qm94PSIwIDAgMjI1MCA3NTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyNTAgNzUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCQ0KCQk8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2MjQgMC45NjUgLTAuOTY1IDAuMjYyNCA1MzIuOTY2IC01MDcuMDk2NikiIGZpbGw9IiNCN0MwQzciIGN4PSI1OTguMTgyIiBjeT0iOTUuMDcyIiByeD0iMjIuOTAyIiByeT0iMTYuMzUyIi8+DQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTYyNC45OSwwQzU1NS45NywwLDUwMCw1NS45Nyw1MDAsMTI1czU1Ljk2LDEyNSwxMjQuOTksMTI1QzY5NC4wNCwyNTAsNzUwLDE5NC4wMyw3NTAsMTI1DQoJCVM2OTQuMDMsMCw2MjQuOTksMHogTTYzMS4zOCw5NS4zMWMwLDE5LjQxLTE4LjE2LDIxLjgzLTE4LjE2LDMwLjA4MWMwLDguMjYsMjQuMDksMTQuODcsMjQuMDksMzUuMzUNCgkJYzAsMzQuMTctNDIuMywzMi4yNS00Mi4zLDMyLjI1cy0zNi41NiwxLjMzLTM2LjU2LTI2LjIxczQxLjQ4LTI2LjQxLDQzLjYxLTI2LjQxYy0wLjUyLTYuMzMtNC43My01LjI4LTQuNzMtOC40di03LjcxDQoJCWMwLDAtMzEuMzksMy41MjEtMzEuMzktMjYuODhzMzUuOTItMzEuMjgsMzUuOTItMzEuMjhoMzUuNDRjMCw1LjQyLTE2LjE3LDMuNS0xNi4xNyw2LjM5QzYzMC4zMDEsNzYuNjYsNjMxLjM4LDgzLjY4LDYzMS4zOCw5NS4zMQ0KCQl6IE03MDMuODMxLDk4LjA3MWgtMjQuNjh2MjQuNjdoLTcuMjR2LTI0LjY3aC0yNC42OHYtNy4yNWgyNC42OFY2Ni4xMWg3LjI0djI0LjcxaDI0LjY4Vjk4LjA3MXoiLz4NCgk8cGF0aCBmaWxsPSIjQjdDMEM3IiBkPSJNNjAwLjY5MSwxODQuNDFjLTE0LjY0LDAuOTgtMjcuMDktNi44NS0yNy44Mi0xNy41M2MtMC43Mi0xMC42OCwxMC41Ny0yMC4xMywyNS4yLTIxLjEzDQoJCWMxNC42Mi0wLjk3LDI3LjA4LDYuODUsMjcuODEsMTcuNTNDNjI2LjU5LDE3My45NjEsNjE1LjMzMSwxODMuNDExLDYwMC42OTEsMTg0LjQxeiIvPg0KPC9nPg0KPGc+DQoJPHJlY3QgeD0iODM0LjA5IiB5PSIxMTEuNDQyIiBmaWxsPSIjQjdDMEM3IiB3aWR0aD0iMTcuNzciIGhlaWdodD0iNTMuNDM2Ii8+DQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg0My4xLDg1LjY5M2MtNi4xLDAtMTAuMDUsMy45OS0xMC4wNSw5LjIzOWMwLDUuMTI5LDMuODYsOS4yMzksOS44MSw5LjIzOWgwLjEyDQoJCWM2LjIxLDAsMTAuMDQtNC4xMSwxMC4wNC05LjIzOUM4NTIuOSw4OS42OTMsODQ5LjE3LDg1LjY5Myw4NDMuMSw4NS42OTN6Ii8+DQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg5NS40NSwxMTAuMTkxYy05LjQzLDAtMTMuNjY5LDUuMjA5LTE2LjAxLDguODV2MC4xNGgtMC4xMWMwLjAzLTAuMDMsMC4wOC0wLjEsMC4xMS0wLjE0di03LjU5OWgtMTcuNzUNCgkJYzAuMjEsNSwwLDUzLjQzNiwwLDUzLjQzNmgxNy43NVYxMzUuMDRjMC0xLjYsMC4xLTMuMTgsMC41OC00LjMxOWMxLjI5LTMuMTksNC4yLTYuNDksOS4xMS02LjQ5YzYuNDIsMCw4Ljk5MSw0LjksOC45OTEsMTIuMDY5DQoJCXYyOC41ODdoMTcuNzhWMTM0LjI3QzkxNS45MiwxMTcuODMsOTA3LjE2LDExMC4xOTEsODk1LjQ1LDExMC4xOTF6Ii8+DQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg3NS4wMiwwQzgwNS45NSwwLDc1MCw1NS45NTUsNzUwLDEyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCw1NS45MzUsOTQ0LjA3LDAsODc1LjAyLDB6IE05MzMuNzksMTc1LjY3NmMwLDQuNy0zLjg4LDguNDk5LTguNjcsOC40OTlIODI0LjkxYy00LjgzLDAtOC43MS0zLjgtOC43MS04LjQ5OVY3NC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVYxNzUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTM3NS4wMSwwQzMwNS45NjUsMCwyNTAsNTUuOTcsMjUwLDEyNC45OUMyNTAsMTk0LjAyLDMwNS45NjUsMjUwLDM3NS4wMSwyNTBTNTAwLDE5NC4wMyw1MDAsMTI0Ljk5DQoJQzUwMC4wMSw1NS45Nyw0NDQuMDU1LDAsMzc1LjAxLDAgTTQxMS4yNjcsNzQuMDloLTE3LjUxOWMtMy41LDAtNi45OTksMy42My02Ljk5OSw2LjMzdjE4LjA1aDI0LjQ4OA0KCWMtMC45OCwxMy44My0yLjk5LDI2LjQ4LTIuOTksMjYuNDhIMzg2LjY0djc4LjQxaC0zMi4yMTh2LTc4LjQxaC0xNS42NTl2LTI2LjRoMTUuNjU5di0yMS41NmMwLTMuOTUtMC43OS0zMC4zNiwzMi45ODgtMzAuMzYNCgloMjMuODQ5TDQxMS4yNjcsNzQuMDlMNDExLjI2Nyw3NC4wOXoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNCN0MwQzciIGQ9Ik0xMzc0Ljk5NSwwQzEzMDUuOTQyLDAsMTI1MCw1NS45NywxMjUwLDEyNXM1NS45NTIsMTI1LDEyNC45OTUsMTI1QzE0NDQuMDI4LDI1MCwxNTAwLDE5NC4wMywxNTAwLDEyNQ0KCQlTMTQ0NC4wMjcsMCwxMzc0Ljk5NSwweiBNMTQ0Ny4zMzgsMTUwLjc1YzAsMTIuMzktMTAuNjIsMjIuNDgtMjMuNjIxLDIyLjQ4aC05Ny4zNTRjLTEzLjAxLDAtMjMuNzMxLTEwLjEtMjMuNzMxLTIyLjQ4di01MS41DQoJCWMwLTEyLjI4LDEwLjcyLTIyLjQ3LDIzLjczMS0yMi40N2g5Ny4zNTRjMTMsMCwyMy42MjEsMTAuMTksMjMuNjIxLDIyLjQ3VjE1MC43NUwxNDQ3LjMzOCwxNTAuNzV6Ii8+DQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTE0MDQuMTA1LDEyMS40OGwtNDguMDczLTI2LjM0Yy0xLjc0LTAuOTYtNC4wNy0xLjEtNi0wLjM1Yy0xLjk0MSwwLjczLTMuMTgsMi4yNi0zLjE4LDMuODh2NTIuNjcNCgkJYzAsMS42MiwxLjI1LDMuMTMsMy4xOCwzLjg4YzAuODMsMC4zMSwxLjcsMC40NywyLjYyLDAuNDdjMS4xOCwwLDIuNC0wLjI3LDMuMzgtMC44M2w0OC4wNjItMjYuMzVjMS41MS0wLjgsMi4zNy0yLjEyLDIuMzctMy41MQ0KCQlDMTQwNi40NjYsMTIzLjYyLDE0MDUuNTY2LDEyMi4zMDEsMTQwNC4xMDUsMTIxLjQ4eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTEyNS4wMSwwQzU1Ljk2OSwwLDAsNTUuOTU5LDAsMTI0Ljk5OWMwLDY5LjAyLDU1Ljk2OSwxMjQuOTk5LDEyNS4wMSwxMjQuOTk5DQoJYzYyLjk1LDAsMTE1LjAxLTQ2LjUzOSwxMjMuNy0xMDcuMDdjMC44My00LjExLDEuMjItOC4zOCwxLjE1LTEyLjc2YzAuMDgtMS43MSwwLjE0LTMuNDMsMC4xNC01LjE2DQoJQzI0OS45OTksNTUuOTU5LDE5NC4wNSwwLDEyNS4wMSwweiBNMTgyLjU1LDEwMi4zMWMwLjA1LDEuMTgsMC4wNiwyLjMzLDAuMDYsMy41YzAsMzUuNjgtMjcuMTUsNzYuODMtNzYuODIsNzYuODMNCgljLTE1LjI2OSwwLTI5LjQ0LTQuNDQtNDEuNC0xMi4xMjljMi4xMSwwLjI0LDQuMjYsMC4zNyw2LjQzLDAuMzdjMTIuNjUsMCwyNC4yOS00LjI5LDMzLjU1LTExLjU0DQoJYy0xMS44Mi0wLjIyLTIxLjgtOC4wNC0yNS4yNi0xOC43NWMxLjY2LDAuMzEsMy4zNiwwLjQ5LDUuMTEsMC40OWMyLjQzLDAsNC44My0wLjM0LDcuMDktMC45NWMtMTIuMzUtMi40OC0yMS42Ny0xMy4zOS0yMS42Ny0yNi40Nw0KCWMwLTAuMTQsMC0wLjIzLDAtMC4zNGMzLjY2LDIuMDEsNy44MiwzLjI0LDEyLjI1LDMuMzhjLTcuMjgtNC44Ni0xMi4wMy0xMy4xMi0xMi4wMy0yMi40OWMwLTQuOTYsMS4zNC05LjU3LDMuNjYtMTMuNTkNCgljMTMuMzMsMTYuMzYsMzMuMjIsMjcuMDksNTUuNjgsMjguMjJjLTAuNDctMS45Ny0wLjcxLTQuMDYtMC43MS02LjE3YzAtMTQuOTIsMTIuMTItMjcuMDA5LDI3LjAxOS0yNy4wMDkNCgljNy43NiwwLDE0Ljc3LDMuMjksMTkuNyw4LjU0YzYuMTgtMS4yMiwxMS45NC0zLjQ1LDE3LjE3LTYuNTZjLTIuMDEsNi4zLTYuMjksMTEuNTktMTEuODksMTQuOTRjNS40OS0wLjYzLDEwLjY5LTIuMSwxNS41MS00LjI1DQoJQzE5Mi4zODksOTMuNzYsMTg3LjgyLDk4LjUsMTgyLjU1LDEwMi4zMXoiLz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0xMzc0Ljk4NCw1MDBDMTMwNS45NjcsNTAwLDEyNTAsNTU3LjM4MSwxMjUwLDYyOC4xNzJjMCw1Ni42MjEsMzUuODA4LDEwNC42NjIsODUuNDg3LDEyMS42MTMNCgljNi4yNSwxLjE4LDguNTMtMi43OCw4LjUzLTYuMThjMC0zLjA0LTAuMTEtMTEuMS0wLjE3LTIxLjhjLTM0Ljc2OSw3Ljc1LTQyLjEwOC0xNy4xOC00Mi4xMDgtMTcuMTgNCgljLTUuNjgtMTQuODEtMTMuODc5LTE4Ljc1LTEzLjg3OS0xOC43NWMtMTEuMzQ5LTcuOTUsMC44Ni03Ljc5LDAuODYtNy43OWMxMi41MzksMC45MSwxOS4xNSwxMy4yMSwxOS4xNSwxMy4yMQ0KCWMxMS4xNSwxOS41OSwyOS4yNTksMTMuOTMsMzYuMzc4LDEwLjY1YzEuMTQxLTguMjgsNC4zNTktMTMuOTMsNy45NC0xNy4xM2MtMjcuNzU5LTMuMjMtNTYuOTM3LTE0LjIzLTU2LjkzNy02My4zNDENCgljMC0xMy45OSw0Ljg3LTI1LjQzLDEyLjg3LTM0LjM5MWMtMS4yOS0zLjI0LTUuNTctMTYuMjcsMS4yMjktMzMuOTIxYzAsMCwxMC41LTMuNDUxLDM0LjM2OCwxMy4xNA0KCWM5Ljk2OS0yLjg0LDIwLjY2LTQuMjYxLDMxLjI4OS00LjMxYzEwLjYwOSwwLjA1LDIxLjMwOSwxLjQ3LDMxLjI4OSw0LjMxYzIzLjg1OS0xNi41ODEsMzQuMzM4LTEzLjE0LDM0LjMzOC0xMy4xNA0KCWM2LjgxOSwxNy42NSwyLjUzLDMwLjY4MSwxLjI0LDMzLjkyMWM4LjAxLDguOTYxLDEyLjg1LDIwLjQsMTIuODUsMzQuMzkxYzAsNDkuMjQxLTI5LjIyOSw2MC4wNzEtNTcuMDY4LDYzLjI0MQ0KCWM0LjQ5LDMuOTYsOC40OSwxMS43OCw4LjQ5LDIzLjczMWMwLDE3LjEzLTAuMTUsMzAuOTYtMC4xNSwzNS4xNjFjMCwzLjQzLDIuMjUsNy40MTEsOC42LDYuMTYNCgljNDkuNjI4LTE2Ljk4LDg1LjQwNy02NC45OTEsODUuNDA3LTEyMS41OTNDMTQ5OS45OSw1NTcuMzgxLDE0NDQuMDIyLDUwMCwxMzc0Ljk4NCw1MDB6Ii8+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyOS40NzksNjI1LjY2MWMwLjgzLTAuMjcsMS42OC0wLjUyLDIuNTItMC43NmMtMS42MS0zLjY0LTMuMzYtNy4yOC01LjE4OS0xMC44Nw0KCQljLTMxLjk4Nyw5LjU3LTYzLjAzNSw5LjE3LTY1LjgzNSw5LjEyYy0wLjAyLDAuNjUtMC4wMywxLjMtMC4wMywxLjk1OWMwLDE2LjQ1LDYuMjQsMzEuNDgsMTYuNDY5LDQyLjgzDQoJCUMxNTc4Ljg2NCw2NjUuNDUxLDE1OTYuNDQyLDYzNi4zNDEsMTYyOS40NzksNjI1LjY2MXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyMS41Miw2MDQuMTdjLTEwLjYxLTE4Ljg3LTIyLjA1OC0zNC43My0yMy43NDktMzcuMDVjLTE3LjkxOCw4LjQ1LTMxLjMxOCwyNC45OC0zNS40NjgsNDQuODUNCgkJQzE1NjUuMTY0LDYxMi4wMSwxNTkxLjU1Myw2MTIuMTMsMTYyMS41Miw2MDQuMTd6Ii8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE2NjcuNDY2LDU3Ny4xODFjLTExLjMxLTEwLjA0LTI2LjE4OC0xNi4xNC00Mi40NjctMTYuMTRjLTUuMTY5LDAtMTAuMTg5LDAuNjItMTUuMDA5LDEuNzgNCgkJYzEuNzcsMi4zNywxMy40MDksMTguMjIsMjMuODk4LDM3LjVDMTY1Ni42NjcsNTkxLjc4LDE2NjYuMzA3LDU3OC44MjEsMTY2Ny40NjYsNTc3LjE4MXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYzNS45MjksNjM1LjYzMWMtMzYuMTI3LDEyLjU5LTQ5LjA5NiwzNy42NS01MC4yNTYsNDAuMDFjMTAuODU5LDguNDcsMjQuNTA4LDEzLjUyLDM5LjMxNywxMy41Mg0KCQljOC44NywwLDE3LjMyOS0xLjgyLDI1LjAxOC01LjA5Yy0wLjk1LTUuNjItNC42Ny0yNS4yMS0xMy42NjgtNDguNThDMTYzNi4yMTgsNjM1LjU0LDE2MzYuMDc4LDYzNS41ODEsMTYzNS45MjksNjM1LjYzMXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyNS4wMSw1MDBjLTY5LjA0NSwwLTEyNS4wMSw1NS45Ny0xMjUuMDEsMTI0Ljk5YzAsNjkuMDMsNTUuOTY1LDEyNS4wMSwxMjUuMDEsMTI1LjAxDQoJCVMxNzUwLDY5NC4wMywxNzUwLDYyNC45OUMxNzUwLjAxLDU1NS45NzEsMTY5NC4wNTQsNTAwLDE2MjUuMDEsNTAweiBNMTYyNSw3MDAuMDAxYy00MS4zNDcsMC03NC45OTQtMzMuNjUtNzQuOTk0LTc1DQoJCXMzMy42NDctNzUsNzQuOTk0LTc1czc0Ljk5NCwzMy42NSw3NC45OTQsNzVTMTY2Ni4zNDcsNzAwLjAwMSwxNjI1LDcwMC4wMDF6Ii8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE2NDguMzQ4LDYzMi41MzFjOC4zNzksMjMuMDIxLDExLjc4OSw0MS43ODEsMTIuNDQ5LDQ1LjY4YzE0LjM2OS05LjcyLDI0LjU5OS0yNS4xMSwyNy40NTgtNDIuOTQNCgkJQzE2ODYuMDU1LDYzNC41NywxNjY4LjQxNiw2MjkuMzEsMTY0OC4zNDgsNjMyLjUzMXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYzOC44MTksNjA5Ljg1MWMxLjQ5LDMuMDUsMi45Miw2LjE1LDQuMjUsOS4yOGMwLjQ2OSwxLjExLDAuOTMsMi4yMSwxLjM4LDMuMzENCgkJYzIxLjMxOS0yLjY4LDQyLjQ5NywxLjYyLDQ0LjYwNywyLjA2Yy0wLjE0LTE1LjEyLTUuNTQtMjktMTQuNDY5LTM5LjkxQzE2NzMuMjM2LDU4Ni40MTEsMTY2Mi40OTcsNjAwLjE4LDE2MzguODE5LDYwOS44NTF6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTgyMy45MjQsNjAzLjE5Yy0xLjk1LTEuMzYtNC4yMzktMi4xLTYuNjQ5LTIuMWMtNi41MywwLTExLjg0OSw1LjQ2LTExLjg0OSwxMi4xNw0KCQljMCwzLjUzLDEuNTEsNi44Myw0LjAzLDkuMTFDMTgxMi4wNTUsNjE1LjE4LDE4MTcuMDk0LDYwOC42NCwxODIzLjkyNCw2MDMuMTl6Ii8+DQoJPGVsbGlwc2UgZmlsbD0iI0QzRDlERCIgY3g9IjE5MjcuMTg2IiBjeT0iNTY0LjQ5IiByeD0iOC42NzkiIHJ5PSI4LjkyIi8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE4NzQuODcsNTkyLjY3MWMtMzQuMTY3LDAtNjEuOTY1LDE4LjM0LTYxLjk2NSw0MC44OGMwLDIyLjU0LDI3Ljc5Nyw0MC44OCw2MS45NjUsNDAuODgNCgkJYzM0LjE2NywwLDYxLjk2NS0xOC4zNCw2MS45NjUtNDAuODhDMTkzNi44MzUsNjExLjAxMSwxOTA5LjAzNyw1OTIuNjcxLDE4NzQuODcsNTkyLjY3MXogTTE4NDIuODQyLDYyNS4zNA0KCQljMC02LjAyLDQuNzUtMTAuOSwxMC42MTktMTAuOWM1Ljg2LDAsMTAuNjE5LDQuODgsMTAuNjE5LDEwLjlzLTQuNzUsMTAuOS0xMC42MTksMTAuOQ0KCQlDMTg0Ny41OTIsNjM2LjI1LDE4NDIuODQyLDYzMS4zNywxODQyLjg0Miw2MjUuMzR6IE0xODk5Ljg5OCw2NTQuODRjLTAuMzIsMC4zNC03Ljk0LDguMy0yNS4xNDgsOC4zDQoJCWMtMTcuMzA5LDAtMjQuMjI4LTguMDctMjQuNTE5LTguNDFjLTAuOTgtMS4xNzEtMC44NC0yLjkzLDAuMy0zLjkzYzEuMTMtMC45OSwyLjgzLTAuODYsMy44MSwwLjI5DQoJCWMwLjE2LDAuMTcsNS45MjksNi40OCwyMC40MDksNi40OGMxNC43MjksMCwyMS4xNzgtNi41MywyMS4yNDgtNi42YzEuMDQtMS4wOSwyLjc1OS0xLjEyLDMuODMtMC4wNQ0KCQlDMTkwMC44ODgsNjUxLjk5MSwxOTAwLjkyOCw2NTMuNzMxLDE4OTkuODk4LDY1NC44NHogTTE4OTcuNzg4LDYzNi4yNWMtNS44NywwLTEwLjYxOS00Ljg4LTEwLjYxOS0xMC45czQuNzUtMTAuOSwxMC42MTktMTAuOQ0KCQljNS44NiwwLDEwLjYxLDQuODgsMTAuNjEsMTAuOUMxOTA4LjM5Nyw2MzEuMzcsMTkwMy42NDcsNjM2LjI1LDE4OTcuNzg4LDYzNi4yNXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTkzMi43MTUsNjAxLjFjLTIuNDYsMC00LjgsMC43Ny02Ljc3OSwyLjJjNi44MjksNS40NywxMS44MzksMTIuMDMsMTQuMzk5LDE5LjI2DQoJCWMyLjY0LTIuMjksNC4yMy01LjY2LDQuMjMtOS4yOUMxOTQ0LjU2NCw2MDYuNTUsMTkzOS4yNTUsNjAxLjEsMTkzMi43MTUsNjAxLjF6Ii8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE4NzUuMDEsNTAwYy02OS4wNDUsMC0xMjUuMDEsNTUuOTctMTI1LjAxLDEyNC45OWMwLDY5LjAzLDU1Ljk2NSwxMjUuMDEsMTI1LjAxLDEyNS4wMQ0KCQlTMjAwMCw2OTQuMDMsMjAwMCw2MjQuOTlDMjAwMC4wMSw1NTUuOTcxLDE5NDQuMDU1LDUwMCwxODc1LjAxLDUwMHogTTE5NDEuODI1LDYyOC4zMWMwLjI4LDEuNzIsMC40NCwzLjQ3LDAuNDQsNS4yNA0KCQljMCwyNS42MS0zMC4yMjcsNDYuNDUtNjcuMzg1LDQ2LjQ1Yy0zNy4xNTgsMC02Ny4zODUtMjAuODQtNjcuMzg1LTQ2LjQ1YzAtMS44MywwLjE3LTMuNjIsMC40Ny01LjM5DQoJCWMtNC45MS0zLjI2LTcuOTQ5LTguODQtNy45NDktMTQuODljMC05Ljc4MSw3Ljc0OS0xNy43NCwxNy4yNzktMTcuNzRjNC4xOSwwLDguMTQsMS41NCwxMS4yOCw0LjMzDQoJCWMxMS42NDktNy42MSwyNy4yMjgtMTIuMzksNDQuMzk2LTEyLjcybDEyLjA3LTM1LjIybDI5LjA3OCw3LjE0YzIuMDk5LTUuMyw3LjE2LTkuMDUsMTMuMDY5LTkuMDVjNy43NzksMCwxNC4xMDksNi41LDE0LjEwOSwxNC40OQ0KCQljMCw3Ljk5LTYuMzMsMTQuNDktMTQuMTA5LDE0LjQ5Yy03Ljc2OSwwLTE0LjA4OS02LjQ4LTE0LjEwOS0xNC40NmwtMjQuNTQ4LTYuMDNsLTkuODMsMjguNjgNCgkJYzE2LjQ3OSwwLjY0LDMxLjM4OCw1LjM5LDQyLjYyNywxMi43N2MzLjE2LTIuODUsNy4xNS00LjQzLDExLjM4OS00LjQzYzkuNTI5LDAsMTcuMjc5LDcuOTYsMTcuMjc5LDE3Ljc0DQoJCUMxOTQ5Ljk5NCw2MTkuNDExLDE5NDYuODY0LDYyNS4wOCwxOTQxLjgyNSw2MjguMzF6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMjE4NS4xODUsNjA5Ljg4MWMwLjM4OSwwLjYyLDEuMDUxLDEuMjcsMS42MSwxLjc1YzAuNTUsMC40OCwxLjEwOSwwLjk4LDEuODY5LDAuOTUNCgkJYzAuMjItMC4wMSwxLjI3MS0wLjE2LDEuNDMtMC4yOWMwLjAyLTAuMDIsMC4wNC0wLjA2LDAuMDUtMC4wOGMtMC42NC0zLjI4LTEuNTItNi40Ny0yLjYyOS05LjU2Yy0wLjA3LDAuMTMtMC4xNSwwLjI1LTAuMzAxLDAuMzgNCgkJYy0wLjM2OSwwLjMzLTAuODEsMC40NC0xLjEzOSwwLjg2Yy0wLjMxMSwwLjM5LTAuMjUsMC43LTAuNTAxLDEuMTYxYy0wLjEyLDAuMjItMC40MDksMC4zMS0wLjUzLDAuNTcNCgkJYy0wLjI3MSwwLjU4LDAuMDQsMS40OSwwLjAxLDIuMTNDMjE4NS4wMjUsNjA4LjUzMSwyMTg0Ljc2NSw2MDkuMjExLDIxODUuMTg1LDYwOS44ODF6Ii8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxMzMuNjU4LDU2MS45NGMwLjY5LDAuMTEsMS4zOSwwLjIxLDIuMDgsMC4zMmMtMSwzLjAyLTYuMjA5LDEtOC4zNjksMWMxLjY5LTAuNjYsNC4yMi0xLjU0LDUuNjQtMi41OA0KCQljMC43NS0wLjU1LTAuMDEtMC45MSwxLjAxLTEuNDVjLTIuOTU5LTAuNDAxLTUuOTY5LTAuNjMtOS4wMy0wLjYzYy00Ljc0LDAtOS4zNjksMC41MS0xMy44MjksMS40NmgwLjI0DQoJCWMtMC45OSwwLjU3LTIuOTA5LDIuNDQtMS43OSwzLjYxYzEuMTAxLDEuMTQxLDIuNC0wLjYxLDMuNS0xLjE2YzIuNTUtMS4yOCw1Ljk0OS0xLjQxLDguNzgtMS45NmMtMC41LDEuMzMtNC41MjksMC44NS01LjkzOSwxLjM2DQoJCWMtMS43NywwLjY1LTAuOTgsMS4xLTIuMjIsMy4wOGMwLjUzLTAuMDYsMS4xMDEsMC4yNSwxLjY0LDAuMjR2MC4zNmMtMS4yMTktMC4xMS0yLjM4LTAuNjgtMi42NCwwLjc2DQoJCWMtMS41Ni0yLjM0LTIuNTgtMi4xNS00LjI0LTAuMDhjMS42NCwwLjkxLDMuMjYsMi4wNSwxLjk2LDMuNjJjLTEuNTgsMS45MS0yLjUzLTAuNDQtMC45Mi0xLjQyYy0xLjQ3LTAuNjgtMi42MS0xLjgzLTMuNzYtMC4zNg0KCQljMC40OTEtMC4wNSwxLjAyLDAuMiwxLjUyLDAuMmMtMC4yODEsMC40MDEtMC41NiwxLjcxLTAuODMsMS44NmMtMC42MywwLjM2LTIuOTctMC40My0zLjY1OS0wLjUxYy0xLjc0LTAuMjEtMy40Ni0wLjE2LTUuMjI5LTAuMDcNCgkJYzAuMzIxLDIuMTctMi4xMDksMC4wOS0zLTAuNDRjMS42MS0xLjYzLDMuNTU5LTEuMDEsNS40Mi0wLjc2YzEuNTUsMC4yMSwzLjg1LDAuMiw0LjAzLTEuNzdjLTEuNjktMC4zNi0yLjUyLTAuMjUtMy4zOS0xLjU0DQoJCWMtMC4zNC0wLjUxLTAuNTctMS4wNC0wLjY1LTEuNTdjLTEwLjU0OSw0LjMxLTE5LjczOSwxMS4yNi0yNi43NjgsMjAuMDJjMS41NiwxLjA4LDMuMjMsMi4zOCwzLjg3LDIuOTMNCgkJYzEuMTIsMC45NiwxLjY3LDIuMTEsMi4zNywzLjI4YzAuMDQsMC4wNiwwLjY1LDEuMDMsMC45LDEuNDJjMC43NiwwLjc2LDEuMzcsMS42MiwxLjU0LDIuNjVjMC4yMSwxLjI1LTAuMjYsMi4yOC0wLjM3OSwzLjU4DQoJCWMtMC4zNTEsMy45OCwwLjIxLDcuNywzLjMxLDEwLjQ5YzAuODYsMC43OCwxLjk4LDEuMTgsMi44MzksMS45OWMwLjg5LDAuODUsMC43OCwxLjQyLDEuMzIsMi4zMWMxLjQyLDIuMzYsMy4zMiw0LjU3LDQuOTYsNi44DQoJCWMxLjQzLDEuOTQ5LDIuMDMsMS41NywwLjYyLTAuNDRjLTAuOTYtMS4zNy0yLjE0OS0yLjcxLTIuOTM5LTQuMTdjLTAuMDgtMC4xNS0wLjg5LTIuMDctMC42My0yLjAyYzIuMjIsMC40NywyLjY3LDEuOTgsNC4xMSwzLjc2DQoJCWMxLjQyLDEuNzUsMi42MywyLjczLDMuNDUsNC44NGMwLjk3LDIuNDUsMi40NCwzLjY1LDQuODUsNC43M2MxLjE4OSwwLjUzLDMuMTMsMS45NCw0LjM5OSwyLjExYzEuNSwwLjIsMi4yOS0wLjc4LDMuNzA5LTAuMQ0KCQljMC45NCwwLjQ1LDEuNjcsMS45LDIuODM5LDIuMjRjMS4xMTksMC4zMywxLjg2OS0wLjA5LDIuOTIsMC42MmMxLjI1LDAuODUsMS42OSwyLjMxLDIuODY5LDMuMmMwLjg0LDAuNjQsMi4wNTksMS40NCwzLjEzLDEuNjINCgkJYzAuNzcsMC4xMywxLjYyLTAuNDUsMi4zOC0wLjJjMS4zOCwwLjQ1LDEuNjksMi4xMywxLjI4MSwzLjQ3Yy0wLjQ1OSwxLjUtMS44NywyLjQzLTIuNDQsMy45M2MtMC41MSwxLjM1LTAuMTksMi41LTAuMzYxLDMuNzgNCgkJYy0wLjE4LDEuMzMtMS4yNS0wLjAxLTAuMTgsMi4yNGMwLjUsMS4wNSwxLjIzLDIuMDEsMS44NjksMi45N2MxLjI2LDEuOTEsMi4xNTksMy41OCwzLjg1LDUuMTJjMS4xOTksMS4wOSwzLjgwOSwyLjM2LDQuNDA5LDMuOTgNCgkJYzAuNTMsMS40NCwwLjA5LDQuNi0wLjE4LDYuMTFjLTAuNTYsMy4xNy0wLjQ3OSw2Ljk5LTEuMzU5LDkuOTRjLTAuODUsMi44Ny0xLjg1LDMuNzItMS4xMSw2Ljg1YzAuMzExLDEuMzQsMC41NSwwLjY5LDAsMi40MQ0KCQljLTAuMTYsMC41LDAsMC43LTAuMTksMS4yYy0wLjM5OSwxLjA3LTEuMzQ5LDEuNjktMS43NiwyLjc5YzEuNTEsMC4wNywxLjQsMC42LDAuOTIsMS4yYzIuNTQtMC4yMSw1LjAzOS0wLjU0LDcuNDg5LTEuMDMNCgkJYy0wLjQyOS0wLjQ1LTAuODktMC45MS0wLjg5LTEuMjNjMC0wLjM1LDEuMzU5LTIuMDksMS41NC0yLjUyYzAuMjkxLTAuNjksMC41MDEtMi4xOSwwLjkyLTIuNzNjMC43Mi0wLjkxLDIuMjgtMC41NywxLjk3OS0yLjI4DQoJCWMzLjQ4LTAuMDQsNC45Ny0wLjU2LDUuNTUtNC4xYy0wLjYyLTAuMzEtMC40OS0wLjEzLTAuNTktMC42N2MwLjEyLDAuNjQsMi42LTAuMjYsMi44MzksMC4xOWMwLjE4LDAuMzUsMy4zMy0zLjk2LDMuNjc5LTQuMzINCgkJYzAuODktMC45NSwxLjY3LTEuNjYsMi4yNC0yLjhjMC4yMi0wLjQ0LDAuNDU5LTEuOCwwLjkzLTIuNDdjLTAuMDMsMC4xMi0wLjA3LDAuMjMtMC4xMSwwLjM0YzEuMTItMS43OCwyLjU1LTEuNTYsNC4xNy0yLjI4DQoJCWMxLjYxLTAuNzIsMC40NS0wLjUyLDEuNjMtMS42NGMxLjQxLTEuMzMsMS43My0wLjU3LDIuMTMtMi43NmMwLjMtMS42Mi0wLjA5LTMuMDksMC40MjktNC41NWMwLjY2LTEuODQsMi4yNC0yLjQ0LDMuMjktNA0KCQljMC44LTEuMTksMS41Ni0zLjE0LDAuNDctNC4zNGMtMC45LTEtMy41ODktMS44Mi00LjgxLTIuMTFjLTEuNDQtMC4zNC0zLjA5LTAuMzctNC40MzktMC45MmMtMS41OC0wLjY0LTIuODk5LTIuMzItMy42OTksMC4yOA0KCQljLTAuMjYtMC4xOS0xLjM1LTAuNzktMS4zNS0xLjA4YzAsMC41NywxLjU0LTAuNTEsMS43NS0wLjc2Yy0wLjY2LDAuMDUtMi45MDksMC41NS0zLjI0LDAuMzNsMCwwYzAuMTYsMC4xMiwwLjU2LDAuMDYsMC43NCwwLjA5DQoJCWMtMC42OSwwLjM3LTAuODMsMC4yNS0wLjc0LTAuMDljMCwwLTAuMDEsMC0wLjAyLTAuMDFjMCwwLDAuMDIsMCwwLjAyLDAuMDFjMC4xOS0wLjY1LDEuMy0yLjEsMS4zMi0yLjM5DQoJCWMwLjEyLTEuNjEtMi4yMTktMy40NC0zLjQ4LTMuOGMtMS43My0wLjUtMi43Mi0wLjI4LTQuMi0xLjM2Yy0xLjgtMS4zMi0zLjU0OS0yLjc4LTUuODQtMy4wNGMtMC40NzktMC4wNS0xLjAxLDAuMjEtMS41MSwwLjE0DQoJCWMtMS4yNDEtMC4xOC0xLjY1LTAuOTgtMi42OC0xLjI0Yy0xLjI3LTAuMzItMS43NSwwLjc4LTIuNTEsMC43N2MtMS4xMiwwLTEuMzgtMS4xNy0zLjAyLTAuMTljLTIuNDIsMS40Ni0xLjEsMi4zNy0zLjg2LDEuNjcNCgkJYy0xLjQ2LTAuMzctMy4xLDAuNTItNC40ODktMC40NGMtMS4yNi0wLjg3LTEuNTQtMy4yOC0wLjMyLTQuMjk5Yy0wLjYyLDAuNTItMC42LTEuMTItMS4wNTEtMS40MmMtMC43Mi0wLjQ3LTEuODksMC4wOC0yLjcyLTAuMTINCgkJYy0xLjEyLTAuMjctMS43Ny0wLjM3LTEuNTItMS40NmMwLjI4LTEuMTgsMy4zOS00LjM5LDAuMjEtNC4zMDFjLTEuNzMsMC4wNS0yLjI5LDIuNjItNC4xMywzYy0yLjA2OSwwLjQyLTMuODctMC4yOC00Ljk1LTIuMTENCgkJYy0yLjIzLTMuODIsMS4zMS04LjUyLDQuOTQtOC44NWMyLjgyOS0wLjI2LDYuOTc5LTIuMzUsOS4wNDksMC43N2MwLjYsMC45MSwyLjA4OSw0LjQzLDIuODU5LDIuMTVjMC4yMy0wLjY5LTAuNi0zLjcxLTAuODYtNC45Nw0KCQljLTAuMDEsMC4wMS0wLjAyLDAuMDItMC4wMywwLjA0Yy0wLjAxLTAuMTQtMC4wMy0wLjI3LTAuMDQtMC40MWMwLjAxLDAuMDksMC4wNCwwLjIyLDAuMDcsMC4zN2MwLjUtMC43OCwxLjI4MS0xLjMxLDEuOTYtMS45NTENCgkJbDAsMGMwLjEtMC4wOSwwLjItMC4xOSwwLjI5MS0wLjI5Yy0wLjA5LDAuMS0wLjE5LDAuMTktMC4yOTEsMC4yOWMwLjc0LTAuNzIsMi42NS0xLjU4LDIuOTgtMi41OGMwLjE4LTAuNTUtMC42NS0xLjI3LTAuMjItMi4wMw0KCQljMC4zMzktMC41OSwxLjE1OS0wLjM1LDEuNDgtMC43NGMwLjQ1OS0wLjU2LDAuNTItMS40OCwxLTIuMDdjMC41LTAuNiwxLjQ2LTAuNjgsMS45Ni0xLjE0YzEuMTU5LTEuMDUsMS40OC0yLjI2LDIuODM5LTIuOQ0KCQljMS4yODEtMC44NywyLjY1LTIuMzYsNC4yOC0xLjY4Yy0wLjU5LDAuNjgtMi4wOSwxLjA5LTIuNTIsMS43MmMtMC4zLDAuNDMsMi4yMiwwLjE5LDIuNTYsMC4wN2MxLjQyLTAuNTIsMi41NC0xLjU4LDMuNzI5LTIuMzYNCgkJYzIuMDU5LTEuMzYsNC40NDktMS40Myw2LjkyOS0wLjkzYzAuNzYsMC4xNS0xLjM4LTIuOTItMS42LTMuMThjLTAuODYtMC45OS0xLjA4LTEuODctMi40Ny0wLjU5Yy0wLjQwOSwwLjM3LTAuODMsMS42NC0xLjEyLDIuMTYNCgkJYy0wLjg4LDEuNi0wLjY4LDEuMzktMi41OTksMi4zOGMwLjEtMC4wNSwwLjItMC4xLDAuMy0wLjE2Yy0xLjQsMC4yOC0yLjc0LDAuODktMy4zMS0wLjg1Yy0wLjE5LTAuNTgsMC42Mi0xLjQzLDAuMTctMi4wMQ0KCQljLTEtMS4yOS00LjMxOSwxLjQzLTUuNDc5LDEuODZjMC42MS00Ljc3LDYuMjUtMi4yNiw5LjI1OS0zLjIxYzAuODItMC4yNiwzLjktMS40NCw0LjA3LTIuMjJjMC4yNS0xLjE1MS0yLjQ0LTMuMDItMy4wNS0zLjU1DQoJCWMtMS4zMi0xLjEzLTIuMDMxLTEuNzgtMi43NzEtMy41M2MtMC43OS0xLjg3LTEuMzEtMy43NC0zLjMtMi4zNmMtMC43NCwwLjUxLTAuMjEsMS42My0xLjQ4LDEuOGMtMC44LDAuMTEtMS42My0wLjktMi4wODktMS4zOA0KCQljLTAuNjktMC43Mi0xLjQxLTIuNDgtMi42OC0yLjY0Yy0xLjA5LTAuMTMtNC4xMy0xLjc0LTUuNTUtMC43Yy0xLjA4OSwwLjgsMC4xNSwzLjgsMC40NzksNC44OGMwLjcxLDIuMzIsMS4xNSwyLjQxLTAuODIsMy44Ng0KCQljLTAuOTcsMC43MS0xLjU1LTAuMDUtMS4xOTksMS44N2MwLjE4LDEsMS4yNiwxLjE5LDAuNDksMi4wNmMtMC40NywwLjUzLTEuNiwwLjQ4LTIuMTUsMC4yMmMtMS43Mi0wLjgtMC4xOS0xLjg4LTEuMDEtMy4wMg0KCQljLTAuNjEtMC44NS0zLjktMS41NS01LjAyOS0yLjA2Yy0yLjQ5LTEuMTMtOS4wNi0yLjMyLTcuMDM5LTYuMThjMC41NS0xLjA1LDIuNi0yLjU5LDMuNTM5LTMuMTljMC45Ni0wLjYyLDIuMTUtMC43OSwyLjk1LTEuNjQNCgkJYzAuNDQ5LTAuNDgsMC40NzktMS44LDAuODktMi4xM2MwLjU3LTAuNDcsMi4yMy0wLjI1LDMuMTEtMC4yMmMzLjgzLTAuNzcsMC4zNDEtNi4zMiw1LjM4LTUuMzJjMS4zOSwwLjI4LDIuNzc5LDEuNjksMy45MywyLjQ3DQoJCWMxLjI5LDAuODgsMS43MiwwLjc4LDEuMzEsMi4xM2MtMC4xLDAuMzEtMS41NCwxLjcxLTEuODk5LDJjLTAuNjcsMC41Mi0xLjc2LDAuNzYtMi41NCwxLjA4YzIuNjMsMCwzLjcyOS0wLjEzLDUuODgsMS4zDQoJCWMxLjg0LDEuMjIsMi45OSwyLjA0LDUuMjQ5LDEuOTUxYy0wLjE0LTEuMS0yLjA3OS0wLjY3LTItMS43NmMwLjA2LTAuOTIsMS4yMywwLjI5LDEuMzgsMC4zYzAuNjMsMC4wMywyLjI2LDAuNzgsMS45LTAuOTgNCgkJYy0wLjMxMS0xLjU0LTMuNjc5LTAuODEtMi42LTMuMzJjMS41Mi0wLjE3LDEuMTA5LDEuNSwyLjEwOSwxLjg2YzEuMDcsMC4zNzksMi40Ni0wLjkyLDIuNjktMS44MmMtMS41LTAuNzYtNi4wNzktMi01LjU2LTQuMTYNCgkJYzMuMDYsMS45NDksNi4xMDksMy45LDkuMTY5LDUuODRjLTIuNDgsMi4yMSwxLjgsMC45NywyLjA1OSwxLjAzYzAuNzMsMC4xOCwyLjU4LDEuNzgsMS4zNywyLjA4Yy0xLjI2LDAuMzEtMS45MDktMS41MS0zLjE5LTAuMTUNCgkJYzEuMDYxLDAuMjgsNC44MSwwLjQ5LDMuODEsMi41MmMtMC4zOTksMC44MS0yLjgwOSwwLjY3LTMuNTI5LDIuMjVjMC41Mi0wLjEsMS4wOCwwLjA1LDEuNi0wLjA4Yy0xLjE0OSwxLjc5LDAuNTUsMi45OCwxLjQ5LDQuNDENCgkJYzEuMDYsMS42MywyLjU1LDQuMTIsNC42Niw0LjY0YzQuNDg5LDEuMSwzLjk1LTYuMiw3LjM1OS03LjM1YzAuOTQtMC4zMiwxLjk3LTAuMDksMi45Mi0wLjM1YzEuMDYxLTAuMywxLjYzLTEuMDYsMi40Ny0xLjY0DQoJCWMyLjA4LTEuNDMsMy44OC0xLjQ0LDYuNDYtMS41MmMwLjA2LDAsMC4xMywwLDAuMiwwYy05LjI2OS05Ljc2LTIxLjQ2OS0xNi43MS0zNS4xNzctMTkuNDMNCgkJQzIxMzYuNDA5LDU2MC4zOCwyMTM0Ljk1OSw1NjEuMDgsMjEzMy42NTgsNTYxLjk0eiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0yMTIxLjIyOSw1NzEuOTExYy0wLjA2LDAtMC4xMywwLTAuMTktMC4wMWMtMC4wMSwwLTAuMDIsMC4wMS0wLjAzLDAuMDFIMjEyMS4yMjl6Ii8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxMjUuMDEsNTAwYy02OS4wNDUsMC0xMjUuMDEsNTUuOTctMTI1LjAxLDEyNC45OWMwLDY5LjAzLDU1Ljk2NSwxMjUuMDEsMTI1LjAxLDEyNS4wMQ0KCQlTMjI1MCw2OTQuMDMsMjI1MCw2MjQuOTlDMjI1MC4wMSw1NTUuOTcxLDIxOTQuMDU0LDUwMCwyMTI1LjAxLDUwMHogTTIxMjQuOTk5LDcwMC4wMDFjLTQxLjQxNywwLTc0Ljk5NC0zMy41OC03NC45OTQtNzUNCgkJczMzLjU3Ny03NSw3NC45OTQtNzVjNDEuNDE3LDAsNzQuOTk0LDMzLjU4LDc0Ljk5NCw3NVMyMTY2LjQxNiw3MDAuMDAxLDIxMjQuOTk5LDcwMC4wMDF6Ii8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxODIuMTc1LDYzNS45NTFjMC45MiwxLjQ1LDIuNDQsMi45NSwzLjcxOSw0LjA3YzAuOTksMC44NiwyLjAxLDEuNzYsMy4yNSwyLjA4DQoJCWMxLjQ2LTUuNDYsMi4yNC0xMS4xOSwyLjI0LTE3LjFjMC0zLjQyLTAuMjYtNi43Ny0wLjc2LTEwLjA1Yy0wLjkyLDAuNjYtMS44OTksMS45Mi0yLjMxLDIuNjdjLTAuNTcsMS4wMy0wLjU0LDEuNjctMS40NCwyLjQ4DQoJCWMtMC44NSwwLjc3LTEuODg5LDEuMDEtMi42NSwxLjk5Yy0wLjcyLDAuOTEtMC41OSwxLjYzLTEuMTY5LDIuNjljLTAuMjcsMC41LTAuOTQsMC43LTEuMjMsMS4zMmMtMC42MywxLjM0LDAuMDksMy40NiwwLjAzLDQuOTUNCgkJQzIxODEuNzk1LDYzMi44MTEsMjE4MS4xOTUsNjM0LjQwMSwyMTgyLjE3NSw2MzUuOTUxeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTExNjcuMzcsMTI2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43NiwxMTguMjIsMTE2Ny4zNywxMjIuMTMsMTE2Ny4zNywxMjYuMTh6Ii8+DQoJPGVsbGlwc2UgZmlsbD0iI0I3QzBDNyIgY3g9IjExMjUuMTMiIGN5PSIxMjQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiNCN0MwQzciIGQ9Ik0xMTU2LjA0MSw5OS4wM2gxNS4zNmMzLjM2LDAsNi4xMi0yLjc1LDYuMTItNi4xMlY3OC4yN2MwLTMuMzctMi43NS02LjEyLTYuMTItNi4xMmgtMTUuMzYNCgkJYy0zLjM2LDAtNi4xMiwyLjc1LTYuMTIsNi4xMnYxNC42NEMxMTQ5LjkzLDk2LjI4LDExNTIuNjgsOTkuMDMsMTE1Ni4wNDEsOTkuMDN6Ii8+DQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTExMjUuMDIsMEMxMDU1Ljk1LDAsMTAwMCw1NS45NSwxMDAwLDEyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNSwwLDEyNC45OC01NS45NiwxMjQuOTgtMTI1DQoJCUMxMjUwLjAwMSw1NS45MywxMTk0LjA3LDAsMTEyNS4wMiwweiBNMTE5Mi45NCwxNzUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0di0xMDENCgkJYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFYxNzUuNTAxeiIvPg0KPC9nPg0KPGc+DQoJDQoJCTxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuMjYyNCAwLjk2NSAtMC45NjUgMC4yNjI0IDc3NC4yMDY0IC0zMjIuNjk0KSIgZmlsbD0iIzk5OTk5OSIgY3g9IjU5OC4xODIiIGN5PSIzNDUuMDcyIiByeD0iMjIuOTAyIiByeT0iMTYuMzUyIi8+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTYyNC45OSwyNTBDNTU1Ljk3LDI1MCw1MDAsMzA1Ljk3LDUwMCwzNzVzNTUuOTYsMTI1LDEyNC45OSwxMjVDNjk0LjA0LDUwMCw3NTAsNDQ0LjAzLDc1MCwzNzUNCgkJUzY5NC4wMywyNTAsNjI0Ljk5LDI1MHogTTYzMS4zOCwzNDUuMzFjMCwxOS40MS0xOC4xNiwyMS44My0xOC4xNiwzMC4wODFjMCw4LjI2LDI0LjA5LDE0Ljg3LDI0LjA5LDM1LjM1DQoJCWMwLDM0LjE3LTQyLjMsMzIuMjUtNDIuMywzMi4yNXMtMzYuNTYsMS4zMy0zNi41Ni0yNi4yMXM0MS40OC0yNi40MSw0My42MS0yNi40MWMtMC41Mi02LjMzLTQuNzMtNS4yOC00LjczLTguNHYtNy43MQ0KCQljMCwwLTMxLjM5LDMuNTIxLTMxLjM5LTI2Ljg4YzAtMzAuNDAxLDM1LjkyLTMxLjI4LDM1LjkyLTMxLjI4aDM1LjQ0YzAsNS40Mi0xNi4xNywzLjUtMTYuMTcsNi4zOQ0KCQlDNjMwLjMwMSwzMjYuNjYsNjMxLjM4LDMzMy42OCw2MzEuMzgsMzQ1LjMxeiBNNzAzLjgzMSwzNDguMDdoLTI0LjY4djI0LjY3aC03LjI0di0yNC42N2gtMjQuNjh2LTcuMjVoMjQuNjhWMzE2LjExaDcuMjR2MjQuNzENCgkJaDI0LjY4VjM0OC4wN3oiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNNjAwLjY5MSw0MzQuNDFjLTE0LjY0LDAuOTgtMjcuMDktNi44NS0yNy44Mi0xNy41M2MtMC43Mi0xMC42OCwxMC41Ny0yMC4xMywyNS4yLTIxLjEzDQoJCWMxNC42Mi0wLjk3LDI3LjA4LDYuODUsMjcuODEsMTcuNTNDNjI2LjU5LDQyMy45NjEsNjE1LjMzMSw0MzMuNDExLDYwMC42OTEsNDM0LjQxeiIvPg0KPC9nPg0KPGc+DQoJPHJlY3QgeD0iODM0LjA5IiB5PSIzNjEuNDQyIiBmaWxsPSIjOTk5OTk5IiB3aWR0aD0iMTcuNzciIGhlaWdodD0iNTMuNDM2Ii8+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTg0My4xLDMzNS42OTNjLTYuMSwwLTEwLjA1LDMuOTktMTAuMDUsOS4yMzljMCw1LjEyOSwzLjg2LDkuMjM5LDkuODEsOS4yMzloMC4xMg0KCQljNi4yMSwwLDEwLjA0LTQuMTEsMTAuMDQtOS4yMzlDODUyLjksMzM5LjY5Myw4NDkuMTcsMzM1LjY5Myw4NDMuMSwzMzUuNjkzeiIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik04OTUuNDUsMzYwLjE5MWMtOS40MywwLTEzLjY2OSw1LjIwOS0xNi4wMSw4Ljg1djAuMTRoLTAuMTFjMC4wMy0wLjAzLDAuMDgtMC4xLDAuMTEtMC4xNHYtNy41OTloLTE3Ljc1DQoJCWMwLjIxLDUsMCw1My40MzYsMCw1My40MzZoMTcuNzVWMzg1LjA0YzAtMS42LDAuMS0zLjE4LDAuNTgtNC4zMTljMS4yOS0zLjE5LDQuMi02LjQ5LDkuMTEtNi40OWM2LjQyLDAsOC45OTEsNC45LDguOTkxLDEyLjA2OQ0KCQl2MjguNTg3aDE3Ljc4VjM4NC4yN0M5MTUuOTIsMzY3LjgzLDkwNy4xNiwzNjAuMTkxLDg5NS40NSwzNjAuMTkxeiIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik04NzUuMDIsMjUwQzgwNS45NSwyNTAsNzUwLDMwNS45NTUsNzUwLDM3NXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCwzMDUuOTM1LDk0NC4wNywyNTAsODc1LjAyLDI1MHogTTkzMy43OSw0MjUuNjc2YzAsNC43LTMuODgsOC40OTktOC42Nyw4LjQ5OUg4MjQuOTFjLTQuODMsMC04LjcxLTMuOC04LjcxLTguNDk5VjMyNC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVY0MjUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTM3NS4wMSwyNTBDMzA1Ljk2NSwyNTAsMjUwLDMwNS45NywyNTAsMzc0Ljk5QzI1MCw0NDQuMDIsMzA1Ljk2NSw1MDAsMzc1LjAxLDUwMFM1MDAsNDQ0LjAzLDUwMCwzNzQuOTkNCglDNTAwLjAxLDMwNS45Nyw0NDQuMDU1LDI1MCwzNzUuMDEsMjUwIE00MTEuMjY3LDMyNC4wOWgtMTcuNTE5Yy0zLjUsMC02Ljk5OSwzLjYzLTYuOTk5LDYuMzN2MTguMDVoMjQuNDg4DQoJYy0wLjk4LDEzLjgzLTIuOTksMjYuNDgtMi45OSwyNi40OEgzODYuNjR2NzguNDFoLTMyLjIxOHYtNzguNDFoLTE1LjY1OXYtMjYuNGgxNS42NTl2LTIxLjU2YzAtMy45NS0wLjc5LTMwLjM2LDMyLjk4OC0zMC4zNg0KCWgyMy44NDlMNDExLjI2NywzMjQuMDlMNDExLjI2NywzMjQuMDl6Ii8+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTM3NC45OTUsMjUwQzEzMDUuOTQyLDI1MCwxMjUwLDMwNS45NywxMjUwLDM3NXM1NS45NTIsMTI1LDEyNC45OTUsMTI1DQoJCUMxNDQ0LjAyOCw1MDAsMTUwMCw0NDQuMDMsMTUwMCwzNzVTMTQ0NC4wMjcsMjUwLDEzNzQuOTk1LDI1MHogTTE0NDcuMzM4LDQwMC43NWMwLDEyLjM5LTEwLjYyLDIyLjQ4LTIzLjYyMSwyMi40OGgtOTcuMzU0DQoJCWMtMTMuMDEsMC0yMy43MzEtMTAuMS0yMy43MzEtMjIuNDh2LTUxLjVjMC0xMi4yOCwxMC43Mi0yMi40NywyMy43MzEtMjIuNDdoOTcuMzU0YzEzLDAsMjMuNjIxLDEwLjE5LDIzLjYyMSwyMi40N1Y0MDAuNzUNCgkJTDE0NDcuMzM4LDQwMC43NXoiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTQwNC4xMDUsMzcxLjQ4bC00OC4wNzMtMjYuMzRjLTEuNzQtMC45Ni00LjA3LTEuMS02LTAuMzVjLTEuOTQxLDAuNzMtMy4xOCwyLjI2LTMuMTgsMy44OHY1Mi42Nw0KCQljMCwxLjYyLDEuMjUsMy4xMywzLjE4LDMuODhjMC44MywwLjMxLDEuNywwLjQ3LDIuNjIsMC40N2MxLjE4LDAsMi40LTAuMjcsMy4zOC0wLjgzbDQ4LjA2Mi0yNi4zNWMxLjUxLTAuOCwyLjM3LTIuMTIsMi4zNy0zLjUxDQoJCUMxNDA2LjQ2NiwzNzMuNjIsMTQwNS41NjYsMzcyLjMwMSwxNDA0LjEwNSwzNzEuNDh6Ii8+DQo8L2c+DQo8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTI1LjAxLDI1MEM1NS45NjksMjUwLDAsMzA1Ljk2LDAsMzc1YzAsNjkuMDIsNTUuOTY5LDEyNC45OTksMTI1LjAxLDEyNC45OTkNCgljNjIuOTUsMCwxMTUuMDEtNDYuNTM5LDEyMy43LTEwNy4wN2MwLjgzLTQuMTEsMS4yMi04LjM4LDEuMTUtMTIuNzZjMC4wOC0xLjcxLDAuMTQtMy40MywwLjE0LTUuMTYNCglDMjQ5Ljk5OSwzMDUuOTYsMTk0LjA1LDI1MCwxMjUuMDEsMjUweiBNMTgyLjU1LDM1Mi4zMWMwLjA1LDEuMTgsMC4wNiwyLjMzLDAuMDYsMy41YzAsMzUuNjgtMjcuMTUsNzYuODMtNzYuODIsNzYuODMNCgljLTE1LjI2OSwwLTI5LjQ0LTQuNDQtNDEuNC0xMi4xMjljMi4xMSwwLjI0LDQuMjYsMC4zNyw2LjQzLDAuMzdjMTIuNjUsMCwyNC4yOS00LjI5LDMzLjU1LTExLjU0DQoJYy0xMS44Mi0wLjIyLTIxLjgtOC4wNC0yNS4yNi0xOC43NWMxLjY2LDAuMzEsMy4zNiwwLjQ5LDUuMTEsMC40OWMyLjQzLDAsNC44My0wLjM0LDcuMDktMC45NWMtMTIuMzUtMi40OC0yMS42Ny0xMy4zOS0yMS42Ny0yNi40Nw0KCWMwLTAuMTQsMC0wLjIzLDAtMC4zNGMzLjY2LDIuMDEsNy44MiwzLjI0LDEyLjI1LDMuMzhjLTcuMjgtNC44Ni0xMi4wMy0xMy4xMi0xMi4wMy0yMi40OWMwLTQuOTYsMS4zNC05LjU3LDMuNjYtMTMuNTkNCgljMTMuMzMsMTYuMzYsMzMuMjIsMjcuMDksNTUuNjgsMjguMjJjLTAuNDctMS45Ny0wLjcxLTQuMDYtMC43MS02LjE3YzAtMTQuOTIsMTIuMTItMjcuMDA5LDI3LjAxOS0yNy4wMDkNCgljNy43NiwwLDE0Ljc3LDMuMjksMTkuNyw4LjU0YzYuMTgtMS4yMiwxMS45NC0zLjQ1LDE3LjE3LTYuNTZjLTIuMDEsNi4zLTYuMjksMTEuNTktMTEuODksMTQuOTRjNS40OS0wLjYzLDEwLjY5LTIuMSwxNS41MS00LjI1DQoJQzE5Mi4zODksMzQzLjc2LDE4Ny44MiwzNDguNSwxODIuNTUsMzUyLjMxeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTExNjcuMzcsMzc2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43NiwzNjguMjIsMTE2Ny4zNywzNzIuMTMsMTE2Ny4zNywzNzYuMTh6Ii8+DQoJPGVsbGlwc2UgZmlsbD0iIzk5OTk5OSIgY3g9IjExMjUuMTMiIGN5PSIzNzQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0xMTU2LjA0MSwzNDkuMDNoMTUuMzZjMy4zNiwwLDYuMTItMi43NSw2LjEyLTYuMTJ2LTE0LjY0YzAtMy4zNy0yLjc1LTYuMTItNi4xMi02LjEyaC0xNS4zNg0KCQljLTMuMzYsMC02LjEyLDIuNzUtNi4xMiw2LjEydjE0LjY0QzExNDkuOTMsMzQ2LjI4LDExNTIuNjgsMzQ5LjAzLDExNTYuMDQxLDM0OS4wM3oiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTEyNS4wMiwyNTBjLTY5LjA3LDAtMTI1LjAyLDU1Ljk1LTEyNS4wMiwxMjVzNTUuOTUsMTI1LDEyNS4wMiwxMjVjNjkuMDUsMCwxMjQuOTgtNTUuOTYsMTI0Ljk4LTEyNQ0KCQlDMTI1MC4wMDEsMzA1LjkzLDExOTQuMDcsMjUwLDExMjUuMDIsMjUweiBNMTE5Mi45NCw0MjUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0DQoJCXYtMTAxYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFY0MjUuNTAxeiIvPg0KPC9nPg0KPGc+DQoJDQoJCTxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuMjYyNCAwLjk2NSAtMC45NjUgMC4yNjI0IDEwMTUuNDQ3IC0xMzguMjkxNCkiIGZpbGw9IiNEM0Q5REQiIGN4PSI1OTguMTgyIiBjeT0iNTk1LjA3MiIgcng9IjIyLjkwMiIgcnk9IjE2LjM1MiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik02MjQuOTksNTAwQzU1NS45Nyw1MDAsNTAwLDU1NS45Nyw1MDAsNjI1czU1Ljk2LDEyNSwxMjQuOTksMTI1QzY5NC4wNCw3NTAsNzUwLDY5NC4wMyw3NTAsNjI1DQoJCVM2OTQuMDMsNTAwLDYyNC45OSw1MDB6IE02MzEuMzgsNTk1LjMxYzAsMTkuNDEtMTguMTYsMjEuODMtMTguMTYsMzAuMDgxYzAsOC4yNiwyNC4wOSwxNC44NywyNC4wOSwzNS4zNQ0KCQljMCwzNC4xNy00Mi4zLDMyLjI1LTQyLjMsMzIuMjVzLTM2LjU2LDEuMzMtMzYuNTYtMjYuMjFjMC0yNy41MzksNDEuNDgtMjYuNDEsNDMuNjEtMjYuNDFjLTAuNTItNi4zMy00LjczLTUuMjgtNC43My04LjR2LTcuNzENCgkJYzAsMC0zMS4zOSwzLjUyMS0zMS4zOS0yNi44OGMwLTMwLjQwMSwzNS45Mi0zMS4yOCwzNS45Mi0zMS4yOGgzNS40NGMwLDUuNDItMTYuMTcsMy41LTE2LjE3LDYuMzkNCgkJQzYzMC4zMDEsNTc2LjY2LDYzMS4zOCw1ODMuNjgsNjMxLjM4LDU5NS4zMXogTTcwMy44MzEsNTk4LjA3aC0yNC42OHYyNC42N2gtNy4yNHYtMjQuNjdoLTI0LjY4di03LjI1aDI0LjY4VjU2Ni4xMWg3LjI0djI0LjcxDQoJCWgyNC42OFY1OTguMDd6Ii8+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTYwMC42OTEsNjg0LjQxYy0xNC42NCwwLjk4LTI3LjA5LTYuODUtMjcuODItMTcuNTNjLTAuNzItMTAuNjgsMTAuNTctMjAuMTMsMjUuMi0yMS4xMw0KCQljMTQuNjItMC45NywyNy4wOCw2Ljg1LDI3LjgxLDE3LjUzQzYyNi41OSw2NzMuOTYxLDYxNS4zMzEsNjgzLjQxMSw2MDAuNjkxLDY4NC40MXoiLz4NCjwvZz4NCjxnPg0KCTxyZWN0IHg9IjgzNC4wOSIgeT0iNjExLjQ0MiIgZmlsbD0iI0QzRDlERCIgd2lkdGg9IjE3Ljc3IiBoZWlnaHQ9IjUzLjQzNiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04NDMuMSw1ODUuNjkzYy02LjEsMC0xMC4wNSwzLjk5LTEwLjA1LDkuMjM5YzAsNS4xMjksMy44Niw5LjIzOSw5LjgxLDkuMjM5aDAuMTINCgkJYzYuMjEsMCwxMC4wNC00LjExLDEwLjA0LTkuMjM5Qzg1Mi45LDU4OS42OTMsODQ5LjE3LDU4NS42OTMsODQzLjEsNTg1LjY5M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNODk1LjQ1LDYxMC4xOTFjLTkuNDMsMC0xMy42NjksNS4yMDktMTYuMDEsOC44NXYwLjE0aC0wLjExYzAuMDMtMC4wMywwLjA4LTAuMSwwLjExLTAuMTR2LTcuNTk5aC0xNy43NQ0KCQljMC4yMSw1LDAsNTMuNDM2LDAsNTMuNDM2aDE3Ljc1VjYzNS4wNGMwLTEuNiwwLjEtMy4xOCwwLjU4LTQuMzE5YzEuMjktMy4xOSw0LjItNi40OSw5LjExLTYuNDljNi40MiwwLDguOTkxLDQuOSw4Ljk5MSwxMi4wNw0KCQl2MjguNTg3aDE3Ljc4VjYzNC4yN0M5MTUuOTIsNjE3LjgzLDkwNy4xNiw2MTAuMTkxLDg5NS40NSw2MTAuMTkxeiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04NzUuMDIsNTAwQzgwNS45NSw1MDAsNzUwLDU1NS45NTUsNzUwLDYyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCw1NTUuOTM1LDk0NC4wNyw1MDAsODc1LjAyLDUwMHogTTkzMy43OSw2NzUuNjc2YzAsNC43LTMuODgsOC40OTktOC42Nyw4LjQ5OUg4MjQuOTFjLTQuODMsMC04LjcxLTMuOC04LjcxLTguNDk5VjU3NC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVY2NzUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTM3NS4wMSw1MDBDMzA1Ljk2NSw1MDAsMjUwLDU1NS45NywyNTAsNjI0Ljk5QzI1MCw2OTQuMDIsMzA1Ljk2NSw3NTAsMzc1LjAxLDc1MFM1MDAsNjk0LjAzLDUwMCw2MjQuOTkNCglDNTAwLjAxLDU1NS45Nyw0NDQuMDU1LDUwMCwzNzUuMDEsNTAwIE00MTEuMjY3LDU3NC4wOWgtMTcuNTE5Yy0zLjUsMC02Ljk5OSwzLjYzLTYuOTk5LDYuMzN2MTguMDVoMjQuNDg4DQoJYy0wLjk4LDEzLjgzLTIuOTksMjYuNDgtMi45OSwyNi40OEgzODYuNjR2NzguNDFoLTMyLjIxOHYtNzguNDFoLTE1LjY1OXYtMjYuNGgxNS42NTl2LTIxLjU2YzAtMy45NS0wLjc5LTMwLjM2LDMyLjk4OC0zMC4zNg0KCWgyMy44NDlMNDExLjI2Nyw1NzQuMDlMNDExLjI2Nyw1NzQuMDl6Ii8+DQo8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTI1LjAxLDUwMC4wMDFDNTUuOTY5LDUwMC4wMDEsMCw1NTUuOTYsMCw2MjVDMCw2OTQuMDIxLDU1Ljk2OSw3NTAsMTI1LjAxLDc1MA0KCWM2Mi45NSwwLDExNS4wMS00Ni41MzksMTIzLjctMTA3LjA3YzAuODMtNC4xMSwxLjIyLTguMzgsMS4xNS0xMi43NmMwLjA4LTEuNzEsMC4xNC0zLjQzLDAuMTQtNS4xNg0KCUMyNDkuOTk5LDU1NS45NiwxOTQuMDUsNTAwLjAwMSwxMjUuMDEsNTAwLjAwMXogTTE4Mi41NSw2MDIuMzExYzAuMDUsMS4xOCwwLjA2LDIuMzMsMC4wNiwzLjVjMCwzNS42OC0yNy4xNSw3Ni44My03Ni44Miw3Ni44Mw0KCWMtMTUuMjY5LDAtMjkuNDQtNC40NC00MS40LTEyLjEzYzIuMTEsMC4yNCw0LjI2LDAuMzcsNi40MywwLjM3YzEyLjY1LDAsMjQuMjktNC4yOSwzMy41NS0xMS41NGMtMTEuODItMC4yMi0yMS44LTguMDQtMjUuMjYtMTguNzUNCgljMS42NiwwLjMxLDMuMzYsMC40OSw1LjExLDAuNDljMi40MywwLDQuODMtMC4zNCw3LjA5LTAuOTVjLTEyLjM1LTIuNDgtMjEuNjctMTMuMzktMjEuNjctMjYuNDdjMC0wLjE0LDAtMC4yMywwLTAuMzQNCgljMy42NiwyLjAxLDcuODIsMy4yNCwxMi4yNSwzLjM4Yy03LjI4LTQuODYtMTIuMDMtMTMuMTItMTIuMDMtMjIuNDljMC00Ljk2LDEuMzQtOS41NywzLjY2LTEzLjU5DQoJYzEzLjMzLDE2LjM2LDMzLjIyLDI3LjA5LDU1LjY4LDI4LjIyYy0wLjQ3LTEuOTY5LTAuNzEtNC4wNi0wLjcxLTYuMTdjMC0xNC45MiwxMi4xMi0yNy4wMDksMjcuMDE5LTI3LjAwOQ0KCWM3Ljc2LDAsMTQuNzcsMy4yOSwxOS43LDguNTRjNi4xOC0xLjIyLDExLjk0LTMuNDUsMTcuMTctNi41NmMtMi4wMSw2LjMtNi4yOSwxMS41OS0xMS44OSwxNC45NGM1LjQ5LTAuNjMsMTAuNjktMi4xLDE1LjUxLTQuMjUNCglDMTkyLjM4OSw1OTMuNzYxLDE4Ny44Miw1OTguNTAxLDE4Mi41NSw2MDIuMzExeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTExNjcuMzcsNjI2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43Niw2MTguMjIsMTE2Ny4zNyw2MjIuMTMsMTE2Ny4zNyw2MjYuMTh6Ii8+DQoJPGVsbGlwc2UgZmlsbD0iI0QzRDlERCIgY3g9IjExMjUuMTMiIGN5PSI2MjQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0xMTU2LjA0MSw1OTkuMDNoMTUuMzZjMy4zNiwwLDYuMTItMi43NSw2LjEyLTYuMTJ2LTE0LjY0YzAtMy4zNy0yLjc1LTYuMTItNi4xMi02LjEyaC0xNS4zNg0KCQljLTMuMzYsMC02LjEyLDIuNzUtNi4xMiw2LjEydjE0LjY0QzExNDkuOTMsNTk2LjI4LDExNTIuNjgsNTk5LjAzLDExNTYuMDQxLDU5OS4wM3oiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTEyNS4wMiw1MDBjLTY5LjA3LDAtMTI1LjAyLDU1Ljk1LTEyNS4wMiwxMjVzNTUuOTUsMTI1LDEyNS4wMiwxMjVjNjkuMDUsMCwxMjQuOTgtNTUuOTYsMTI0Ljk4LTEyNQ0KCQlDMTI1MC4wMDEsNTU1LjkzLDExOTQuMDcsNTAwLDExMjUuMDIsNTAweiBNMTE5Mi45NCw2NzUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0DQoJCXYtMTAxYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFY2NzUuNTAxeiIvPg0KPC9nPg0KPC9zdmc+DQo="); background-size: 225px 75px;
}
.icon-link {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjgwcHgiIGhlaWdodD0iNzYwLjAxM3B4IiB2aWV3Qm94PSIwIDAgMjgwIDc2MC4wMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4MCA3NjAuMDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0yNTkuODQ5LDU0MC4wMTNIMjAuMTUxQzkuMDIsNTQwLjAxMywwLDU0OS4zNjMsMCw1NjAuOTAydjE3OC4yMjJjMCwxMS41MzksOS4wMiwyMC44ODksMjAuMTUxLDIwLjg4OQ0KCQloMjM5LjY5OGMxMS4xMywwLDIwLjE1MS05LjM1LDIwLjE1MS0yMC44ODlWNTYwLjkwMkMyODAsNTQ5LjM2MywyNzAuOTgsNTQwLjAxMywyNTkuODQ5LDU0MC4wMTN6IE0yMzkuNjg5LDU4MS43ODF2MTEyLjU0NQ0KCQlsLTU1LjU4Mi01Ny41OTdjLTMuMzctMy41LTguODQtMy41LTEyLjIxMSwwbC01OS4xMDIsNjEuMjQ3bC0xOC43MzEtMTkuNDA5Yy0zLjIyLTMuMzMtOC4zOS0zLjUxLTExLjgxLTAuMzlsLTQxLjk2MiwzOC4yMjgNCgkJVjU4MS43ODFIMjM5LjY4OUwyMzkuNjg5LDU4MS43ODF6Ii8+DQoJPGVsbGlwc2UgZmlsbD0iI0Q0RDlERCIgY3g9Ijg2LjQxMyIgY3k9IjYxNy4yMzkiIHJ4PSIxOC43NjEiIHJ5PSIxOS40MzkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik02NS44ODgsMjE0LjFjLTYuODItNi44Mi02LjgyLTE3Ljg3OSwwLTI0LjY5OUwxODkuMzk3LDY1Ljg5OGM2LjgyLTYuODIsMTcuODgtNi44MiwyNC43LDANCgljNi44Miw2LjgyLDYuODIsMTcuODc5LDAsMjQuNjk5TDkwLjU4OCwyMTQuMUM4My43NjgsMjIwLjkzLDcyLjcwOCwyMjAuOTMsNjUuODg4LDIxNC4xeiBNMTc5LjA5Nyw1NS42MDlsMTEuMzItMTEuMzE5DQoJYzEyLjQ4LTEyLjQ3OSwzMi44LTEyLjQ3OSw0NS4yOSwwYzEyLjQ4LDEyLjQ3OSwxMi40OCwzMi43OTgsMCw0NS4yNzhsLTExLjMyLDExLjMxOWwtMTEuMzIsMTEuMzE5bC00MS41Niw0MS41NTgNCgljMjIuNzUsNi42Niw0OC4zNiwxLjA1LDY2LjI3LTE2Ljg1OWwyMi42NC0yMi42MzljMjYuMTEtMjYuMTA5LDI2LjExLTY4LjU3NywwLTk0LjY4NWMtMjYuMTEtMjYuMTA5LTY4LjU4LTI2LjEwOS05NC42OSwwDQoJbC0yMi42NCwyMi42MzljLTE3LjkxLDE3LjkwOS0yMy41Miw0My41MTgtMTYuODYsNjYuMjU3bDQxLjU2LTQxLjU1OEwxNzkuMDk3LDU1LjYwOXogTTk4LjE3OCwyMjcuMWwtOC42Miw4LjYyDQoJYy0xMi40OCwxMi40NzktMzIuOCwxMi40NzktNDUuMjgsMGMtMTIuNDktMTIuNDg5LTEyLjQ5LTMyLjc5OCwwLTQ1LjI4OGw4LjYyLTguNjJsMTQuMDItMTQuMDE5bDQxLjU2LTQxLjU1OA0KCWMtMjIuNzUtNi42Ni00OC4zNi0xLjA1LTY2LjI2LDE2Ljg1OWwtMjIuNjQsMjIuNjM5Yy0yNi4xMSwyNi4xMDktMjYuMSw2OC41NzcsMCw5NC42ODVzNjguNTgsMjYuMTA5LDk0LjY5LDBsMjIuNjQtMjIuNjM5DQoJYzE3LjkxLTE3LjkwOSwyMy41My00My41MTgsMTYuODYtNjYuMjY3bC00MS41Niw0MS41NThMOTguMTc4LDIyNy4xeiIvPg0KPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTI0Ny4yNyw0ODQuMzczYy0xMS4xMy0xMS4wNy01MS45Ny0yMy41NS03MC41Ni0yOC44M2MtMi45My00LjY5LTUuNjItMTEtNi44OC0xOC44Mw0KCWM1LjUxLTUuNzQsOS40OC0xMy4wNywxNC40MS0yMS4yMmMxMC45Mi0xOC4xNSwxNS43Ni0zOC43LDE1Ljc2LTUzLjI0YzAtMjkuMDQtMy42Mi04Mi4yNC02MS44Mi04Mi4yNA0KCWMtNTguMTcsMC02MC45LDUzLjIxLTYwLjksODIuMjRjMCwxNC41MSw2LjM0LDM2Ljg4LDE3LjI2LDU1LjAzYzQuNDQsNy4zNSw3LjY2LDEzLjcxLDExLjg4LDE4LjgxYy0xLjYzLDguOC01LjMzLDE1LjgtOS4yNywyMC44OQ0KCWMtMjAuMzksNy4xLTYwLjg1LDIxLjk5LTcxLjU4LDMyLjc0QzExLjAyLDUwNC4yNTMsMCw1MjUuNTEzLDAsNTQwLjAxM2gyODBDMjgwLjAyLDUyNS41MjMsMjYxLjgzLDQ5OC44OTMsMjQ3LjI3LDQ4NC4zNzN6Ii8+DQo8L3N2Zz4NCg=="); background-size: 28px 76px;
}
.icon-networks {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjgwcHgiIGhlaWdodD0iNzYwLjAxM3B4IiB2aWV3Qm94PSIwIDAgMjgwIDc2MC4wMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4MCA3NjAuMDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0yNTkuODQ5LDU0MC4wMTNIMjAuMTUxQzkuMDIsNTQwLjAxMywwLDU0OS4zNjMsMCw1NjAuOTAydjE3OC4yMjJjMCwxMS41MzksOS4wMiwyMC44ODksMjAuMTUxLDIwLjg4OQ0KCQloMjM5LjY5OGMxMS4xMywwLDIwLjE1MS05LjM1LDIwLjE1MS0yMC44ODlWNTYwLjkwMkMyODAsNTQ5LjM2MywyNzAuOTgsNTQwLjAxMywyNTkuODQ5LDU0MC4wMTN6IE0yMzkuNjg5LDU4MS43ODF2MTEyLjU0NQ0KCQlsLTU1LjU4Mi01Ny41OTdjLTMuMzctMy41LTguODQtMy41LTEyLjIxMSwwbC01OS4xMDIsNjEuMjQ3bC0xOC43MzEtMTkuNDA5Yy0zLjIyLTMuMzMtOC4zOS0zLjUxLTExLjgxLTAuMzlsLTQxLjk2MiwzOC4yMjgNCgkJVjU4MS43ODFIMjM5LjY4OUwyMzkuNjg5LDU4MS43ODF6Ii8+DQoJPGVsbGlwc2UgZmlsbD0iI0Q0RDlERCIgY3g9Ijg2LjQxMyIgY3k9IjYxNy4yMzkiIHJ4PSIxOC43NjEiIHJ5PSIxOS40MzkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik02NS44ODgsMjE0LjFjLTYuODItNi44Mi02LjgyLTE3Ljg3OSwwLTI0LjY5OUwxODkuMzk3LDY1Ljg5OGM2LjgyLTYuODIsMTcuODgtNi44MiwyNC43LDANCgljNi44Miw2LjgyLDYuODIsMTcuODc5LDAsMjQuNjk5TDkwLjU4OCwyMTQuMUM4My43NjgsMjIwLjkzLDcyLjcwOCwyMjAuOTMsNjUuODg4LDIxNC4xeiBNMTc5LjA5Nyw1NS42MDlsMTEuMzItMTEuMzE5DQoJYzEyLjQ4LTEyLjQ3OSwzMi44LTEyLjQ3OSw0NS4yOSwwYzEyLjQ4LDEyLjQ3OSwxMi40OCwzMi43OTgsMCw0NS4yNzhsLTExLjMyLDExLjMxOWwtMTEuMzIsMTEuMzE5bC00MS41Niw0MS41NTgNCgljMjIuNzUsNi42Niw0OC4zNiwxLjA1LDY2LjI3LTE2Ljg1OWwyMi42NC0yMi42MzljMjYuMTEtMjYuMTA5LDI2LjExLTY4LjU3NywwLTk0LjY4NWMtMjYuMTEtMjYuMTA5LTY4LjU4LTI2LjEwOS05NC42OSwwDQoJbC0yMi42NCwyMi42MzljLTE3LjkxLDE3LjkwOS0yMy41Miw0My41MTgtMTYuODYsNjYuMjU3bDQxLjU2LTQxLjU1OEwxNzkuMDk3LDU1LjYwOXogTTk4LjE3OCwyMjcuMWwtOC42Miw4LjYyDQoJYy0xMi40OCwxMi40NzktMzIuOCwxMi40NzktNDUuMjgsMGMtMTIuNDktMTIuNDg5LTEyLjQ5LTMyLjc5OCwwLTQ1LjI4OGw4LjYyLTguNjJsMTQuMDItMTQuMDE5bDQxLjU2LTQxLjU1OA0KCWMtMjIuNzUtNi42Ni00OC4zNi0xLjA1LTY2LjI2LDE2Ljg1OWwtMjIuNjQsMjIuNjM5Yy0yNi4xMSwyNi4xMDktMjYuMSw2OC41NzcsMCw5NC42ODVzNjguNTgsMjYuMTA5LDk0LjY5LDBsMjIuNjQtMjIuNjM5DQoJYzE3LjkxLTE3LjkwOSwyMy41My00My41MTgsMTYuODYtNjYuMjY3bC00MS41Niw0MS41NThMOTguMTc4LDIyNy4xeiIvPg0KPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTI0Ny4yNyw0ODQuMzczYy0xMS4xMy0xMS4wNy01MS45Ny0yMy41NS03MC41Ni0yOC44M2MtMi45My00LjY5LTUuNjItMTEtNi44OC0xOC44Mw0KCWM1LjUxLTUuNzQsOS40OC0xMy4wNywxNC40MS0yMS4yMmMxMC45Mi0xOC4xNSwxNS43Ni0zOC43LDE1Ljc2LTUzLjI0YzAtMjkuMDQtMy42Mi04Mi4yNC02MS44Mi04Mi4yNA0KCWMtNTguMTcsMC02MC45LDUzLjIxLTYwLjksODIuMjRjMCwxNC41MSw2LjM0LDM2Ljg4LDE3LjI2LDU1LjAzYzQuNDQsNy4zNSw3LjY2LDEzLjcxLDExLjg4LDE4LjgxYy0xLjYzLDguOC01LjMzLDE1LjgtOS4yNywyMC44OQ0KCWMtMjAuMzksNy4xLTYwLjg1LDIxLjk5LTcxLjU4LDMyLjc0QzExLjAyLDUwNC4yNTMsMCw1MjUuNTEzLDAsNTQwLjAxM2gyODBDMjgwLjAyLDUyNS41MjMsMjYxLjgzLDQ5OC44OTMsMjQ3LjI3LDQ4NC4zNzN6Ii8+DQo8L3N2Zz4NCg=="); background-size: 28px 76px;
}
.icon-image {
	width: 28px; height: 28px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjgwcHgiIGhlaWdodD0iNzYwLjAxM3B4IiB2aWV3Qm94PSIwIDAgMjgwIDc2MC4wMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4MCA3NjAuMDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0yNTkuODQ5LDU0MC4wMTNIMjAuMTUxQzkuMDIsNTQwLjAxMywwLDU0OS4zNjMsMCw1NjAuOTAydjE3OC4yMjJjMCwxMS41MzksOS4wMiwyMC44ODksMjAuMTUxLDIwLjg4OQ0KCQloMjM5LjY5OGMxMS4xMywwLDIwLjE1MS05LjM1LDIwLjE1MS0yMC44ODlWNTYwLjkwMkMyODAsNTQ5LjM2MywyNzAuOTgsNTQwLjAxMywyNTkuODQ5LDU0MC4wMTN6IE0yMzkuNjg5LDU4MS43ODF2MTEyLjU0NQ0KCQlsLTU1LjU4Mi01Ny41OTdjLTMuMzctMy41LTguODQtMy41LTEyLjIxMSwwbC01OS4xMDIsNjEuMjQ3bC0xOC43MzEtMTkuNDA5Yy0zLjIyLTMuMzMtOC4zOS0zLjUxLTExLjgxLTAuMzlsLTQxLjk2MiwzOC4yMjgNCgkJVjU4MS43ODFIMjM5LjY4OUwyMzkuNjg5LDU4MS43ODF6Ii8+DQoJPGVsbGlwc2UgZmlsbD0iI0Q0RDlERCIgY3g9Ijg2LjQxMyIgY3k9IjYxNy4yMzkiIHJ4PSIxOC43NjEiIHJ5PSIxOS40MzkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik02NS44ODgsMjE0LjFjLTYuODItNi44Mi02LjgyLTE3Ljg3OSwwLTI0LjY5OUwxODkuMzk3LDY1Ljg5OGM2LjgyLTYuODIsMTcuODgtNi44MiwyNC43LDANCgljNi44Miw2LjgyLDYuODIsMTcuODc5LDAsMjQuNjk5TDkwLjU4OCwyMTQuMUM4My43NjgsMjIwLjkzLDcyLjcwOCwyMjAuOTMsNjUuODg4LDIxNC4xeiBNMTc5LjA5Nyw1NS42MDlsMTEuMzItMTEuMzE5DQoJYzEyLjQ4LTEyLjQ3OSwzMi44LTEyLjQ3OSw0NS4yOSwwYzEyLjQ4LDEyLjQ3OSwxMi40OCwzMi43OTgsMCw0NS4yNzhsLTExLjMyLDExLjMxOWwtMTEuMzIsMTEuMzE5bC00MS41Niw0MS41NTgNCgljMjIuNzUsNi42Niw0OC4zNiwxLjA1LDY2LjI3LTE2Ljg1OWwyMi42NC0yMi42MzljMjYuMTEtMjYuMTA5LDI2LjExLTY4LjU3NywwLTk0LjY4NWMtMjYuMTEtMjYuMTA5LTY4LjU4LTI2LjEwOS05NC42OSwwDQoJbC0yMi42NCwyMi42MzljLTE3LjkxLDE3LjkwOS0yMy41Miw0My41MTgtMTYuODYsNjYuMjU3bDQxLjU2LTQxLjU1OEwxNzkuMDk3LDU1LjYwOXogTTk4LjE3OCwyMjcuMWwtOC42Miw4LjYyDQoJYy0xMi40OCwxMi40NzktMzIuOCwxMi40NzktNDUuMjgsMGMtMTIuNDktMTIuNDg5LTEyLjQ5LTMyLjc5OCwwLTQ1LjI4OGw4LjYyLTguNjJsMTQuMDItMTQuMDE5bDQxLjU2LTQxLjU1OA0KCWMtMjIuNzUtNi42Ni00OC4zNi0xLjA1LTY2LjI2LDE2Ljg1OWwtMjIuNjQsMjIuNjM5Yy0yNi4xMSwyNi4xMDktMjYuMSw2OC41NzcsMCw5NC42ODVzNjguNTgsMjYuMTA5LDk0LjY5LDBsMjIuNjQtMjIuNjM5DQoJYzE3LjkxLTE3LjkwOSwyMy41My00My41MTgsMTYuODYtNjYuMjY3bC00MS41Niw0MS41NThMOTguMTc4LDIyNy4xeiIvPg0KPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTI0Ny4yNyw0ODQuMzczYy0xMS4xMy0xMS4wNy01MS45Ny0yMy41NS03MC41Ni0yOC44M2MtMi45My00LjY5LTUuNjItMTEtNi44OC0xOC44Mw0KCWM1LjUxLTUuNzQsOS40OC0xMy4wNywxNC40MS0yMS4yMmMxMC45Mi0xOC4xNSwxNS43Ni0zOC43LDE1Ljc2LTUzLjI0YzAtMjkuMDQtMy42Mi04Mi4yNC02MS44Mi04Mi4yNA0KCWMtNTguMTcsMC02MC45LDUzLjIxLTYwLjksODIuMjRjMCwxNC41MSw2LjM0LDM2Ljg4LDE3LjI2LDU1LjAzYzQuNDQsNy4zNSw3LjY2LDEzLjcxLDExLjg4LDE4LjgxYy0xLjYzLDguOC01LjMzLDE1LjgtOS4yNywyMC44OQ0KCWMtMjAuMzksNy4xLTYwLjg1LDIxLjk5LTcxLjU4LDMyLjc0QzExLjAyLDUwNC4yNTMsMCw1MjUuNTEzLDAsNTQwLjAxM2gyODBDMjgwLjAyLDUyNS41MjMsMjYxLjgzLDQ5OC44OTMsMjQ3LjI3LDQ4NC4zNzN6Ii8+DQo8L3N2Zz4NCg=="); background-size: 28px 76px;
}
.icon-link {
	background-position: 0px 0px; margin: 6px 0px 0px 10px;
}
.icon-networks {
	background-position: 0px -28px; margin: 6px 0px 0px 10px;
}
.icon-image {
	background-position: 0px -54px; margin: 0px 0px 0px 10px;
}
.icon-show-hide {
	width: 20px; height: 13px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxlbGxpcHNlIGZpbGw9IiNENEQ5REQiIGN4PSI5OS45OSIgY3k9IjY0LjMiIHJ4PSIyMi42MiIgcnk9IjIyLjU0Ii8+DQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwMCwwQzQxLjc3LDAsMCw2NSwwLDY1czQxLjc2LDY1LDEwMCw2NXMxMDAtNjUsMTAwLTY1UzE1OC4yNCwwLDEwMCwweiBNOTkuOTksMTEwLjMxDQoJCWMtMjUuNDksMC00Ni4xNS0yMC41OC00Ni4xNS00Ni4wMWMwLTI1LjQsMjAuNjYtNDUuOTksNDYuMTUtNDUuOTljMjUuNSwwLDQ2LjE3LDIwLjU5LDQ2LjE3LDQ1Ljk5DQoJCUMxNDYuMTYsODkuNzMsMTI1LjUsMTEwLjMxLDk5Ljk5LDExMC4zMXoiLz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 20px 13px;
}
.selected .icon-show-hide {
	width: 20px; height: 13px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNzYuODksMGMzLjM1LDAsNi43MSwxLjI4LDkuMjcsMy44NGM1LjEyLDUuMTIsNS4xMiwxMy40MiwwLDE4LjU0TDMyLjM4LDE3Ni4xNg0KCQljLTIuNTYsMi41Ni01LjkxLDMuODQtOS4yNywzLjg0cy02LjcxLTEuMjgtOS4yNy0zLjg0Yy01LjEyLTUuMTItNS4xMi0xMy40MiwwLTE4LjU0TDE2Ny42MiwzLjg0QzE3MC4xOCwxLjI4LDE3My41NCwwLDE3Ni44OSwwIg0KCQkvPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTY4LjI3LDU0LjRsLTIzLjY2LDIzLjY2YzAuOTEsMy42MSwxLjU1LDcuMzMsMS41NSwxMS4yM2MwLDI1LjQ0LTIwLjY2LDQ2LjAxLTQ2LjE3LDQ2LjAxDQoJCQljLTMuODYsMC03LjU0LTAuNjEtMTEuMTItMS41bC0xNi4zMSwxNi4zMUM4MS4yLDE1My4xLDkwLjM0LDE1NSwxMDAsMTU1YzU4LjI0LDAsMTAwLTY1LDEwMC02NVMxODguMSw3MS42MiwxNjguMjcsNTQuNHoiLz4NCgkJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTMxLjczLDEyNS42bDI0LTI0Yy0xLjEtMy45NC0xLjg4LTguMDEtMS44OC0xMi4zMWMwLTI1LjQsMjAuNjYtNDUuOTksNDYuMTUtNDUuOTkNCgkJCWM0LjI1LDAsOC4yOSwwLjc2LDEyLjIsMS44M2wxNS4yNS0xNS4yNUMxMTguOCwyNi45LDEwOS42NSwyNSwxMDAsMjVDNDEuNzcsMjUsMCw5MCwwLDkwUzExLjksMTA4LjM4LDMxLjczLDEyNS42eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); background-size: 20px 18px;
}
.workspace-settings .icon-settings {
	width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTgwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxODAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNBQ0FFQjAiIGQ9Ik0yOC44NjIsMTA5Ljg4YzEuMDQ0LDMuMjE0LDIuMzM5LDYuMzE2LDMuODU3LDkuMjg3bC0xMi40MTgsMjIuMzQ5YzAsMCwwLDYuMDY0LDYuMDU4LDEyLjEyNQ0KCWM2LjA2Miw2LjA2LDEyLjEyNSw2LjA2LDEyLjEyNSw2LjA2bDIyLjM1MS0xMi40MThjMi45NzIsMS41MTUsNi4wNjksMi44MDgsOS4yODUsMy44NTVsNy4wMjMsMjQuNTc2YzAsMCw0LjI4Niw0LjI4NiwxMi44NTcsNC4yODYNCglzMTIuODU3LTQuMjg2LDEyLjg1Ny00LjI4Nmw3LjAyMS0yNC41NzZjMy4yMTQtMS4wNDYsNi4zMTUtMi4zNCw5LjI4Ny0zLjg1NWwyMi4zNTYsMTIuNDE4YzAsMCw2LjA1NiwwLDEyLjExOC02LjA2DQoJYzYuMDYtNi4wNiw2LjA2LTEyLjEyNSw2LjA2LTEyLjEyNWwtMTIuNDItMjIuMzQ5YzEuNTE3LTIuOTcxLDIuODEyLTYuMDczLDMuODU3LTkuMjg3bDI0LjU3OC03LjAyM2MwLDAsNC4yODYtNC4yODYsNC4yODYtMTIuODU3DQoJcy00LjI4Ni0xMi44NTctNC4yODYtMTIuODU3bC0yNC41NzgtNy4wMjNjLTEuMDQ0LTMuMjE0LTIuMzQtNi4zMTItMy44NTctOS4yODNsMTIuNDItMjIuMzUzYzAsMCwwLTYuMDYtNi4wNi0xMi4xMjENCgljLTYuMDYyLTYuMDYtMTIuMTE4LTYuMDY0LTEyLjExOC02LjA2NEwxMTkuMTY3LDMyLjcyYy0yLjk3MS0xLjUxOS02LjA3My0yLjgxMi05LjI4OS0zLjg1OWwtNy4wMjEtMjQuNTc2DQoJQzEwMi44NTcsNC4yODYsOTguNTcxLDAsOTAsMFM3Ny4xNDMsNC4yODYsNzcuMTQzLDQuMjg2TDcwLjEyLDI4Ljg2MmMtMy4yMTYsMS4wNDYtNi4zMTgsMi4zMzktOS4yODksMy44NTlMMzguNDg0LDIwLjI5OQ0KCWMwLDAtNi4wNjIsMC4wMDQtMTIuMTI1LDYuMDY0Yy02LjA1OCw2LjA2LTYuMDU4LDEyLjEyMS02LjA1OCwxMi4xMjFsMTIuNDE4LDIyLjM0OWMtMS41MTcsMi45NzItMi44MTMsNi4wNzMtMy44NTcsOS4yODcNCglMNC4yODYsNzcuMTQzQzQuMjg2LDc3LjE0MywwLDgxLjQyOSwwLDkwczQuMjg2LDEyLjg1Nyw0LjI4NiwxMi44NTdMMjguODYyLDEwOS44OHogTTYwLDkwYzAtMTYuNTY1LDEzLjQyNi0zMCwzMC0zMA0KCWMxNi41NjUsMCwzMCwxMy40MzUsMzAsMzBjMCwxNi41NjktMTMuNDM1LDMwLTMwLDMwQzczLjQyNiwxMjAsNjAsMTA2LjU2OSw2MCw5MHoiLz4NCjwvc3ZnPg0K"); background-size: 18px 18px;
}
.icon-new-workspace {
	width: 34px; height: 34px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzQwcHgiIGhlaWdodD0iMzQwcHgiIHZpZXdCb3g9IjAgMCAzNDAgMzQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDAgMzQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4RDlBQTUiIGQ9Ik0zMTcuODUsMTMwLjU1N2wtMTA4LjU3LDAuMDhsLTAuMS0xMDguNTI0QzIwOS4xOCw5Ljg2NiwxOTkuMjUsMCwxODcuMDgsMGwtMzQuMzcsMC4wMg0KCUMxNDAuNDYsMCwxMzAuNTYsOS45MDYsMTMwLjU2LDIyLjE4M2wwLjE4LDEwOC40NDRsLTEwOC41Mi0wLjAzYy0xMi4yNywwLTIyLjE1LDkuODg2LTIyLjE3LDIyLjE0M0wwLDE4Ny4xNg0KCWMwLjA1LDEyLjEyNyw5Ljk2LDIyLjA1MywyMi4yLDIyLjA1M2gxMDguNTZsMC4wNywxMDguNTU0Yy0wLjAzLDEyLjI0Nyw5Ljg2LDIyLjE0MywyMi4wMiwyMi4yMzNsMzQuNDUtMC4wNw0KCWMxMi4xNSwwLjAyLDIyLjEtOS45MzYsMjIuMS0yMi4yMTNsLTAuMTEtMTA4LjUwNGwxMDguNDMsMC4wN2MxMi4yNywwLDIyLjE1LTkuODg2LDIyLjE4LTIyLjEzM2wwLjEtMzQuNDkNCglDMzQwLDE0MC41NDMsMzMwLjA3LDEzMC42MDcsMzE3Ljg1LDEzMC41NTd6Ii8+DQo8L3N2Zz4NCg=="); background-size: 34px 34px;
}
.icon-fork {
	width: 14px; height: 16px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTM5Ljc0M3B4IiBoZWlnaHQ9IjE2MHB4IiB2aWV3Qm94PSIwIDAgMTM5Ljc0MyAxNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzOS43NDMgMTYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNBQ0FFQjAiIGQ9Ik0xMzQuNTIsMTA0LjExbC0yOS43NCwyMi4yOGMtMi4zNiwxLjc3LTUuMTgsMi42Ni03Ljk5LDIuNjZjLTIuODIsMC01LjYzLTAuODgtOC0yLjY2bC0yOS43My0yMi4yNw0KCWMtNS44Mi00LjM2LTYuOTYtMTIuNTUtMi41NC0xOC4yN2M0LjQzLTUuNzMsMTIuNy02Ljg2LDE4LjUyLTIuNWw2LjMzLDQuNzNjLTAuNzUtMTkuMjktMjAuNDctMzQuOS00MS41LTM2LjIzdjU5LjQyDQoJYzYuNzEsNC45MSwxMS41MiwxMi43OSwxMS41MiwyMS43NGMwLDE0LjkxLTkuNDksMjYuOTktMjQuNCwyNi45OVMwLDE0Ny45MiwwLDEzMy4wMWMwLTkuMDEsMy4wOC0xNi45NCw5Ljg3LTIxLjg0VjkuMg0KCWMwLTUuMDgsNC4xMi05LjIsOS4yLTkuMmgxMS45OWM1LjA4LDAsOC44LDQuMTIsOC44LDkuMnYxMS45N2MzOCwxLjQ0LDcxLjUsMzAuOCw3Mi4xOCw2Ny4wMWw2LjQ3LTQuODQNCgljNS44My00LjM2LDE0LjExLTMuMjMsMTguNTIsMi41QzE0MS40Nyw5MS41NywxNDAuMzQsOTkuNzYsMTM0LjUyLDEwNC4xMXoiLz4NCjwvc3ZnPg0K"); background-size: 14px 16px;
}
.icon-workspace {
	width: 58px; height: 50px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTc5Ljk5OXB4IiBoZWlnaHQ9IjQ5OS45OThweCIgdmlld0JveD0iMCAwIDU3OS45OTkgNDk5Ljk5OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTc5Ljk5OSA0OTkuOTk4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4RDlBQTUiIGQ9Ik01NjEuNjMsMEgxOC4zOEM4LjIyLDAsMCw4LjIyLDAsMTguMzh2MTIzLjgwMnYzMzkuNDM2YzAsMTAuMTYsOC4yMiwxOC4zOCwxOC4zOCwxOC4zOGg1NDMuMjM5DQoJYzEwLjE2LDAsMTguMzgtOC4yMiwxOC4zOC0xOC4zOFYxNDIuMTkyVjE4LjM4QzU4MC4wMSw4LjIyLDU3MS43OSwwLDU2MS42MywweiBNMjQwLjc5NCwzNDcuNjQ2YzEwLjMzLDksMTEuNDMsMjQuNjUsMi40MywzNC45OTENCgljLTQuOTEsNS42NC0xMS44LDguNTMtMTguNzEsOC41M2MtNS43OSwwLTExLjU4LTItMTYuMjgtNi4wOWwtNzAuOTYxLTYxLjc3MWMtNS40My00LjcyLTguNTMtMTEuNTQtOC41My0xOC43MQ0KCXMzLjEtMTMuOTksOC41My0xOC43MWw3MC45NjEtNjEuNzcxYzEwLjI5LTguOTgsMjUuOTQtNy45MiwzNC45OTEsMi40M2M5LDEwLjMzLDcuOSwyNS45OS0yLjQzLDM0Ljk5MWwtNDkuNDUxLDQzLjA2MQ0KCUwyNDAuNzk0LDM0Ny42NDZ6IE00NDIuNzI4LDMyMy4yOTZsLTcwLjk2MSw2MS43NzFjLTQuNjksNC4wOS0xMC40OSw2LjA5LTE2LjI4LDYuMDljLTYuOTEsMC0xMy44LTIuODktMTguNzEtOC41Mw0KCWMtOS0xMC4zMy03LjktMjUuOTksMi40My0zNC45OTFsNDkuNDUxLTQzLjA2MWwtNDkuNDUxLTQzLjA2MWMtMTAuMzMtOS0xMS40My0yNC42NS0yLjQzLTM0Ljk5MWM5LjAyLTEwLjM2LDI0LjctMTEuNDEsMzQuOTktMi40Mw0KCWw3MC45NjEsNjEuNzcxYzUuNDMsNC43Miw4LjUzLDExLjU0LDguNTMsMTguNzFTNDQ4LjE1OCwzMTguNTg1LDQ0Mi43MjgsMzIzLjI5NnogTTU0MC4wMDksNDAuMDAxdjgwLjAwMUg0MFY0MC4wMDFINTQwLjAwOXoNCgkgTTExMC4wMDIsODAuMDAxYzAsMTEuMDUtOC45NSwyMC0yMCwyMHMtMjAtOC45NS0yMC0yMHM4Ljk1LTIwLDIwLTIwUzExMC4wMDIsNjguOTUxLDExMC4wMDIsODAuMDAxeiBNMTcwLjAwMyw4MC4wMDENCgljMCwxMS4wNS04Ljk1LDIwLTIwLDIwcy0yMC04Ljk1LTIwLTIwczguOTUtMjAsMjAtMjBTMTcwLjAwMyw2OC45NTEsMTcwLjAwMyw4MC4wMDF6IE0yMzAuMDA0LDgwLjAwMWMwLDExLjA1LTguOTUsMjAtMjAsMjANCglzLTIwLTguOTUtMjAtMjBzOC45NS0yMCwyMC0yMEMyMjEuMDU0LDYwLjAwMSwyMzAuMDA0LDY4Ljk1MSwyMzAuMDA0LDgwLjAwMXoiLz4NCjwvc3ZnPg0K"); background-size: 58px 50px;
}
.icon-collapse {
	width: 15px; height: 10px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTAsMTguNDg0YzAsNC43LTEuODUsOS40MzEtNS40OSwxMy4wMzFMNzQuOTY1LDk5Ljk5OUw1LjQ5LDMxLjUxNWMtNy4zMi03LjItNy4zMi0xOC44OTEsMC0yNi4xMjINCgljNy4yOTEtNy4xOSwxOS4xOTEtNy4xOSwyNi41MzIsMGw0Mi45NjMsNDIuMzczbDQyLjk0My00Mi4zNzNjNy4zNC03LjE5LDE5LjIxMS03LjE5LDI2LjU4MiwwQzE0OC4xNSw4Ljk4MywxNTAsMTMuNzYzLDE1MCwxOC40ODR6DQoJIi8+DQo8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMCwxODEuNTE2YzAtNC43LDEuODUtOS40MzEsNS40OS0xMy4wMzFsNjkuNTQ1LTY4LjQ4NWw2OS40NzUsNjguNDg1YzcuMzIsNy4yLDcuMzIsMTguODkxLDAsMjYuMTIyDQoJYy03LjI5MSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMS44NSwxOTEuMDE3LDAsMTg2LjIzNywwLDE4MS41MTZ6Ii8+DQo8cGF0aCBmaWxsPSIjNjA2NzZEIiBkPSJNMzAwLDE4LjQ4NGMwLDQuNy0xLjg1LDkuNDMxLTUuNDksMTMuMDMxbC02OS41NDUsNjguNDg1TDE1NS40OSwzMS41MTVjLTcuMzItNy4yLTcuMzItMTguODkxLDAtMjYuMTIyDQoJYzcuMjkxLTcuMTksMTkuMTkxLTcuMTksMjYuNTMyLDBsNDIuOTYzLDQyLjM3M2w0Mi45NDMtNDIuMzczYzcuMzQtNy4xOSwxOS4yMTEtNy4xOSwyNi41ODIsMEMyOTguMTUsOC45ODMsMzAwLDEzLjc2MywzMDAsMTguNDg0eg0KCSIvPg0KPHBhdGggZmlsbD0iIzYwNjc2RCIgZD0iTTE1MC4wODcsMTgxLjUxNmMwLTQuNywxLjg1LTkuNDMxLDUuNDktMTMuMDMxbDY5LjU0NS02OC40ODVsNjkuNDc1LDY4LjQ4NWM3LjMyLDcuMiw3LjMyLDE4Ljg5MSwwLDI2LjEyMg0KCWMtNy4yOSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMTUxLjkzOCwxOTEuMDE3LDE1MC4wODcsMTg2LjIzNywxNTAuMDg3LDE4MS41MTZ6Ii8+DQo8L3N2Zz4NCg=="); background-size: 30px 20px;
}
.icon-expand {
	width: 15px; height: 10px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTAsMTguNDg0YzAsNC43LTEuODUsOS40MzEtNS40OSwxMy4wMzFMNzQuOTY1LDk5Ljk5OUw1LjQ5LDMxLjUxNWMtNy4zMi03LjItNy4zMi0xOC44OTEsMC0yNi4xMjINCgljNy4yOTEtNy4xOSwxOS4xOTEtNy4xOSwyNi41MzIsMGw0Mi45NjMsNDIuMzczbDQyLjk0My00Mi4zNzNjNy4zNC03LjE5LDE5LjIxMS03LjE5LDI2LjU4MiwwQzE0OC4xNSw4Ljk4MywxNTAsMTMuNzYzLDE1MCwxOC40ODR6DQoJIi8+DQo8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMCwxODEuNTE2YzAtNC43LDEuODUtOS40MzEsNS40OS0xMy4wMzFsNjkuNTQ1LTY4LjQ4NWw2OS40NzUsNjguNDg1YzcuMzIsNy4yLDcuMzIsMTguODkxLDAsMjYuMTIyDQoJYy03LjI5MSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMS44NSwxOTEuMDE3LDAsMTg2LjIzNywwLDE4MS41MTZ6Ii8+DQo8cGF0aCBmaWxsPSIjNjA2NzZEIiBkPSJNMzAwLDE4LjQ4NGMwLDQuNy0xLjg1LDkuNDMxLTUuNDksMTMuMDMxbC02OS41NDUsNjguNDg1TDE1NS40OSwzMS41MTVjLTcuMzItNy4yLTcuMzItMTguODkxLDAtMjYuMTIyDQoJYzcuMjkxLTcuMTksMTkuMTkxLTcuMTksMjYuNTMyLDBsNDIuOTYzLDQyLjM3M2w0Mi45NDMtNDIuMzczYzcuMzQtNy4xOSwxOS4yMTEtNy4xOSwyNi41ODIsMEMyOTguMTUsOC45ODMsMzAwLDEzLjc2MywzMDAsMTguNDg0eg0KCSIvPg0KPHBhdGggZmlsbD0iIzYwNjc2RCIgZD0iTTE1MC4wODcsMTgxLjUxNmMwLTQuNywxLjg1LTkuNDMxLDUuNDktMTMuMDMxbDY5LjU0NS02OC40ODVsNjkuNDc1LDY4LjQ4NWM3LjMyLDcuMiw3LjMyLDE4Ljg5MSwwLDI2LjEyMg0KCWMtNy4yOSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMTUxLjkzOCwxOTEuMDE3LDE1MC4wODcsMTg2LjIzNywxNTAuMDg3LDE4MS41MTZ6Ii8+DQo8L3N2Zz4NCg=="); background-size: 30px 20px;
}
.icon-expand {
	background-position: 0px -10px;
}
.icon-arrow-right-dark {
	width: 15px; height: 12px; opacity: 0.3; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA1OCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzYwNjc2RCIgZD0iTTQ0LjEsMi45bDEyLjQsMTYuNmMxLDEuMywxLjUsMi45LDEuNSw0LjVzLTAuNSwzLjEtMS41LDQuNUw0NC4xLDQ1LjFjLTIuNCwzLjMtNywzLjktMTAuMiwxLjQNCglzLTMuOC03LjEtMS40LTEwLjNsMy41LTQuOEg3LjNjLTQsMC03LjMtMy4zLTcuMy03LjRzMy4yLTcuNCw3LjItNy40aDI4LjlsLTMuNS00LjhDMzAuMiw4LjYsMzAuOCw0LDM0LDEuNVM0MS43LTAuMyw0NC4xLDIuOXoiLz4NCjwvc3ZnPg0K"); background-size: 100%;
}
.icon-arrow-right-light {
	width: 15px; height: 12px; opacity: 0.3; 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+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIzODAgMzgwIDQwIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDM4MCAzODAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI0QyRDdEQiIgZD0iTTQwMCwzNzkuOWMtMTEsMC0yMCw5LTIwLDIwYzAsMTEsOSwyMCwyMCwyMGMxMSwwLDIwLTksMjAtMjBDNDIwLDM4OC45LDQxMSwzNzkuOSw0MDAsMzc5Ljl6IE00MDAsNDE1LjcNCgkJYy04LjcsMC0xNS44LTcuMS0xNS44LTE1LjhjMC04LjcsNy4xLTE1LjgsMTUuOC0xNS44YzguNywwLDE1LjgsNy4xLDE1LjgsMTUuOEM0MTUuOCw0MDguNiw0MDguNyw0MTUuNyw0MDAsNDE1Ljd6Ii8+DQoJPHBhdGggZmlsbD0iI0QyRDdEQiIgZD0iTTQwNy4zLDM5MC4ySDQwNWMtMC42LDAtMSwwLjUtMSwxdjAuMWgtNi41Yy0yLjMsMC00LjEsMS4xLTUuMywzLjNjLTAuOCwxLjUtMS4xLDMuMS0xLjEsMy4xDQoJCWMtMC4xLDAuNSwwLjIsMC45LDAuNywxLjFjMC4xLDAsMC4yLDAuMSwwLjMsMC4xYzAuNCwwLDAuNy0wLjIsMC45LTAuNWMwLDAsMS4xLTEuOCw0LjItMS44aDYuOHYwLjZjMCwwLjYsMC41LDEsMSwxaDIuMw0KCQljMC42LDAsMS0wLjUsMS0xdi02QzQwOC4zLDM5MC43LDQwNy45LDM5MC4yLDQwNy4zLDM5MC4yeiIvPg0KCTxwYXRoIGZpbGw9IiNEMkQ3REIiIGQ9Ik00MDEuNiwzOTcuOGgtMy4zYy0wLjYsMC0xLDAuNS0xLDF2MTAuOGMwLDAuNiwwLjUsMSwxLDFoMy4zYzAuNiwwLDEtMC41LDEtMXYtMTAuOA0KCQlDNDAyLjcsMzk4LjIsNDAyLjIsMzk3LjgsNDAxLjYsMzk3Ljh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); background-size: 30px 30px;
}
.box {
	background: rgb(255, 255, 255); border-radius: 4px; animation:panel-fade-up 0.4s; position: relative; box-sizing: border-box; box-shadow: 0px 2px 0px rgba(0,0,0,0.06); -webkit-animation: panel-fade-up 0.4s ease;
}
.box * {
	box-sizing: border-box;
}
.box *::before {
	box-sizing: border-box;
}
.box *::after {
	box-sizing: border-box;
}
.box::before {
	display: table; content: " ";
}
.box::after {
	display: table; content: " ";
}
.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;
}
}
.secondary.box {
	background-color: rgb(249, 250, 250);
}
.mixed-box {
	animation:panel-fade-up 0.4s; position: relative; -webkit-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 .box-header {
	background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.mixed-box .box-content {
	background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.mixed-box .box-actions {
	background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.mixed-box .box-alert {
	background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.mixed-box .box-footer {
	background: rgb(255, 255, 255); position: relative; box-sizing: border-box;
}
.mixed-box .box-header * {
	box-sizing: border-box;
}
.mixed-box .box-header *::before {
	box-sizing: border-box;
}
.mixed-box .box-header *::after {
	box-sizing: border-box;
}
.mixed-box .box-content * {
	box-sizing: border-box;
}
.mixed-box .box-content *::before {
	box-sizing: border-box;
}
.mixed-box .box-content *::after {
	box-sizing: border-box;
}
.mixed-box .box-actions * {
	box-sizing: border-box;
}
.mixed-box .box-actions *::before {
	box-sizing: border-box;
}
.mixed-box .box-actions *::after {
	box-sizing: border-box;
}
.mixed-box .box-alert * {
	box-sizing: border-box;
}
.mixed-box .box-alert *::before {
	box-sizing: border-box;
}
.mixed-box .box-alert *::after {
	box-sizing: border-box;
}
.mixed-box .box-footer * {
	box-sizing: border-box;
}
.mixed-box .box-footer *::before {
	box-sizing: border-box;
}
.mixed-box .box-footer *::after {
	box-sizing: border-box;
}
@media screen and (max-width:679px)
{
.mixed-box .box-header {
	padding: 20px;
}
.mixed-box .box-content {
	padding: 20px;
}
.mixed-box .box-actions {
	padding: 20px;
}
.mixed-box .box-alert {
	padding: 20px;
}
.mixed-box .box-footer {
	padding: 20px;
}
}
@media screen and (min-width:680px)
{
.mixed-box .box-header {
	padding: 30px;
}
.mixed-box .box-content {
	padding: 30px;
}
.mixed-box .box-actions {
	padding: 30px;
}
.mixed-box .box-alert {
	padding: 30px;
}
.mixed-box .box-footer {
	padding: 30px;
}
}
.mixed-box .box-header::before {
	display: table; content: " ";
}
.mixed-box .box-header::after {
	display: table; content: " ";
}
.mixed-box .box-content::before {
	display: table; content: " ";
}
.mixed-box .box-content::after {
	display: table; content: " ";
}
.mixed-box .box-actions::before {
	display: table; content: " ";
}
.mixed-box .box-actions::after {
	display: table; content: " ";
}
.mixed-box .box-alert::before {
	display: table; content: " ";
}
.mixed-box .box-alert::after {
	display: table; content: " ";
}
.mixed-box .box-footer::before {
	display: table; content: " ";
}
.mixed-box .box-footer::after {
	display: table; content: " ";
}
.mixed-box .box-header::after {
	clear: both;
}
.mixed-box .box-content::after {
	clear: both;
}
.mixed-box .box-actions::after {
	clear: both;
}
.mixed-box .box-alert::after {
	clear: both;
}
.mixed-box .box-footer::after {
	clear: both;
}
.mixed-box .secondary.box-header {
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.05), inset 0px -1px 0px rgba(0,0,0,0.05);
}
.mixed-box .secondary.box-content {
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.05), inset 0px -1px 0px rgba(0,0,0,0.05);
}
.mixed-box .secondary.box-actions {
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.05), inset 0px -1px 0px rgba(0,0,0,0.05);
}
.mixed-box .secondary.box-alert {
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.05), inset 0px -1px 0px rgba(0,0,0,0.05);
}
.mixed-box .secondary.box-footer {
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.05), inset 0px -1px 0px rgba(0,0,0,0.05);
}
.mixed-box :not(.alert).secondary.box-header {
	background-color: rgb(249, 250, 250);
}
.mixed-box :not(.alert).secondary.box-content {
	background-color: rgb(249, 250, 250);
}
.mixed-box :not(.alert).secondary.box-actions {
	background-color: rgb(249, 250, 250);
}
.mixed-box :not(.alert).secondary.box-alert {
	background-color: rgb(249, 250, 250);
}
.mixed-box :not(.alert).secondary.box-footer {
	background-color: rgb(249, 250, 250);
}
.mixed-box .box-header {
	border-radius: 4px 4px 0px 0px; z-index: 2;
}
.mixed-box .secondary.box-header {
	box-shadow: inset 0px -1px 0px rgba(0,0,0,0.05);
}
@media screen and (min-width:680px)
{
.mixed-box .box-actions {
	width: 100%; display: table;
}
}
.mixed-box :not(.box-footer).box-actions {
	padding-top: 15px; padding-bottom: 15px;
}
@media screen and (min-width:680px)
{
.mixed-box .box-footer.box-actions {
	padding-top: 15px; padding-bottom: 15px;
}
}
@media screen and (min-width:680px)
{
.mixed-box .box-actions .box-action-text {
	vertical-align: middle; display: table-cell;
}
.mixed-box .box-actions .box-action-buttons {
	vertical-align: middle; display: table-cell;
}
}
.mixed-box .box-actions .box-action-text {
	width: 100%; line-height: 24px; padding-right: 10px;
}
@media screen and (max-width:959px)
{
.mixed-box .box-actions .box-action-text {
	font-size: 13px;
}
}
@media screen and (min-width:960px)
{
.mixed-box .box-actions .box-action-text {
	font-size: 14px;
}
}
@media screen and (min-width:680px)
{
.mixed-box .box-actions .box-action-text {
	margin: 0px; height: 40px;
}
}
@media screen and (max-width:679px)
{
.mixed-box .box-actions .box-action-text {
	margin: 0px 0px 10px;
}
}
.mixed-box .box-actions .box-action-text svg {
	margin: 0px 5px 0px 0px; vertical-align: middle; fill: #aeb7be;
}
.mixed-box .success.icons-only.box-actions .box-action-text svg {
	fill: #36b55c;
}
.mixed-box .success.icons-only.box-actions .box-action-text strong {
	color: rgb(54, 181, 92);
}
.mixed-box .error.icons-only.box-actions .box-action-text {
	animation:shake 325ms ease-in-out; -webkit-animation: shake 325ms ease-in-out;
}
.mixed-box .error.icons-only.box-actions .box-action-text svg {
	fill: #e21919;
}
.mixed-box .error.icons-only.box-actions .box-action-text strong {
	color: rgb(226, 25, 25);
}
.mixed-box .box-actions .box-action-buttons {
	white-space: nowrap;
}
.mixed-box .alert.box-actions {
	margin: 0px; border-radius: 0px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.05), inset 0px -1px 0px rgba(0,0,0,0.05);
}
.mixed-box .info.alert.box-actions {
	background-color: rgb(249, 250, 250);
}
.mixed-box .icons-only.alert.box-actions {
	background-color: rgb(249, 250, 250);
}
.mixed-box .box-content {
	z-index: 0;
}
.mixed-box .box-footer {
	border-radius: 0px 0px 4px 4px; z-index: 1; box-shadow: 0px 2px 0px rgba(0,0,0,0.1);
}
.mixed-box .secondary.box-footer {
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.05), 0px 2px 0px rgba(0,0,0,0.1);
}
@media screen and (min-width:680px)
{
.mixed-box .secondary.box-footer {
	padding-top: 15px; padding-bottom: 15px;
}
}
.mixed-box .secondary.box-footer .icon-info {
	margin: 0px 12px 5px 0px; top: 3px; float: left; position: relative;
}
.mixed-box .secondary.box-footer p {
	text-align: left; color: rgb(123, 139, 142); line-height: 1.5; font-size: 13px; margin-bottom: 2px;
}
.mixed-box .secondary.box-footer p a {
	color: rgb(87, 99, 102); font-weight: 500;
}
.mixed-box .secondary.box-footer p strong {
	font-weight: 500;
}
.contained {
	background: rgb(255, 255, 255); padding: 30px 15px; border-radius: 5px; margin-bottom: 30px; position: relative; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
}
.contained::before {
	display: table; content: " ";
}
.contained::after {
	display: table; content: " ";
}
.contained::after {
	clear: both;
}
@media screen and (max-width:679px)
{
.contained {
	padding: 20px 5px;
}
}
.secondary.contained {
	padding: 20px;
}
.secondary.contained .disclaimer {
	margin: 0px -20px -20px; padding: 15px 20px 15px 65px;
}
.secondary.contained .disclaimer .icon-info.icon {
	text-indent: -9999px;
}
.secondary.contained .disclaimer p {
	margin-bottom: 0px;
}
.card {
	padding: 0px 15px; transition:transform 50ms; animation:card-fade-up 0.5s; display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; -webkit-animation: card-fade-up 0.5s ease; -webkit-transition: -webkit-transform 50ms ease;
}
@media screen and (max-width:679px)
{
.card {
	margin-bottom: 20px;
}
}
@media screen and (min-width:680px)
{
.card {
	margin-bottom: 30px;
}
}
.card * {
	box-sizing: border-box;
}
.card *::before {
	box-sizing: border-box;
}
.card *::after {
	box-sizing: border-box;
}
.modal .card {
	z-index: 500;
}
.card-list .card:active {
	transform: translateY(3px); -webkit-transform: translatey(3px);
}
.card:hover {
	z-index: 10;
}
.card:active {
	z-index: 10;
}
.card .hidden {
	display: none;
}
.current-card.card {
	width: 100%;
}
.card-list {
	list-style: none; margin: 0px -15px; box-sizing: border-box;
}
.card-list * {
	box-sizing: border-box;
}
.card-list *::before {
	box-sizing: border-box;
}
.card-list *::after {
	box-sizing: border-box;
}
.card-list::before {
	display: table; content: " ";
}
.card-list::after {
	display: table; content: " ";
}
.card-list::after {
	clear: both;
}
@media screen and (min-width:1300px)
{
.truncated.card-list :nth-child(4).card {
	display: none;
}
}
.variable-height.track.card {
	margin-bottom: 10px;
}
:not(.variable-height).track.card {
	margin-bottom: 40px;
}
.current-card.track.card > a {
	padding-bottom: 90px;
}
@media screen and (min-width:750px)
{
.with-sidebar#container #content .card {
	width: 50%; float: left;
}
.with-sidebar#container #content :nth-child(2n).card {
	padding-left: 15px;
}
.with-sidebar#container #content :nth-child(2n).card .card-tags {
	left: 45px;
}
.with-sidebar#container #content :nth-child(2n).card .card-actions {
	left: 45px;
}
.with-sidebar#container #content :nth-child(2n).card .confirmation-tarp {
	left: 15px;
}
.with-sidebar#container #content :nth-child(2n+1).card {
	padding-right: 15px;
}
.with-sidebar#container #content :nth-child(2n+1).card .card-actions {
	right: 45px;
}
.with-sidebar#container #content :nth-child(2n+1).current-card.card .actions {
	right: 30px;
}
.with-sidebar#container #content :nth-child(2n+1).card .confirmation-tarp {
	right: 15px;
}
.with-sidebar#container #content .current-card.card {
	width: 100%; padding-right: 0px;
}
}
@media screen and (max-width:1349px) and (min-width:750px)
{
:not(.with-sidebar)#container #content .card {
	width: 50%; float: left;
}
:not(.with-sidebar)#container #content :nth-child(2n).card {
	padding-left: 15px;
}
:not(.with-sidebar)#container #content :nth-child(2n).card .card-tags {
	left: 45px;
}
:not(.with-sidebar)#container #content :nth-child(2n).card .card-actions {
	left: 45px;
}
:not(.with-sidebar)#container #content :nth-child(2n).card .confirmation-tarp {
	left: 15px;
}
:not(.with-sidebar)#container #content :nth-child(2n+1).card {
	padding-right: 15px;
}
:not(.with-sidebar)#container #content :nth-child(2n+1).card .card-actions {
	right: 45px;
}
:not(.with-sidebar)#container #content :nth-child(2n+1).current-card.card .actions {
	right: 30px;
}
:not(.with-sidebar)#container #content :nth-child(2n+1).card .confirmation-tarp {
	right: 15px;
}
:not(.with-sidebar)#container #content .current-card.card {
	width: 100%; padding-right: 0px;
}
}
@media screen and (min-width:1350px)
{
:not(.with-sidebar)#container #content .card {
	width: 33.3%; float: left;
}
}
.card-title {
	background: rgb(255, 255, 255); padding: 88px 30px 30px; border-radius: 5px 5px 4px 4px; color: rgb(178, 186, 194); display: block; position: relative; min-height: 310px; box-sizing: border-box; box-shadow: 0px 2px 0px rgba(0,0,0,0.06);
}
.card-title * {
	box-sizing: border-box;
}
.card-title *::before {
	box-sizing: border-box;
}
.card-title *::after {
	box-sizing: border-box;
}
.card-title::before {
	display: table; content: " ";
}
.card-title::after {
	display: table; content: " ";
}
.card-title::after {
	clear: both;
}
.modal .trailer.card-title {
	padding-bottom: 90px;
}
.modal .trailer.card-title .estimate {
	display: none;
}
.trailer .card-title {
	padding-top: 265px;
}
.variable-height .card-title {
	padding-bottom: 100px;
}
a.card-title {
	cursor: pointer;
}
.home-card .card-title {
	height: 340px;
}
.track .card-title::after {
	background: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; transition:0.1s ease-in-out; left: 10px; top: 100%; height: 5px; right: 10px; display: block; position: absolute; content: ""; box-shadow: inset 0px 2px 0px rgba(0,0,0,0.07), 0px 2px 0px rgba(0,0,0,0.07); -webkit-transition: 0.1s ease-in-out;
}
.track .card-title::before {
	background: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; transition:0.1s ease-in-out; left: 10px; top: 100%; height: 5px; right: 10px; display: block; position: absolute; content: ""; box-shadow: inset 0px 2px 0px rgba(0,0,0,0.07), 0px 2px 0px rgba(0,0,0,0.07); -webkit-transition: 0.1s ease-in-out;
}
.track .card-title::before {
	left: 20px; height: 10px; right: 20px;
}
.track .card-link.card-title:hover::after {
	height: 10px;
}
.track .card-link.card-title:hover::before {
	height: 20px;
}
.card-title strong {
	transition:color 300ms; -webkit-transition: color 300ms ease;
}
.card-title h3 {
	transition:color 300ms; -webkit-transition: color 300ms ease;
}
.card-title .description {
	transition:color 300ms; -webkit-transition: color 300ms ease;
}
.card-title strong {
	margin: 0px 0px 8px; color: rgb(123, 139, 142); line-height: 12px; font-size: 14px; display: block;
}
.trailer .card-title strong {
	font-size: 12px; margin-bottom: 0px;
}
a.card-title:hover strong {
	color: rgb(106, 120, 124);
}
.card-title h3 {
	margin: 0px 0px 20px; color: rgb(75, 86, 88); line-height: 24px; font-size: 18px;
}
.trailer .card-title h3 {
	margin: 0px; overflow: hidden; font-size: 14px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
a.card-title:hover h3 {
	color: rgb(59, 67, 69);
}
.card-title .description {
	margin: 0px; color: rgb(123, 139, 142); overflow: hidden; font-size: 14px; position: relative; z-index: 0;
}
.modal .card-title .description {
	color: rgb(87, 99, 102);
}
.card-title .description a {
	font-weight: 500; display: inline;
}
.card-title.topic-html .description a {
	color: rgb(57, 173, 209);
}
.topic-html .card-title .description a {
	color: rgb(57, 173, 209);
}
.card-title.topic-css .description a {
	color: rgb(48, 121, 171);
}
.topic-css .card-title .description a {
	color: rgb(48, 121, 171);
}
.card-title.topic-javascript .description a {
	color: rgb(194, 89, 117);
}
.topic-javascript .card-title .description a {
	color: rgb(194, 89, 117);
}
.card-title.topic-java .description a {
	color: rgb(44, 150, 118);
}
.topic-java .card-title .description a {
	color: rgb(44, 150, 118);
}
.card-title.topic-ruby .description a {
	color: rgb(225, 82, 88);
}
.topic-ruby .card-title .description a {
	color: rgb(225, 82, 88);
}
.card-title.topic-business .description a {
	color: rgb(249, 132, 91);
}
.topic-business .card-title .description a {
	color: rgb(249, 132, 91);
}
.card-title.topic-wordpress .description a {
	color: rgb(131, 140, 199);
}
.topic-wordpress .card-title .description a {
	color: rgb(131, 140, 199);
}
.card-title.topic-php .description a {
	color: rgb(125, 102, 158);
}
.topic-php .card-title .description a {
	color: rgb(125, 102, 158);
}
.card-title.topic-ios .description a {
	color: rgb(83, 187, 180);
}
.topic-ios .card-title .description a {
	color: rgb(83, 187, 180);
}
.card-title.topic-android .description a {
	color: rgb(92, 184, 96);
}
.topic-android .card-title .description a {
	color: rgb(92, 184, 96);
}
.card-title.topic-design .description a {
	color: rgb(229, 154, 19);
}
.topic-design .card-title .description a {
	color: rgb(229, 154, 19);
}
.card-title.topic-development-tools .description a {
	color: rgb(99, 122, 145);
}
.topic-development-tools .card-title .description a {
	color: rgb(99, 122, 145);
}
.card-title.topic-python .description a {
	color: rgb(240, 146, 176);
}
.topic-python .card-title .description a {
	color: rgb(240, 146, 176);
}
.card-title.topic-digital-literacy .description a {
	color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-title .description a {
	color: rgb(195, 140, 212);
}
.card-title.topic-game-development .description a {
	color: rgb(32, 137, 140);
}
.topic-game-development .card-title .description a {
	color: rgb(32, 137, 140);
}
.card-title.topic-csharp .description a {
	color: rgb(158, 77, 131);
}
.topic-csharp .card-title .description a {
	color: rgb(158, 77, 131);
}
.card-title.topic-databases .description a {
	color: rgb(235, 119, 40);
}
.topic-databases .card-title .description a {
	color: rgb(235, 119, 40);
}
.card-title.topic-undefined .description a {
	color: rgb(113, 123, 133);
}
.topic-undefined .card-title .description a {
	color: rgb(113, 123, 133);
}
:not(.variable-height).card .card-title .description {
	max-height: 40px;
}
html.webkit :not(.variable-height).card .card-title .description {
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
html:not(.webkit) :not(.variable-height).card .card-title .description::after {
	width: 80px; height: 16px; right: 0px; bottom: 0px; position: absolute; content: ""; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 40%, rgb(255, 255, 255));
}
.card-title .description p:last-child {
	margin: 0px;
}
a.card-title:hover .description {
	color: rgb(106, 120, 124);
}
.card-title .current-step {
	margin: 0px; left: 30px; height: 18px; right: 30px; bottom: 90px; overflow: hidden; white-space: nowrap; position: absolute; -ms-text-overflow: ellipsis;
}
.card-title .current-step svg {
	top: -1px; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; position: relative; fill: #7b8b8e;
}
.safari .card-title .current-step svg {
	top: -2px;
}
.card-progress {
	padding: 0px 30px; border-radius: 4px 4px 0px 0px; left: 0px; top: 0px; height: 58px; right: 0px; color: rgb(255, 255, 255); line-height: 58px; display: block; position: absolute; background-color: rgb(113, 123, 133);
}
.card-progress.topic-html {
	background-color: rgb(57, 173, 209);
}
.topic-html .card-progress {
	background-color: rgb(57, 173, 209);
}
.card-progress.topic-css {
	background-color: rgb(48, 121, 171);
}
.topic-css .card-progress {
	background-color: rgb(48, 121, 171);
}
.card-progress.topic-javascript {
	background-color: rgb(194, 89, 117);
}
.topic-javascript .card-progress {
	background-color: rgb(194, 89, 117);
}
.card-progress.topic-java {
	background-color: rgb(44, 150, 118);
}
.topic-java .card-progress {
	background-color: rgb(44, 150, 118);
}
.card-progress.topic-ruby {
	background-color: rgb(225, 82, 88);
}
.topic-ruby .card-progress {
	background-color: rgb(225, 82, 88);
}
.card-progress.topic-business {
	background-color: rgb(249, 132, 91);
}
.topic-business .card-progress {
	background-color: rgb(249, 132, 91);
}
.card-progress.topic-wordpress {
	background-color: rgb(131, 140, 199);
}
.topic-wordpress .card-progress {
	background-color: rgb(131, 140, 199);
}
.card-progress.topic-php {
	background-color: rgb(125, 102, 158);
}
.topic-php .card-progress {
	background-color: rgb(125, 102, 158);
}
.card-progress.topic-ios {
	background-color: rgb(83, 187, 180);
}
.topic-ios .card-progress {
	background-color: rgb(83, 187, 180);
}
.card-progress.topic-android {
	background-color: rgb(92, 184, 96);
}
.topic-android .card-progress {
	background-color: rgb(92, 184, 96);
}
.card-progress.topic-design {
	background-color: rgb(229, 154, 19);
}
.topic-design .card-progress {
	background-color: rgb(229, 154, 19);
}
.card-progress.topic-development-tools {
	background-color: rgb(99, 122, 145);
}
.topic-development-tools .card-progress {
	background-color: rgb(99, 122, 145);
}
.card-progress.topic-python {
	background-color: rgb(240, 146, 176);
}
.topic-python .card-progress {
	background-color: rgb(240, 146, 176);
}
.card-progress.topic-digital-literacy {
	background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-progress {
	background-color: rgb(195, 140, 212);
}
.card-progress.topic-game-development {
	background-color: rgb(32, 137, 140);
}
.topic-game-development .card-progress {
	background-color: rgb(32, 137, 140);
}
.card-progress.topic-csharp {
	background-color: rgb(158, 77, 131);
}
.topic-csharp .card-progress {
	background-color: rgb(158, 77, 131);
}
.card-progress.topic-databases {
	background-color: rgb(235, 119, 40);
}
.topic-databases .card-progress {
	background-color: rgb(235, 119, 40);
}
.card-progress.topic-undefined {
	background-color: rgb(113, 123, 133);
}
.topic-undefined .card-progress {
	background-color: rgb(113, 123, 133);
}
.card-progress svg {
	top: 4px; width: 18px; height: 18px; margin-right: 15px; position: relative; fill: #fff;
}
.card-progress .modal-close {
	background: rgba(0, 0, 0, 0.15); margin: 18px -12px 0px 20px; padding: 5px; border-radius: 3px; border: 0px currentColor; border-image: none; top: 0px; right: 0px; line-height: 0px; float: right; position: relative; z-index: 1; cursor: pointer; transition-duration: 0.4s; -webkit-transition-duration: 0.4s;
}
.card-progress .modal-close:hover {
	background: rgba(0, 0, 0, 0.25);
}
.card-progress .modal-close svg {
	margin: 0px; top: 0px; width: 12px; height: 12px;
}
.card-progress .estimate {
	top: 0px; text-align: right; right: 30px; color: rgb(255, 255, 255); padding-left: 10px; font-size: 14px; font-weight: 500; position: absolute; min-width: 80px;
}
.upcoming .card-progress .estimate {
	display: none;
}
.card-progress ul {
	margin-bottom: 0px; display: inline-block;
}
.upcoming .card-progress ul {
	display: none;
}
.completed .card-progress ul {
	display: none;
}
.conference .card-progress ul {
	display: none;
}
.card-progress ul li {
	border-radius: 100px; border: 2px solid rgba(255, 255, 255, 0.3); border-image: none; width: 10px; height: 10px; text-indent: -100px; overflow: hidden; margin-right: 7px; float: left; display: block; background-color: transparent;
}
.card-progress ul li.current {
	border-color: rgb(255, 255, 255);
}
.card-progress ul li.complete {
	border-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
}
.card-trailer-thumb {
	background-position: center; padding: 0px; border-radius: 5px 5px 0px 0px; left: 15px; top: 0px; text-align: center; right: 15px; bottom: 95px; overflow: hidden; display: block; position: absolute; z-index: 1; min-height: 0px; box-shadow: none; background-size: cover; background-color: rgb(56, 64, 71);
}
.card-trailer-thumb:hover svg {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.card-trailer-thumb::after {
	transition:opacity 0.1s; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; opacity: 0.3; background-color: rgb(56, 64, 71); -webkit-transition: opacity 0.1s ease;
}
.card-trailer-thumb img {
	display: none;
}
.card-trailer-thumb svg {
	margin: -21px 0px 0px -20px; transition:transform 0.1s; left: 50%; top: 50%; position: absolute; z-index: 2; fill: #fff; -webkit-transition: -webkit-transform 0.1s ease;
}
.card-trailer-thumb .play-icon {
	width: 40px; height: 42px;
}
.card-trailer-thumb .loading-icon {
	width: 42px; height: 42px;
}
.card-trailer-thumb .loading-icon .loading-circle {
	opacity: 0.65; fill: #fff;
}
.card-trailer-thumb .loading-icon .loading-quarter-circle {
	fill: #fff;
}
.card-trailer-thumb:active::after {
	opacity: 0.5;
}
.card-trailer-thumb:active svg {
	transition:transform 0.1s; transform: scale(1); -webkit-transform: scale(1); -webkit-transition: -webkit-transform 0.1s ease;
}
.card-course-trailer {
	background: rgb(56, 64, 71); margin: -30px -30px 30px;
}
.card-course-trailer .mejs-container {
	border-radius: 0px !important;
}
.card-course-trailer .mejs-container .mejs-mediaelement video {
	border-radius: 0px !important;
}
.card-meta {
	display: block;
}
.card-tags {
	margin: 0px; transition:opacity 0.15s 0.15s; left: 45px; height: 36px; right: 125px; bottom: 30px; overflow: hidden; white-space: nowrap; position: absolute; z-index: 2; -webkit-transition: opacity 0.15s ease 0.15s;
}
.card-tags:hover {
	overflow: visible;
}
.completed .card-tags {
	display: none;
}
:not(.upcoming).bookmarked .card-tags {
	z-index: 1; opacity: 0;
}
:not(.upcoming).in-progress .card-tags {
	z-index: 1; opacity: 0;
}
:not(.upcoming).in-queue .card-tags {
	z-index: 1; opacity: 0;
}
:not(.upcoming).track .card-tags {
	z-index: 1; opacity: 0;
}
.fade-out-quick .card-tags {
	transition-delay: 0s; -webkit-transition-delay: 0s;
}
.card-tags li {
	margin-bottom: 0px;
}
.card-tags li.new-content > a {
	color: rgb(255, 255, 255);
}
.card-tags li.new-content > span {
	color: rgb(255, 255, 255);
}
.card-tags li.pro-content > a {
	color: rgb(255, 255, 255);
}
.card-tags li.pro-content > span {
	color: rgb(255, 255, 255);
}
.card-tags.topic-html li.new-content > a {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.card-tags.topic-html li.new-content > span {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.card-tags.topic-html li.pro-content > a {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.card-tags.topic-html li.pro-content > span {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-html .card-tags li.new-content > a {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-html .card-tags li.new-content > span {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-html .card-tags li.pro-content > a {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-html .card-tags li.pro-content > span {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.card-tags.topic-css li.new-content > a {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.card-tags.topic-css li.new-content > span {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.card-tags.topic-css li.pro-content > a {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.card-tags.topic-css li.pro-content > span {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-css .card-tags li.new-content > a {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-css .card-tags li.new-content > span {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-css .card-tags li.pro-content > a {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-css .card-tags li.pro-content > span {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.card-tags.topic-javascript li.new-content > a {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.card-tags.topic-javascript li.new-content > span {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.card-tags.topic-javascript li.pro-content > a {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.card-tags.topic-javascript li.pro-content > span {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-javascript .card-tags li.new-content > a {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-javascript .card-tags li.new-content > span {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-javascript .card-tags li.pro-content > a {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-javascript .card-tags li.pro-content > span {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.card-tags.topic-java li.new-content > a {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.card-tags.topic-java li.new-content > span {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.card-tags.topic-java li.pro-content > a {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.card-tags.topic-java li.pro-content > span {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-java .card-tags li.new-content > a {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-java .card-tags li.new-content > span {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-java .card-tags li.pro-content > a {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-java .card-tags li.pro-content > span {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.card-tags.topic-ruby li.new-content > a {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.card-tags.topic-ruby li.new-content > span {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.card-tags.topic-ruby li.pro-content > a {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.card-tags.topic-ruby li.pro-content > span {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-ruby .card-tags li.new-content > a {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-ruby .card-tags li.new-content > span {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-ruby .card-tags li.pro-content > a {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-ruby .card-tags li.pro-content > span {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.card-tags.topic-business li.new-content > a {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.card-tags.topic-business li.new-content > span {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.card-tags.topic-business li.pro-content > a {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.card-tags.topic-business li.pro-content > span {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-business .card-tags li.new-content > a {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-business .card-tags li.new-content > span {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-business .card-tags li.pro-content > a {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-business .card-tags li.pro-content > span {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.card-tags.topic-wordpress li.new-content > a {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.card-tags.topic-wordpress li.new-content > span {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.card-tags.topic-wordpress li.pro-content > a {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.card-tags.topic-wordpress li.pro-content > span {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-wordpress .card-tags li.new-content > a {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-wordpress .card-tags li.new-content > span {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-wordpress .card-tags li.pro-content > a {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-wordpress .card-tags li.pro-content > span {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.card-tags.topic-php li.new-content > a {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.card-tags.topic-php li.new-content > span {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.card-tags.topic-php li.pro-content > a {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.card-tags.topic-php li.pro-content > span {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-php .card-tags li.new-content > a {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-php .card-tags li.new-content > span {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-php .card-tags li.pro-content > a {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-php .card-tags li.pro-content > span {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.card-tags.topic-ios li.new-content > a {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.card-tags.topic-ios li.new-content > span {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.card-tags.topic-ios li.pro-content > a {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.card-tags.topic-ios li.pro-content > span {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-ios .card-tags li.new-content > a {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-ios .card-tags li.new-content > span {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-ios .card-tags li.pro-content > a {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-ios .card-tags li.pro-content > span {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.card-tags.topic-android li.new-content > a {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.card-tags.topic-android li.new-content > span {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.card-tags.topic-android li.pro-content > a {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.card-tags.topic-android li.pro-content > span {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-android .card-tags li.new-content > a {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-android .card-tags li.new-content > span {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-android .card-tags li.pro-content > a {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-android .card-tags li.pro-content > span {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.card-tags.topic-design li.new-content > a {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.card-tags.topic-design li.new-content > span {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.card-tags.topic-design li.pro-content > a {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.card-tags.topic-design li.pro-content > span {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-design .card-tags li.new-content > a {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-design .card-tags li.new-content > span {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-design .card-tags li.pro-content > a {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-design .card-tags li.pro-content > span {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.card-tags.topic-development-tools li.new-content > a {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.card-tags.topic-development-tools li.new-content > span {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.card-tags.topic-development-tools li.pro-content > a {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.card-tags.topic-development-tools li.pro-content > span {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-development-tools .card-tags li.new-content > a {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-development-tools .card-tags li.new-content > span {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-development-tools .card-tags li.pro-content > a {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-development-tools .card-tags li.pro-content > span {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.card-tags.topic-python li.new-content > a {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.card-tags.topic-python li.new-content > span {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.card-tags.topic-python li.pro-content > a {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.card-tags.topic-python li.pro-content > span {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-python .card-tags li.new-content > a {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-python .card-tags li.new-content > span {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-python .card-tags li.pro-content > a {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-python .card-tags li.pro-content > span {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.card-tags.topic-digital-literacy li.new-content > a {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.card-tags.topic-digital-literacy li.new-content > span {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.card-tags.topic-digital-literacy li.pro-content > a {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.card-tags.topic-digital-literacy li.pro-content > span {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-tags li.new-content > a {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-tags li.new-content > span {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-tags li.pro-content > a {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-tags li.pro-content > span {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.card-tags.topic-game-development li.new-content > a {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.card-tags.topic-game-development li.new-content > span {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.card-tags.topic-game-development li.pro-content > a {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.card-tags.topic-game-development li.pro-content > span {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-game-development .card-tags li.new-content > a {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-game-development .card-tags li.new-content > span {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-game-development .card-tags li.pro-content > a {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-game-development .card-tags li.pro-content > span {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.card-tags.topic-csharp li.new-content > a {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.card-tags.topic-csharp li.new-content > span {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.card-tags.topic-csharp li.pro-content > a {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.card-tags.topic-csharp li.pro-content > span {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-csharp .card-tags li.new-content > a {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-csharp .card-tags li.new-content > span {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-csharp .card-tags li.pro-content > a {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-csharp .card-tags li.pro-content > span {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.card-tags.topic-databases li.new-content > a {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.card-tags.topic-databases li.new-content > span {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.card-tags.topic-databases li.pro-content > a {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.card-tags.topic-databases li.pro-content > span {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-databases .card-tags li.new-content > a {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-databases .card-tags li.new-content > span {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-databases .card-tags li.pro-content > a {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-databases .card-tags li.pro-content > span {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.card-tags.topic-undefined li.new-content > a {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.card-tags.topic-undefined li.new-content > span {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.card-tags.topic-undefined li.pro-content > a {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.card-tags.topic-undefined li.pro-content > span {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-undefined .card-tags li.new-content > a {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-undefined .card-tags li.new-content > span {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-undefined .card-tags li.pro-content > a {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-undefined .card-tags li.pro-content > span {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.card-tags.topic-html li.new-content > a:hover {
	border-color: rgb(45, 160, 195); background-color: rgb(45, 160, 195);
}
.card-tags.topic-html li.pro-content > a:hover {
	border-color: rgb(45, 160, 195); background-color: rgb(45, 160, 195);
}
.topic-html .card-tags li.new-content > a:hover {
	border-color: rgb(45, 160, 195); background-color: rgb(45, 160, 195);
}
.topic-html .card-tags li.pro-content > a:hover {
	border-color: rgb(45, 160, 195); background-color: rgb(45, 160, 195);
}
.card-tags.topic-css li.new-content > a:hover {
	border-color: rgb(42, 107, 151); background-color: rgb(42, 107, 151);
}
.card-tags.topic-css li.pro-content > a:hover {
	border-color: rgb(42, 107, 151); background-color: rgb(42, 107, 151);
}
.topic-css .card-tags li.new-content > a:hover {
	border-color: rgb(42, 107, 151); background-color: rgb(42, 107, 151);
}
.topic-css .card-tags li.pro-content > a:hover {
	border-color: rgb(42, 107, 151); background-color: rgb(42, 107, 151);
}
.card-tags.topic-javascript li.new-content > a:hover {
	border-color: rgb(187, 70, 101); background-color: rgb(187, 70, 101);
}
.card-tags.topic-javascript li.pro-content > a:hover {
	border-color: rgb(187, 70, 101); background-color: rgb(187, 70, 101);
}
.topic-javascript .card-tags li.new-content > a:hover {
	border-color: rgb(187, 70, 101); background-color: rgb(187, 70, 101);
}
.topic-javascript .card-tags li.pro-content > a:hover {
	border-color: rgb(187, 70, 101); background-color: rgb(187, 70, 101);
}
.card-tags.topic-java li.new-content > a:hover {
	border-color: rgb(38, 130, 102); background-color: rgb(38, 130, 102);
}
.card-tags.topic-java li.pro-content > a:hover {
	border-color: rgb(38, 130, 102); background-color: rgb(38, 130, 102);
}
.topic-java .card-tags li.new-content > a:hover {
	border-color: rgb(38, 130, 102); background-color: rgb(38, 130, 102);
}
.topic-java .card-tags li.pro-content > a:hover {
	border-color: rgb(38, 130, 102); background-color: rgb(38, 130, 102);
}
.card-tags.topic-ruby li.new-content > a:hover {
	border-color: rgb(221, 60, 67); background-color: rgb(221, 60, 67);
}
.card-tags.topic-ruby li.pro-content > a:hover {
	border-color: rgb(221, 60, 67); background-color: rgb(221, 60, 67);
}
.topic-ruby .card-tags li.new-content > a:hover {
	border-color: rgb(221, 60, 67); background-color: rgb(221, 60, 67);
}
.topic-ruby .card-tags li.pro-content > a:hover {
	border-color: rgb(221, 60, 67); background-color: rgb(221, 60, 67);
}
.card-tags.topic-business li.new-content > a:hover {
	border-color: rgb(248, 114, 66); background-color: rgb(248, 114, 66);
}
.card-tags.topic-business li.pro-content > a:hover {
	border-color: rgb(248, 114, 66); background-color: rgb(248, 114, 66);
}
.topic-business .card-tags li.new-content > a:hover {
	border-color: rgb(248, 114, 66); background-color: rgb(248, 114, 66);
}
.topic-business .card-tags li.pro-content > a:hover {
	border-color: rgb(248, 114, 66); background-color: rgb(248, 114, 66);
}
.card-tags.topic-wordpress li.new-content > a:hover {
	border-color: rgb(113, 124, 191); background-color: rgb(113, 124, 191);
}
.card-tags.topic-wordpress li.pro-content > a:hover {
	border-color: rgb(113, 124, 191); background-color: rgb(113, 124, 191);
}
.topic-wordpress .card-tags li.new-content > a:hover {
	border-color: rgb(113, 124, 191); background-color: rgb(113, 124, 191);
}
.topic-wordpress .card-tags li.pro-content > a:hover {
	border-color: rgb(113, 124, 191); background-color: rgb(113, 124, 191);
}
.card-tags.topic-php li.new-content > a:hover {
	border-color: rgb(113, 91, 144); background-color: rgb(113, 91, 144);
}
.card-tags.topic-php li.pro-content > a:hover {
	border-color: rgb(113, 91, 144); background-color: rgb(113, 91, 144);
}
.topic-php .card-tags li.new-content > a:hover {
	border-color: rgb(113, 91, 144); background-color: rgb(113, 91, 144);
}
.topic-php .card-tags li.pro-content > a:hover {
	border-color: rgb(113, 91, 144); background-color: rgb(113, 91, 144);
}
.card-tags.topic-ios li.new-content > a:hover {
	border-color: rgb(69, 175, 168); background-color: rgb(69, 175, 168);
}
.card-tags.topic-ios li.pro-content > a:hover {
	border-color: rgb(69, 175, 168); background-color: rgb(69, 175, 168);
}
.topic-ios .card-tags li.new-content > a:hover {
	border-color: rgb(69, 175, 168); background-color: rgb(69, 175, 168);
}
.topic-ios .card-tags li.pro-content > a:hover {
	border-color: rgb(69, 175, 168); background-color: rgb(69, 175, 168);
}
.card-tags.topic-android li.new-content > a:hover {
	border-color: rgb(76, 174, 80); background-color: rgb(76, 174, 80);
}
.card-tags.topic-android li.pro-content > a:hover {
	border-color: rgb(76, 174, 80); background-color: rgb(76, 174, 80);
}
.topic-android .card-tags li.new-content > a:hover {
	border-color: rgb(76, 174, 80); background-color: rgb(76, 174, 80);
}
.topic-android .card-tags li.pro-content > a:hover {
	border-color: rgb(76, 174, 80); background-color: rgb(76, 174, 80);
}
.card-tags.topic-design li.new-content > a:hover {
	border-color: rgb(205, 138, 17); background-color: rgb(205, 138, 17);
}
.card-tags.topic-design li.pro-content > a:hover {
	border-color: rgb(205, 138, 17); background-color: rgb(205, 138, 17);
}
.topic-design .card-tags li.new-content > a:hover {
	border-color: rgb(205, 138, 17); background-color: rgb(205, 138, 17);
}
.topic-design .card-tags li.pro-content > a:hover {
	border-color: rgb(205, 138, 17); background-color: rgb(205, 138, 17);
}
.card-tags.topic-development-tools li.new-content > a:hover {
	border-color: rgb(89, 109, 130); background-color: rgb(89, 109, 130);
}
.card-tags.topic-development-tools li.pro-content > a:hover {
	border-color: rgb(89, 109, 130); background-color: rgb(89, 109, 130);
}
.topic-development-tools .card-tags li.new-content > a:hover {
	border-color: rgb(89, 109, 130); background-color: rgb(89, 109, 130);
}
.topic-development-tools .card-tags li.pro-content > a:hover {
	border-color: rgb(89, 109, 130); background-color: rgb(89, 109, 130);
}
.card-tags.topic-python li.new-content > a:hover {
	border-color: rgb(237, 124, 160); background-color: rgb(237, 124, 160);
}
.card-tags.topic-python li.pro-content > a:hover {
	border-color: rgb(237, 124, 160); background-color: rgb(237, 124, 160);
}
.topic-python .card-tags li.new-content > a:hover {
	border-color: rgb(237, 124, 160); background-color: rgb(237, 124, 160);
}
.topic-python .card-tags li.pro-content > a:hover {
	border-color: rgb(237, 124, 160); background-color: rgb(237, 124, 160);
}
.card-tags.topic-digital-literacy li.new-content > a:hover {
	border-color: rgb(185, 121, 205); background-color: rgb(185, 121, 205);
}
.card-tags.topic-digital-literacy li.pro-content > a:hover {
	border-color: rgb(185, 121, 205); background-color: rgb(185, 121, 205);
}
.topic-digital-literacy .card-tags li.new-content > a:hover {
	border-color: rgb(185, 121, 205); background-color: rgb(185, 121, 205);
}
.topic-digital-literacy .card-tags li.pro-content > a:hover {
	border-color: rgb(185, 121, 205); background-color: rgb(185, 121, 205);
}
.card-tags.topic-game-development li.new-content > a:hover {
	border-color: rgb(27, 117, 119); background-color: rgb(27, 117, 119);
}
.card-tags.topic-game-development li.pro-content > a:hover {
	border-color: rgb(27, 117, 119); background-color: rgb(27, 117, 119);
}
.topic-game-development .card-tags li.new-content > a:hover {
	border-color: rgb(27, 117, 119); background-color: rgb(27, 117, 119);
}
.topic-game-development .card-tags li.pro-content > a:hover {
	border-color: rgb(27, 117, 119); background-color: rgb(27, 117, 119);
}
.card-tags.topic-csharp li.new-content > a:hover {
	border-color: rgb(141, 69, 117); background-color: rgb(141, 69, 117);
}
.card-tags.topic-csharp li.pro-content > a:hover {
	border-color: rgb(141, 69, 117); background-color: rgb(141, 69, 117);
}
.topic-csharp .card-tags li.new-content > a:hover {
	border-color: rgb(141, 69, 117); background-color: rgb(141, 69, 117);
}
.topic-csharp .card-tags li.pro-content > a:hover {
	border-color: rgb(141, 69, 117); background-color: rgb(141, 69, 117);
}
.card-tags.topic-databases li.new-content > a:hover {
	border-color: rgb(228, 105, 21); background-color: rgb(228, 105, 21);
}
.card-tags.topic-databases li.pro-content > a:hover {
	border-color: rgb(228, 105, 21); background-color: rgb(228, 105, 21);
}
.topic-databases .card-tags li.new-content > a:hover {
	border-color: rgb(228, 105, 21); background-color: rgb(228, 105, 21);
}
.topic-databases .card-tags li.pro-content > a:hover {
	border-color: rgb(228, 105, 21); background-color: rgb(228, 105, 21);
}
.card-tags.topic-undefined li.new-content > a:hover {
	border-color: rgb(101, 110, 119); background-color: rgb(101, 110, 119);
}
.card-tags.topic-undefined li.pro-content > a:hover {
	border-color: rgb(101, 110, 119); background-color: rgb(101, 110, 119);
}
.topic-undefined .card-tags li.new-content > a:hover {
	border-color: rgb(101, 110, 119); background-color: rgb(101, 110, 119);
}
.topic-undefined .card-tags li.pro-content > a:hover {
	border-color: rgb(101, 110, 119); background-color: rgb(101, 110, 119);
}
.card-tags li.qa-content > a {
	border-color: rgb(237, 90, 90); color: rgb(237, 90, 90); padding-right: 15px; padding-left: 15px;
}
.card-tags li.qa-content > span {
	border-color: rgb(237, 90, 90); color: rgb(237, 90, 90); padding-right: 15px; padding-left: 15px;
}
.card-tags li.upcoming-content > a {
	border-style: dashed; border-color: rgb(230, 232, 235); padding-right: 15px; padding-left: 15px;
}
.card-tags li.upcoming-content > span {
	border-style: dashed; border-color: rgb(230, 232, 235); padding-right: 15px; padding-left: 15px;
}
.card-tags li:last-child {
	margin-right: 0px;
}
.card-tags li.truncated-tags {
	display: none;
}
.card-tags li.truncated-tags > span {
	padding: 0px; width: 36px; text-align: center; text-indent: 1px; font-size: 11px;
}
.card-tags li.truncated-tags > span::after {
	letter-spacing: 1px; content: "•••";
}
.card-tags li.topics ul .topic-html.topic::before {
	color: rgb(57, 173, 209);
}
.card-tags li.topics ul .topic-css.topic::before {
	color: rgb(48, 121, 171);
}
.card-tags li.topics ul .topic-javascript.topic::before {
	color: rgb(194, 89, 117);
}
.card-tags li.topics ul .topic-java.topic::before {
	color: rgb(44, 150, 118);
}
.card-tags li.topics ul .topic-ruby.topic::before {
	color: rgb(225, 82, 88);
}
.card-tags li.topics ul .topic-business.topic::before {
	color: rgb(249, 132, 91);
}
.card-tags li.topics ul .topic-wordpress.topic::before {
	color: rgb(131, 140, 199);
}
.card-tags li.topics ul .topic-php.topic::before {
	color: rgb(125, 102, 158);
}
.card-tags li.topics ul .topic-ios.topic::before {
	color: rgb(83, 187, 180);
}
.card-tags li.topics ul .topic-android.topic::before {
	color: rgb(92, 184, 96);
}
.card-tags li.topics ul .topic-design.topic::before {
	color: rgb(229, 154, 19);
}
.card-tags li.topics ul .topic-development-tools.topic::before {
	color: rgb(99, 122, 145);
}
.card-tags li.topics ul .topic-python.topic::before {
	color: rgb(240, 146, 176);
}
.card-tags li.topics ul .topic-digital-literacy.topic::before {
	color: rgb(195, 140, 212);
}
.card-tags li.topics ul .topic-game-development.topic::before {
	color: rgb(32, 137, 140);
}
.card-tags li.topics ul .topic-csharp.topic::before {
	color: rgb(158, 77, 131);
}
.card-tags li.topics ul .topic-databases.topic::before {
	color: rgb(235, 119, 40);
}
.card-tags li.topics ul .topic-undefined.topic::before {
	color: rgb(113, 123, 133);
}
.card-tags li.topics ul .topic::before {
	top: -1px; font-size: 20px; margin-right: 4px; vertical-align: middle; position: relative; content: "•";
}
.card-tags li.truncated-tags {
	position: relative;
}
.card-tags li.topics {
	position: relative;
}
.card-tags li.truncated-tags:hover ul {
	transition:bottom 0.3s, opacity 0.3s; bottom: 43px; opacity: 1; -webkit-transition: bottom 0.3s ease, opacity 0.3s ease;
}
.card-tags li.topics:hover ul {
	transition:bottom 0.3s, opacity 0.3s; bottom: 43px; opacity: 1; -webkit-transition: bottom 0.3s ease, opacity 0.3s ease;
}
.card-tags li.truncated-tags ul {
	background: rgb(66, 72, 78); padding: 15px 20px; border-radius: 4px; left: -10px; bottom: 35px; position: absolute; opacity: 0;
}
.card-tags li.topics ul {
	background: rgb(66, 72, 78); padding: 15px 20px; border-radius: 4px; left: -10px; bottom: 35px; position: absolute; opacity: 0;
}
.card-tags li.truncated-tags ul::after {
	background: rgb(66, 72, 78); border-radius: 0px 0px 3px; left: 22px; width: 10px; height: 10px; bottom: -5px; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.card-tags li.topics ul::after {
	background: rgb(66, 72, 78); border-radius: 0px 0px 3px; left: 22px; width: 10px; height: 10px; bottom: -5px; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.card-tags li.truncated-tags ul li {
	display: block;
}
.card-tags li.topics ul li {
	display: block;
}
.card-tags li.truncated-tags ul li a {
	padding: 0px; border: currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 24px; font-size: 13px; font-weight: bold;
}
.card-tags li.truncated-tags ul li span {
	padding: 0px; border: currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 24px; font-size: 13px; font-weight: bold;
}
.card-tags li.topics ul li a {
	padding: 0px; border: currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 24px; font-size: 13px; font-weight: bold;
}
.card-tags li.topics ul li span {
	padding: 0px; border: currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 24px; font-size: 13px; font-weight: bold;
}
.truncated.card-tags .truncated-tags {
	display: inline-block;
}
.card .complete-status {
	bottom: 40px; display: none; position: absolute;
}
.card .complete-status .complete-icon {
	top: 1px; margin-right: 5px; position: relative;
}
.card.topic-html .complete-status .complete-icon {
	fill: #39add1;
}
.topic-html .card .complete-status .complete-icon {
	fill: #39add1;
}
.card.topic-css .complete-status .complete-icon {
	fill: #3079ab;
}
.topic-css .card .complete-status .complete-icon {
	fill: #3079ab;
}
.card.topic-javascript .complete-status .complete-icon {
	fill: #c25975;
}
.topic-javascript .card .complete-status .complete-icon {
	fill: #c25975;
}
.card.topic-java .complete-status .complete-icon {
	fill: #2c9676;
}
.topic-java .card .complete-status .complete-icon {
	fill: #2c9676;
}
.card.topic-ruby .complete-status .complete-icon {
	fill: #e15258;
}
.topic-ruby .card .complete-status .complete-icon {
	fill: #e15258;
}
.card.topic-business .complete-status .complete-icon {
	fill: #f9845b;
}
.topic-business .card .complete-status .complete-icon {
	fill: #f9845b;
}
.card.topic-wordpress .complete-status .complete-icon {
	fill: #838cc7;
}
.topic-wordpress .card .complete-status .complete-icon {
	fill: #838cc7;
}
.card.topic-php .complete-status .complete-icon {
	fill: #7d669e;
}
.topic-php .card .complete-status .complete-icon {
	fill: #7d669e;
}
.card.topic-ios .complete-status .complete-icon {
	fill: #53bbb4;
}
.topic-ios .card .complete-status .complete-icon {
	fill: #53bbb4;
}
.card.topic-android .complete-status .complete-icon {
	fill: #5cb860;
}
.topic-android .card .complete-status .complete-icon {
	fill: #5cb860;
}
.card.topic-design .complete-status .complete-icon {
	fill: #e59a13;
}
.topic-design .card .complete-status .complete-icon {
	fill: #e59a13;
}
.card.topic-development-tools .complete-status .complete-icon {
	fill: #637a91;
}
.topic-development-tools .card .complete-status .complete-icon {
	fill: #637a91;
}
.card.topic-python .complete-status .complete-icon {
	fill: #f092b0;
}
.topic-python .card .complete-status .complete-icon {
	fill: #f092b0;
}
.card.topic-digital-literacy .complete-status .complete-icon {
	fill: #c38cd4;
}
.topic-digital-literacy .card .complete-status .complete-icon {
	fill: #c38cd4;
}
.card.topic-game-development .complete-status .complete-icon {
	fill: #20898c;
}
.topic-game-development .card .complete-status .complete-icon {
	fill: #20898c;
}
.card.topic-csharp .complete-status .complete-icon {
	fill: #9e4d83;
}
.topic-csharp .card .complete-status .complete-icon {
	fill: #9e4d83;
}
.card.topic-databases .complete-status .complete-icon {
	fill: #eb7728;
}
.topic-databases .card .complete-status .complete-icon {
	fill: #eb7728;
}
.card.topic-undefined .complete-status .complete-icon {
	fill: #717b85;
}
.topic-undefined .card .complete-status .complete-icon {
	fill: #717b85;
}
.card .complete-status .complete-title {
	color: rgb(87, 99, 102); font-weight: 500;
}
.completed.card .complete-status {
	display: block;
}
.card-actions {
	list-style: none; left: 45px; right: 45px; bottom: 30px; display: block; position: absolute; z-index: 1; pointer-events: none;
}
.completed .card-actions {
	display: none;
}
:not(.track):not(.personalized).card .card-actions {
	display: none;
}
.card-action {
	float: left; position: relative; pointer-events: auto;
}
.resume.card-action {
	transition:opacity 0.15s 0.15s; float: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0.15s;
}
.secondary-action.card-action {
	transition:opacity 0.15s 0.15s; float: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0.15s;
}
.track .resume.card-action {
	opacity: 1;
}
:not(.upcoming).bookmarked .resume.card-action {
	opacity: 1;
}
:not(.upcoming).in-progress .resume.card-action {
	opacity: 1;
}
.track .secondary-action.card-action {
	opacity: 1;
}
:not(.upcoming).bookmarked .secondary-action.card-action {
	opacity: 1;
}
:not(.upcoming).in-progress .secondary-action.card-action {
	opacity: 1;
}
.resume.card-action .button {
	padding: 0px 22px; height: 36px; line-height: 32px;
}
.secondary-action.card-action .button {
	padding: 0px 22px; height: 36px; line-height: 32px;
}
.resume.card-action .button-primary.button {
	border-width: 0px 0px 2px; line-height: 34px;
}
.resume.card-action .primary.button {
	border-width: 0px 0px 2px; line-height: 34px;
}
.secondary-action.card-action .button-primary.button {
	border-width: 0px 0px 2px; line-height: 34px;
}
.secondary-action.card-action .primary.button {
	border-width: 0px 0px 2px; line-height: 34px;
}
.resume.card-action.topic-html .button-primary.button {
	background-color: rgb(57, 173, 209);
}
.resume.card-action.topic-html .primary.button {
	background-color: rgb(57, 173, 209);
}
.secondary-action.card-action.topic-html .button-primary.button {
	background-color: rgb(57, 173, 209);
}
.secondary-action.card-action.topic-html .primary.button {
	background-color: rgb(57, 173, 209);
}
.topic-html .resume.card-action .button-primary.button {
	background-color: rgb(57, 173, 209);
}
.topic-html .resume.card-action .primary.button {
	background-color: rgb(57, 173, 209);
}
.topic-html .secondary-action.card-action .button-primary.button {
	background-color: rgb(57, 173, 209);
}
.topic-html .secondary-action.card-action .primary.button {
	background-color: rgb(57, 173, 209);
}
.resume.card-action.topic-css .button-primary.button {
	background-color: rgb(48, 121, 171);
}
.resume.card-action.topic-css .primary.button {
	background-color: rgb(48, 121, 171);
}
.secondary-action.card-action.topic-css .button-primary.button {
	background-color: rgb(48, 121, 171);
}
.secondary-action.card-action.topic-css .primary.button {
	background-color: rgb(48, 121, 171);
}
.topic-css .resume.card-action .button-primary.button {
	background-color: rgb(48, 121, 171);
}
.topic-css .resume.card-action .primary.button {
	background-color: rgb(48, 121, 171);
}
.topic-css .secondary-action.card-action .button-primary.button {
	background-color: rgb(48, 121, 171);
}
.topic-css .secondary-action.card-action .primary.button {
	background-color: rgb(48, 121, 171);
}
.resume.card-action.topic-javascript .button-primary.button {
	background-color: rgb(194, 89, 117);
}
.resume.card-action.topic-javascript .primary.button {
	background-color: rgb(194, 89, 117);
}
.secondary-action.card-action.topic-javascript .button-primary.button {
	background-color: rgb(194, 89, 117);
}
.secondary-action.card-action.topic-javascript .primary.button {
	background-color: rgb(194, 89, 117);
}
.topic-javascript .resume.card-action .button-primary.button {
	background-color: rgb(194, 89, 117);
}
.topic-javascript .resume.card-action .primary.button {
	background-color: rgb(194, 89, 117);
}
.topic-javascript .secondary-action.card-action .button-primary.button {
	background-color: rgb(194, 89, 117);
}
.topic-javascript .secondary-action.card-action .primary.button {
	background-color: rgb(194, 89, 117);
}
.resume.card-action.topic-java .button-primary.button {
	background-color: rgb(44, 150, 118);
}
.resume.card-action.topic-java .primary.button {
	background-color: rgb(44, 150, 118);
}
.secondary-action.card-action.topic-java .button-primary.button {
	background-color: rgb(44, 150, 118);
}
.secondary-action.card-action.topic-java .primary.button {
	background-color: rgb(44, 150, 118);
}
.topic-java .resume.card-action .button-primary.button {
	background-color: rgb(44, 150, 118);
}
.topic-java .resume.card-action .primary.button {
	background-color: rgb(44, 150, 118);
}
.topic-java .secondary-action.card-action .button-primary.button {
	background-color: rgb(44, 150, 118);
}
.topic-java .secondary-action.card-action .primary.button {
	background-color: rgb(44, 150, 118);
}
.resume.card-action.topic-ruby .button-primary.button {
	background-color: rgb(225, 82, 88);
}
.resume.card-action.topic-ruby .primary.button {
	background-color: rgb(225, 82, 88);
}
.secondary-action.card-action.topic-ruby .button-primary.button {
	background-color: rgb(225, 82, 88);
}
.secondary-action.card-action.topic-ruby .primary.button {
	background-color: rgb(225, 82, 88);
}
.topic-ruby .resume.card-action .button-primary.button {
	background-color: rgb(225, 82, 88);
}
.topic-ruby .resume.card-action .primary.button {
	background-color: rgb(225, 82, 88);
}
.topic-ruby .secondary-action.card-action .button-primary.button {
	background-color: rgb(225, 82, 88);
}
.topic-ruby .secondary-action.card-action .primary.button {
	background-color: rgb(225, 82, 88);
}
.resume.card-action.topic-business .button-primary.button {
	background-color: rgb(249, 132, 91);
}
.resume.card-action.topic-business .primary.button {
	background-color: rgb(249, 132, 91);
}
.secondary-action.card-action.topic-business .button-primary.button {
	background-color: rgb(249, 132, 91);
}
.secondary-action.card-action.topic-business .primary.button {
	background-color: rgb(249, 132, 91);
}
.topic-business .resume.card-action .button-primary.button {
	background-color: rgb(249, 132, 91);
}
.topic-business .resume.card-action .primary.button {
	background-color: rgb(249, 132, 91);
}
.topic-business .secondary-action.card-action .button-primary.button {
	background-color: rgb(249, 132, 91);
}
.topic-business .secondary-action.card-action .primary.button {
	background-color: rgb(249, 132, 91);
}
.resume.card-action.topic-wordpress .button-primary.button {
	background-color: rgb(131, 140, 199);
}
.resume.card-action.topic-wordpress .primary.button {
	background-color: rgb(131, 140, 199);
}
.secondary-action.card-action.topic-wordpress .button-primary.button {
	background-color: rgb(131, 140, 199);
}
.secondary-action.card-action.topic-wordpress .primary.button {
	background-color: rgb(131, 140, 199);
}
.topic-wordpress .resume.card-action .button-primary.button {
	background-color: rgb(131, 140, 199);
}
.topic-wordpress .resume.card-action .primary.button {
	background-color: rgb(131, 140, 199);
}
.topic-wordpress .secondary-action.card-action .button-primary.button {
	background-color: rgb(131, 140, 199);
}
.topic-wordpress .secondary-action.card-action .primary.button {
	background-color: rgb(131, 140, 199);
}
.resume.card-action.topic-php .button-primary.button {
	background-color: rgb(125, 102, 158);
}
.resume.card-action.topic-php .primary.button {
	background-color: rgb(125, 102, 158);
}
.secondary-action.card-action.topic-php .button-primary.button {
	background-color: rgb(125, 102, 158);
}
.secondary-action.card-action.topic-php .primary.button {
	background-color: rgb(125, 102, 158);
}
.topic-php .resume.card-action .button-primary.button {
	background-color: rgb(125, 102, 158);
}
.topic-php .resume.card-action .primary.button {
	background-color: rgb(125, 102, 158);
}
.topic-php .secondary-action.card-action .button-primary.button {
	background-color: rgb(125, 102, 158);
}
.topic-php .secondary-action.card-action .primary.button {
	background-color: rgb(125, 102, 158);
}
.resume.card-action.topic-ios .button-primary.button {
	background-color: rgb(83, 187, 180);
}
.resume.card-action.topic-ios .primary.button {
	background-color: rgb(83, 187, 180);
}
.secondary-action.card-action.topic-ios .button-primary.button {
	background-color: rgb(83, 187, 180);
}
.secondary-action.card-action.topic-ios .primary.button {
	background-color: rgb(83, 187, 180);
}
.topic-ios .resume.card-action .button-primary.button {
	background-color: rgb(83, 187, 180);
}
.topic-ios .resume.card-action .primary.button {
	background-color: rgb(83, 187, 180);
}
.topic-ios .secondary-action.card-action .button-primary.button {
	background-color: rgb(83, 187, 180);
}
.topic-ios .secondary-action.card-action .primary.button {
	background-color: rgb(83, 187, 180);
}
.resume.card-action.topic-android .button-primary.button {
	background-color: rgb(92, 184, 96);
}
.resume.card-action.topic-android .primary.button {
	background-color: rgb(92, 184, 96);
}
.secondary-action.card-action.topic-android .button-primary.button {
	background-color: rgb(92, 184, 96);
}
.secondary-action.card-action.topic-android .primary.button {
	background-color: rgb(92, 184, 96);
}
.topic-android .resume.card-action .button-primary.button {
	background-color: rgb(92, 184, 96);
}
.topic-android .resume.card-action .primary.button {
	background-color: rgb(92, 184, 96);
}
.topic-android .secondary-action.card-action .button-primary.button {
	background-color: rgb(92, 184, 96);
}
.topic-android .secondary-action.card-action .primary.button {
	background-color: rgb(92, 184, 96);
}
.resume.card-action.topic-design .button-primary.button {
	background-color: rgb(229, 154, 19);
}
.resume.card-action.topic-design .primary.button {
	background-color: rgb(229, 154, 19);
}
.secondary-action.card-action.topic-design .button-primary.button {
	background-color: rgb(229, 154, 19);
}
.secondary-action.card-action.topic-design .primary.button {
	background-color: rgb(229, 154, 19);
}
.topic-design .resume.card-action .button-primary.button {
	background-color: rgb(229, 154, 19);
}
.topic-design .resume.card-action .primary.button {
	background-color: rgb(229, 154, 19);
}
.topic-design .secondary-action.card-action .button-primary.button {
	background-color: rgb(229, 154, 19);
}
.topic-design .secondary-action.card-action .primary.button {
	background-color: rgb(229, 154, 19);
}
.resume.card-action.topic-development-tools .button-primary.button {
	background-color: rgb(99, 122, 145);
}
.resume.card-action.topic-development-tools .primary.button {
	background-color: rgb(99, 122, 145);
}
.secondary-action.card-action.topic-development-tools .button-primary.button {
	background-color: rgb(99, 122, 145);
}
.secondary-action.card-action.topic-development-tools .primary.button {
	background-color: rgb(99, 122, 145);
}
.topic-development-tools .resume.card-action .button-primary.button {
	background-color: rgb(99, 122, 145);
}
.topic-development-tools .resume.card-action .primary.button {
	background-color: rgb(99, 122, 145);
}
.topic-development-tools .secondary-action.card-action .button-primary.button {
	background-color: rgb(99, 122, 145);
}
.topic-development-tools .secondary-action.card-action .primary.button {
	background-color: rgb(99, 122, 145);
}
.resume.card-action.topic-python .button-primary.button {
	background-color: rgb(240, 146, 176);
}
.resume.card-action.topic-python .primary.button {
	background-color: rgb(240, 146, 176);
}
.secondary-action.card-action.topic-python .button-primary.button {
	background-color: rgb(240, 146, 176);
}
.secondary-action.card-action.topic-python .primary.button {
	background-color: rgb(240, 146, 176);
}
.topic-python .resume.card-action .button-primary.button {
	background-color: rgb(240, 146, 176);
}
.topic-python .resume.card-action .primary.button {
	background-color: rgb(240, 146, 176);
}
.topic-python .secondary-action.card-action .button-primary.button {
	background-color: rgb(240, 146, 176);
}
.topic-python .secondary-action.card-action .primary.button {
	background-color: rgb(240, 146, 176);
}
.resume.card-action.topic-digital-literacy .button-primary.button {
	background-color: rgb(195, 140, 212);
}
.resume.card-action.topic-digital-literacy .primary.button {
	background-color: rgb(195, 140, 212);
}
.secondary-action.card-action.topic-digital-literacy .button-primary.button {
	background-color: rgb(195, 140, 212);
}
.secondary-action.card-action.topic-digital-literacy .primary.button {
	background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .resume.card-action .button-primary.button {
	background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .resume.card-action .primary.button {
	background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .secondary-action.card-action .button-primary.button {
	background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .secondary-action.card-action .primary.button {
	background-color: rgb(195, 140, 212);
}
.resume.card-action.topic-game-development .button-primary.button {
	background-color: rgb(32, 137, 140);
}
.resume.card-action.topic-game-development .primary.button {
	background-color: rgb(32, 137, 140);
}
.secondary-action.card-action.topic-game-development .button-primary.button {
	background-color: rgb(32, 137, 140);
}
.secondary-action.card-action.topic-game-development .primary.button {
	background-color: rgb(32, 137, 140);
}
.topic-game-development .resume.card-action .button-primary.button {
	background-color: rgb(32, 137, 140);
}
.topic-game-development .resume.card-action .primary.button {
	background-color: rgb(32, 137, 140);
}
.topic-game-development .secondary-action.card-action .button-primary.button {
	background-color: rgb(32, 137, 140);
}
.topic-game-development .secondary-action.card-action .primary.button {
	background-color: rgb(32, 137, 140);
}
.resume.card-action.topic-csharp .button-primary.button {
	background-color: rgb(158, 77, 131);
}
.resume.card-action.topic-csharp .primary.button {
	background-color: rgb(158, 77, 131);
}
.secondary-action.card-action.topic-csharp .button-primary.button {
	background-color: rgb(158, 77, 131);
}
.secondary-action.card-action.topic-csharp .primary.button {
	background-color: rgb(158, 77, 131);
}
.topic-csharp .resume.card-action .button-primary.button {
	background-color: rgb(158, 77, 131);
}
.topic-csharp .resume.card-action .primary.button {
	background-color: rgb(158, 77, 131);
}
.topic-csharp .secondary-action.card-action .button-primary.button {
	background-color: rgb(158, 77, 131);
}
.topic-csharp .secondary-action.card-action .primary.button {
	background-color: rgb(158, 77, 131);
}
.resume.card-action.topic-databases .button-primary.button {
	background-color: rgb(235, 119, 40);
}
.resume.card-action.topic-databases .primary.button {
	background-color: rgb(235, 119, 40);
}
.secondary-action.card-action.topic-databases .button-primary.button {
	background-color: rgb(235, 119, 40);
}
.secondary-action.card-action.topic-databases .primary.button {
	background-color: rgb(235, 119, 40);
}
.topic-databases .resume.card-action .button-primary.button {
	background-color: rgb(235, 119, 40);
}
.topic-databases .resume.card-action .primary.button {
	background-color: rgb(235, 119, 40);
}
.topic-databases .secondary-action.card-action .button-primary.button {
	background-color: rgb(235, 119, 40);
}
.topic-databases .secondary-action.card-action .primary.button {
	background-color: rgb(235, 119, 40);
}
.resume.card-action.topic-undefined .button-primary.button {
	background-color: rgb(113, 123, 133);
}
.resume.card-action.topic-undefined .primary.button {
	background-color: rgb(113, 123, 133);
}
.secondary-action.card-action.topic-undefined .button-primary.button {
	background-color: rgb(113, 123, 133);
}
.secondary-action.card-action.topic-undefined .primary.button {
	background-color: rgb(113, 123, 133);
}
.topic-undefined .resume.card-action .button-primary.button {
	background-color: rgb(113, 123, 133);
}
.topic-undefined .resume.card-action .primary.button {
	background-color: rgb(113, 123, 133);
}
.topic-undefined .secondary-action.card-action .button-primary.button {
	background-color: rgb(113, 123, 133);
}
.topic-undefined .secondary-action.card-action .primary.button {
	background-color: rgb(113, 123, 133);
}
.resume.card-action.topic-html .button-primary.button {
	border-color: rgb(45, 160, 195);
}
.resume.card-action.topic-html .primary.button {
	border-color: rgb(45, 160, 195);
}
.secondary-action.card-action.topic-html .button-primary.button {
	border-color: rgb(45, 160, 195);
}
.secondary-action.card-action.topic-html .primary.button {
	border-color: rgb(45, 160, 195);
}
.topic-html .resume.card-action .button-primary.button {
	border-color: rgb(45, 160, 195);
}
.topic-html .resume.card-action .primary.button {
	border-color: rgb(45, 160, 195);
}
.topic-html .secondary-action.card-action .button-primary.button {
	border-color: rgb(45, 160, 195);
}
.topic-html .secondary-action.card-action .primary.button {
	border-color: rgb(45, 160, 195);
}
.resume.card-action.topic-css .button-primary.button {
	border-color: rgb(42, 107, 151);
}
.resume.card-action.topic-css .primary.button {
	border-color: rgb(42, 107, 151);
}
.secondary-action.card-action.topic-css .button-primary.button {
	border-color: rgb(42, 107, 151);
}
.secondary-action.card-action.topic-css .primary.button {
	border-color: rgb(42, 107, 151);
}
.topic-css .resume.card-action .button-primary.button {
	border-color: rgb(42, 107, 151);
}
.topic-css .resume.card-action .primary.button {
	border-color: rgb(42, 107, 151);
}
.topic-css .secondary-action.card-action .button-primary.button {
	border-color: rgb(42, 107, 151);
}
.topic-css .secondary-action.card-action .primary.button {
	border-color: rgb(42, 107, 151);
}
.resume.card-action.topic-javascript .button-primary.button {
	border-color: rgb(187, 70, 101);
}
.resume.card-action.topic-javascript .primary.button {
	border-color: rgb(187, 70, 101);
}
.secondary-action.card-action.topic-javascript .button-primary.button {
	border-color: rgb(187, 70, 101);
}
.secondary-action.card-action.topic-javascript .primary.button {
	border-color: rgb(187, 70, 101);
}
.topic-javascript .resume.card-action .button-primary.button {
	border-color: rgb(187, 70, 101);
}
.topic-javascript .resume.card-action .primary.button {
	border-color: rgb(187, 70, 101);
}
.topic-javascript .secondary-action.card-action .button-primary.button {
	border-color: rgb(187, 70, 101);
}
.topic-javascript .secondary-action.card-action .primary.button {
	border-color: rgb(187, 70, 101);
}
.resume.card-action.topic-java .button-primary.button {
	border-color: rgb(38, 130, 102);
}
.resume.card-action.topic-java .primary.button {
	border-color: rgb(38, 130, 102);
}
.secondary-action.card-action.topic-java .button-primary.button {
	border-color: rgb(38, 130, 102);
}
.secondary-action.card-action.topic-java .primary.button {
	border-color: rgb(38, 130, 102);
}
.topic-java .resume.card-action .button-primary.button {
	border-color: rgb(38, 130, 102);
}
.topic-java .resume.card-action .primary.button {
	border-color: rgb(38, 130, 102);
}
.topic-java .secondary-action.card-action .button-primary.button {
	border-color: rgb(38, 130, 102);
}
.topic-java .secondary-action.card-action .primary.button {
	border-color: rgb(38, 130, 102);
}
.resume.card-action.topic-ruby .button-primary.button {
	border-color: rgb(221, 60, 67);
}
.resume.card-action.topic-ruby .primary.button {
	border-color: rgb(221, 60, 67);
}
.secondary-action.card-action.topic-ruby .button-primary.button {
	border-color: rgb(221, 60, 67);
}
.secondary-action.card-action.topic-ruby .primary.button {
	border-color: rgb(221, 60, 67);
}
.topic-ruby .resume.card-action .button-primary.button {
	border-color: rgb(221, 60, 67);
}
.topic-ruby .resume.card-action .primary.button {
	border-color: rgb(221, 60, 67);
}
.topic-ruby .secondary-action.card-action .button-primary.button {
	border-color: rgb(221, 60, 67);
}
.topic-ruby .secondary-action.card-action .primary.button {
	border-color: rgb(221, 60, 67);
}
.resume.card-action.topic-business .button-primary.button {
	border-color: rgb(248, 114, 66);
}
.resume.card-action.topic-business .primary.button {
	border-color: rgb(248, 114, 66);
}
.secondary-action.card-action.topic-business .button-primary.button {
	border-color: rgb(248, 114, 66);
}
.secondary-action.card-action.topic-business .primary.button {
	border-color: rgb(248, 114, 66);
}
.topic-business .resume.card-action .button-primary.button {
	border-color: rgb(248, 114, 66);
}
.topic-business .resume.card-action .primary.button {
	border-color: rgb(248, 114, 66);
}
.topic-business .secondary-action.card-action .button-primary.button {
	border-color: rgb(248, 114, 66);
}
.topic-business .secondary-action.card-action .primary.button {
	border-color: rgb(248, 114, 66);
}
.resume.card-action.topic-wordpress .button-primary.button {
	border-color: rgb(113, 124, 191);
}
.resume.card-action.topic-wordpress .primary.button {
	border-color: rgb(113, 124, 191);
}
.secondary-action.card-action.topic-wordpress .button-primary.button {
	border-color: rgb(113, 124, 191);
}
.secondary-action.card-action.topic-wordpress .primary.button {
	border-color: rgb(113, 124, 191);
}
.topic-wordpress .resume.card-action .button-primary.button {
	border-color: rgb(113, 124, 191);
}
.topic-wordpress .resume.card-action .primary.button {
	border-color: rgb(113, 124, 191);
}
.topic-wordpress .secondary-action.card-action .button-primary.button {
	border-color: rgb(113, 124, 191);
}
.topic-wordpress .secondary-action.card-action .primary.button {
	border-color: rgb(113, 124, 191);
}
.resume.card-action.topic-php .button-primary.button {
	border-color: rgb(113, 91, 144);
}
.resume.card-action.topic-php .primary.button {
	border-color: rgb(113, 91, 144);
}
.secondary-action.card-action.topic-php .button-primary.button {
	border-color: rgb(113, 91, 144);
}
.secondary-action.card-action.topic-php .primary.button {
	border-color: rgb(113, 91, 144);
}
.topic-php .resume.card-action .button-primary.button {
	border-color: rgb(113, 91, 144);
}
.topic-php .resume.card-action .primary.button {
	border-color: rgb(113, 91, 144);
}
.topic-php .secondary-action.card-action .button-primary.button {
	border-color: rgb(113, 91, 144);
}
.topic-php .secondary-action.card-action .primary.button {
	border-color: rgb(113, 91, 144);
}
.resume.card-action.topic-ios .button-primary.button {
	border-color: rgb(69, 175, 168);
}
.resume.card-action.topic-ios .primary.button {
	border-color: rgb(69, 175, 168);
}
.secondary-action.card-action.topic-ios .button-primary.button {
	border-color: rgb(69, 175, 168);
}
.secondary-action.card-action.topic-ios .primary.button {
	border-color: rgb(69, 175, 168);
}
.topic-ios .resume.card-action .button-primary.button {
	border-color: rgb(69, 175, 168);
}
.topic-ios .resume.card-action .primary.button {
	border-color: rgb(69, 175, 168);
}
.topic-ios .secondary-action.card-action .button-primary.button {
	border-color: rgb(69, 175, 168);
}
.topic-ios .secondary-action.card-action .primary.button {
	border-color: rgb(69, 175, 168);
}
.resume.card-action.topic-android .button-primary.button {
	border-color: rgb(76, 174, 80);
}
.resume.card-action.topic-android .primary.button {
	border-color: rgb(76, 174, 80);
}
.secondary-action.card-action.topic-android .button-primary.button {
	border-color: rgb(76, 174, 80);
}
.secondary-action.card-action.topic-android .primary.button {
	border-color: rgb(76, 174, 80);
}
.topic-android .resume.card-action .button-primary.button {
	border-color: rgb(76, 174, 80);
}
.topic-android .resume.card-action .primary.button {
	border-color: rgb(76, 174, 80);
}
.topic-android .secondary-action.card-action .button-primary.button {
	border-color: rgb(76, 174, 80);
}
.topic-android .secondary-action.card-action .primary.button {
	border-color: rgb(76, 174, 80);
}
.resume.card-action.topic-design .button-primary.button {
	border-color: rgb(205, 138, 17);
}
.resume.card-action.topic-design .primary.button {
	border-color: rgb(205, 138, 17);
}
.secondary-action.card-action.topic-design .button-primary.button {
	border-color: rgb(205, 138, 17);
}
.secondary-action.card-action.topic-design .primary.button {
	border-color: rgb(205, 138, 17);
}
.topic-design .resume.card-action .button-primary.button {
	border-color: rgb(205, 138, 17);
}
.topic-design .resume.card-action .primary.button {
	border-color: rgb(205, 138, 17);
}
.topic-design .secondary-action.card-action .button-primary.button {
	border-color: rgb(205, 138, 17);
}
.topic-design .secondary-action.card-action .primary.button {
	border-color: rgb(205, 138, 17);
}
.resume.card-action.topic-development-tools .button-primary.button {
	border-color: rgb(89, 109, 130);
}
.resume.card-action.topic-development-tools .primary.button {
	border-color: rgb(89, 109, 130);
}
.secondary-action.card-action.topic-development-tools .button-primary.button {
	border-color: rgb(89, 109, 130);
}
.secondary-action.card-action.topic-development-tools .primary.button {
	border-color: rgb(89, 109, 130);
}
.topic-development-tools .resume.card-action .button-primary.button {
	border-color: rgb(89, 109, 130);
}
.topic-development-tools .resume.card-action .primary.button {
	border-color: rgb(89, 109, 130);
}
.topic-development-tools .secondary-action.card-action .button-primary.button {
	border-color: rgb(89, 109, 130);
}
.topic-development-tools .secondary-action.card-action .primary.button {
	border-color: rgb(89, 109, 130);
}
.resume.card-action.topic-python .button-primary.button {
	border-color: rgb(237, 124, 160);
}
.resume.card-action.topic-python .primary.button {
	border-color: rgb(237, 124, 160);
}
.secondary-action.card-action.topic-python .button-primary.button {
	border-color: rgb(237, 124, 160);
}
.secondary-action.card-action.topic-python .primary.button {
	border-color: rgb(237, 124, 160);
}
.topic-python .resume.card-action .button-primary.button {
	border-color: rgb(237, 124, 160);
}
.topic-python .resume.card-action .primary.button {
	border-color: rgb(237, 124, 160);
}
.topic-python .secondary-action.card-action .button-primary.button {
	border-color: rgb(237, 124, 160);
}
.topic-python .secondary-action.card-action .primary.button {
	border-color: rgb(237, 124, 160);
}
.resume.card-action.topic-digital-literacy .button-primary.button {
	border-color: rgb(185, 121, 205);
}
.resume.card-action.topic-digital-literacy .primary.button {
	border-color: rgb(185, 121, 205);
}
.secondary-action.card-action.topic-digital-literacy .button-primary.button {
	border-color: rgb(185, 121, 205);
}
.secondary-action.card-action.topic-digital-literacy .primary.button {
	border-color: rgb(185, 121, 205);
}
.topic-digital-literacy .resume.card-action .button-primary.button {
	border-color: rgb(185, 121, 205);
}
.topic-digital-literacy .resume.card-action .primary.button {
	border-color: rgb(185, 121, 205);
}
.topic-digital-literacy .secondary-action.card-action .button-primary.button {
	border-color: rgb(185, 121, 205);
}
.topic-digital-literacy .secondary-action.card-action .primary.button {
	border-color: rgb(185, 121, 205);
}
.resume.card-action.topic-game-development .button-primary.button {
	border-color: rgb(27, 117, 119);
}
.resume.card-action.topic-game-development .primary.button {
	border-color: rgb(27, 117, 119);
}
.secondary-action.card-action.topic-game-development .button-primary.button {
	border-color: rgb(27, 117, 119);
}
.secondary-action.card-action.topic-game-development .primary.button {
	border-color: rgb(27, 117, 119);
}
.topic-game-development .resume.card-action .button-primary.button {
	border-color: rgb(27, 117, 119);
}
.topic-game-development .resume.card-action .primary.button {
	border-color: rgb(27, 117, 119);
}
.topic-game-development .secondary-action.card-action .button-primary.button {
	border-color: rgb(27, 117, 119);
}
.topic-game-development .secondary-action.card-action .primary.button {
	border-color: rgb(27, 117, 119);
}
.resume.card-action.topic-csharp .button-primary.button {
	border-color: rgb(141, 69, 117);
}
.resume.card-action.topic-csharp .primary.button {
	border-color: rgb(141, 69, 117);
}
.secondary-action.card-action.topic-csharp .button-primary.button {
	border-color: rgb(141, 69, 117);
}
.secondary-action.card-action.topic-csharp .primary.button {
	border-color: rgb(141, 69, 117);
}
.topic-csharp .resume.card-action .button-primary.button {
	border-color: rgb(141, 69, 117);
}
.topic-csharp .resume.card-action .primary.button {
	border-color: rgb(141, 69, 117);
}
.topic-csharp .secondary-action.card-action .button-primary.button {
	border-color: rgb(141, 69, 117);
}
.topic-csharp .secondary-action.card-action .primary.button {
	border-color: rgb(141, 69, 117);
}
.resume.card-action.topic-databases .button-primary.button {
	border-color: rgb(228, 105, 21);
}
.resume.card-action.topic-databases .primary.button {
	border-color: rgb(228, 105, 21);
}
.secondary-action.card-action.topic-databases .button-primary.button {
	border-color: rgb(228, 105, 21);
}
.secondary-action.card-action.topic-databases .primary.button {
	border-color: rgb(228, 105, 21);
}
.topic-databases .resume.card-action .button-primary.button {
	border-color: rgb(228, 105, 21);
}
.topic-databases .resume.card-action .primary.button {
	border-color: rgb(228, 105, 21);
}
.topic-databases .secondary-action.card-action .button-primary.button {
	border-color: rgb(228, 105, 21);
}
.topic-databases .secondary-action.card-action .primary.button {
	border-color: rgb(228, 105, 21);
}
.resume.card-action.topic-undefined .button-primary.button {
	border-color: rgb(101, 110, 119);
}
.resume.card-action.topic-undefined .primary.button {
	border-color: rgb(101, 110, 119);
}
.secondary-action.card-action.topic-undefined .button-primary.button {
	border-color: rgb(101, 110, 119);
}
.secondary-action.card-action.topic-undefined .primary.button {
	border-color: rgb(101, 110, 119);
}
.topic-undefined .resume.card-action .button-primary.button {
	border-color: rgb(101, 110, 119);
}
.topic-undefined .resume.card-action .primary.button {
	border-color: rgb(101, 110, 119);
}
.topic-undefined .secondary-action.card-action .button-primary.button {
	border-color: rgb(101, 110, 119);
}
.topic-undefined .secondary-action.card-action .primary.button {
	border-color: rgb(101, 110, 119);
}
.resume.card-action.topic-html .button-primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.resume.card-action.topic-html .button-primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.resume.card-action.topic-html .primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.resume.card-action.topic-html .primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.secondary-action.card-action.topic-html .button-primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.secondary-action.card-action.topic-html .button-primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.secondary-action.card-action.topic-html .primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.secondary-action.card-action.topic-html .primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.topic-html .resume.card-action .button-primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.topic-html .resume.card-action .button-primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.topic-html .resume.card-action .primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.topic-html .resume.card-action .primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.topic-html .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.topic-html .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.topic-html .secondary-action.card-action .primary.button:hover {
	background-color: rgb(46, 163, 199);
}
.topic-html .secondary-action.card-action .primary.button:focus {
	background-color: rgb(46, 163, 199);
}
.resume.card-action.topic-css .button-primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.resume.card-action.topic-css .button-primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.resume.card-action.topic-css .primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.resume.card-action.topic-css .primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.secondary-action.card-action.topic-css .button-primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.secondary-action.card-action.topic-css .button-primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.secondary-action.card-action.topic-css .primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.secondary-action.card-action.topic-css .primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.topic-css .resume.card-action .button-primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.topic-css .resume.card-action .button-primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.topic-css .resume.card-action .primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.topic-css .resume.card-action .primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.topic-css .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.topic-css .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.topic-css .secondary-action.card-action .primary.button:hover {
	background-color: rgb(44, 110, 155);
}
.topic-css .secondary-action.card-action .primary.button:focus {
	background-color: rgb(44, 110, 155);
}
.resume.card-action.topic-javascript .button-primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.resume.card-action.topic-javascript .button-primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.resume.card-action.topic-javascript .primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.resume.card-action.topic-javascript .primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.secondary-action.card-action.topic-javascript .button-primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.secondary-action.card-action.topic-javascript .button-primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.secondary-action.card-action.topic-javascript .primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.secondary-action.card-action.topic-javascript .primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .resume.card-action .button-primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .resume.card-action .button-primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .resume.card-action .primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .resume.card-action .primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .secondary-action.card-action .primary.button:hover {
	background-color: rgb(189, 74, 105);
}
.topic-javascript .secondary-action.card-action .primary.button:focus {
	background-color: rgb(189, 74, 105);
}
.resume.card-action.topic-java .button-primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.resume.card-action.topic-java .button-primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.resume.card-action.topic-java .primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.resume.card-action.topic-java .primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.secondary-action.card-action.topic-java .button-primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.secondary-action.card-action.topic-java .button-primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.secondary-action.card-action.topic-java .primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.secondary-action.card-action.topic-java .primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.topic-java .resume.card-action .button-primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.topic-java .resume.card-action .button-primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.topic-java .resume.card-action .primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.topic-java .resume.card-action .primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.topic-java .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.topic-java .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.topic-java .secondary-action.card-action .primary.button:hover {
	background-color: rgb(39, 134, 106);
}
.topic-java .secondary-action.card-action .primary.button:focus {
	background-color: rgb(39, 134, 106);
}
.resume.card-action.topic-ruby .button-primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.resume.card-action.topic-ruby .button-primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.resume.card-action.topic-ruby .primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.resume.card-action.topic-ruby .primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.secondary-action.card-action.topic-ruby .button-primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.secondary-action.card-action.topic-ruby .button-primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.secondary-action.card-action.topic-ruby .primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.secondary-action.card-action.topic-ruby .primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .resume.card-action .button-primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .resume.card-action .button-primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .resume.card-action .primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .resume.card-action .primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .secondary-action.card-action .primary.button:hover {
	background-color: rgb(222, 65, 71);
}
.topic-ruby .secondary-action.card-action .primary.button:focus {
	background-color: rgb(222, 65, 71);
}
.resume.card-action.topic-business .button-primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.resume.card-action.topic-business .button-primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.resume.card-action.topic-business .primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.resume.card-action.topic-business .primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.secondary-action.card-action.topic-business .button-primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.secondary-action.card-action.topic-business .button-primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.secondary-action.card-action.topic-business .primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.secondary-action.card-action.topic-business .primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.topic-business .resume.card-action .button-primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.topic-business .resume.card-action .button-primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.topic-business .resume.card-action .primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.topic-business .resume.card-action .primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.topic-business .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.topic-business .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.topic-business .secondary-action.card-action .primary.button:hover {
	background-color: rgb(248, 117, 71);
}
.topic-business .secondary-action.card-action .primary.button:focus {
	background-color: rgb(248, 117, 71);
}
.resume.card-action.topic-wordpress .button-primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.resume.card-action.topic-wordpress .button-primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.resume.card-action.topic-wordpress .primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.resume.card-action.topic-wordpress .primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.secondary-action.card-action.topic-wordpress .button-primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.secondary-action.card-action.topic-wordpress .button-primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.secondary-action.card-action.topic-wordpress .primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.secondary-action.card-action.topic-wordpress .primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .resume.card-action .button-primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .resume.card-action .button-primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .resume.card-action .primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .resume.card-action .primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .secondary-action.card-action .primary.button:hover {
	background-color: rgb(117, 127, 193);
}
.topic-wordpress .secondary-action.card-action .primary.button:focus {
	background-color: rgb(117, 127, 193);
}
.resume.card-action.topic-php .button-primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.resume.card-action.topic-php .button-primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.resume.card-action.topic-php .primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.resume.card-action.topic-php .primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.secondary-action.card-action.topic-php .button-primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.secondary-action.card-action.topic-php .button-primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.secondary-action.card-action.topic-php .primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.secondary-action.card-action.topic-php .primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.topic-php .resume.card-action .button-primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.topic-php .resume.card-action .button-primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.topic-php .resume.card-action .primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.topic-php .resume.card-action .primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.topic-php .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.topic-php .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.topic-php .secondary-action.card-action .primary.button:hover {
	background-color: rgb(115, 93, 147);
}
.topic-php .secondary-action.card-action .primary.button:focus {
	background-color: rgb(115, 93, 147);
}
.resume.card-action.topic-ios .button-primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.resume.card-action.topic-ios .button-primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.resume.card-action.topic-ios .primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.resume.card-action.topic-ios .primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.secondary-action.card-action.topic-ios .button-primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.secondary-action.card-action.topic-ios .button-primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.secondary-action.card-action.topic-ios .primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.secondary-action.card-action.topic-ios .primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.topic-ios .resume.card-action .button-primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.topic-ios .resume.card-action .button-primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.topic-ios .resume.card-action .primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.topic-ios .resume.card-action .primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.topic-ios .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.topic-ios .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.topic-ios .secondary-action.card-action .primary.button:hover {
	background-color: rgb(71, 179, 172);
}
.topic-ios .secondary-action.card-action .primary.button:focus {
	background-color: rgb(71, 179, 172);
}
.resume.card-action.topic-android .button-primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.resume.card-action.topic-android .button-primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.resume.card-action.topic-android .primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.resume.card-action.topic-android .primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.secondary-action.card-action.topic-android .button-primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.secondary-action.card-action.topic-android .button-primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.secondary-action.card-action.topic-android .primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.secondary-action.card-action.topic-android .primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.topic-android .resume.card-action .button-primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.topic-android .resume.card-action .button-primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.topic-android .resume.card-action .primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.topic-android .resume.card-action .primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.topic-android .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.topic-android .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.topic-android .secondary-action.card-action .primary.button:hover {
	background-color: rgb(78, 178, 82);
}
.topic-android .secondary-action.card-action .primary.button:focus {
	background-color: rgb(78, 178, 82);
}
.resume.card-action.topic-design .button-primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.resume.card-action.topic-design .button-primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.resume.card-action.topic-design .primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.resume.card-action.topic-design .primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.secondary-action.card-action.topic-design .button-primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.secondary-action.card-action.topic-design .button-primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.secondary-action.card-action.topic-design .primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.secondary-action.card-action.topic-design .primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.topic-design .resume.card-action .button-primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.topic-design .resume.card-action .button-primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.topic-design .resume.card-action .primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.topic-design .resume.card-action .primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.topic-design .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.topic-design .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.topic-design .secondary-action.card-action .primary.button:hover {
	background-color: rgb(210, 141, 17);
}
.topic-design .secondary-action.card-action .primary.button:focus {
	background-color: rgb(210, 141, 17);
}
.resume.card-action.topic-development-tools .button-primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.resume.card-action.topic-development-tools .button-primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.resume.card-action.topic-development-tools .primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.resume.card-action.topic-development-tools .primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.secondary-action.card-action.topic-development-tools .button-primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.secondary-action.card-action.topic-development-tools .button-primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.secondary-action.card-action.topic-development-tools .primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.secondary-action.card-action.topic-development-tools .primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .resume.card-action .button-primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .resume.card-action .button-primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .resume.card-action .primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .resume.card-action .primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .secondary-action.card-action .primary.button:hover {
	background-color: rgb(91, 112, 133);
}
.topic-development-tools .secondary-action.card-action .primary.button:focus {
	background-color: rgb(91, 112, 133);
}
.resume.card-action.topic-python .button-primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.resume.card-action.topic-python .button-primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.resume.card-action.topic-python .primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.resume.card-action.topic-python .primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.secondary-action.card-action.topic-python .button-primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.secondary-action.card-action.topic-python .button-primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.secondary-action.card-action.topic-python .primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.secondary-action.card-action.topic-python .primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.topic-python .resume.card-action .button-primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.topic-python .resume.card-action .button-primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.topic-python .resume.card-action .primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.topic-python .resume.card-action .primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.topic-python .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.topic-python .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.topic-python .secondary-action.card-action .primary.button:hover {
	background-color: rgb(238, 128, 163);
}
.topic-python .secondary-action.card-action .primary.button:focus {
	background-color: rgb(238, 128, 163);
}
.resume.card-action.topic-digital-literacy .button-primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.resume.card-action.topic-digital-literacy .button-primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.resume.card-action.topic-digital-literacy .primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.resume.card-action.topic-digital-literacy .primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.secondary-action.card-action.topic-digital-literacy .button-primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.secondary-action.card-action.topic-digital-literacy .button-primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.secondary-action.card-action.topic-digital-literacy .primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.secondary-action.card-action.topic-digital-literacy .primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .resume.card-action .button-primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .resume.card-action .button-primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .resume.card-action .primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .resume.card-action .primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .secondary-action.card-action .primary.button:hover {
	background-color: rgb(187, 125, 206);
}
.topic-digital-literacy .secondary-action.card-action .primary.button:focus {
	background-color: rgb(187, 125, 206);
}
.resume.card-action.topic-game-development .button-primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.resume.card-action.topic-game-development .button-primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.resume.card-action.topic-game-development .primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.resume.card-action.topic-game-development .primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.secondary-action.card-action.topic-game-development .button-primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.secondary-action.card-action.topic-game-development .button-primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.secondary-action.card-action.topic-game-development .primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.secondary-action.card-action.topic-game-development .primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .resume.card-action .button-primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .resume.card-action .button-primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .resume.card-action .primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .resume.card-action .primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .secondary-action.card-action .primary.button:hover {
	background-color: rgb(28, 121, 123);
}
.topic-game-development .secondary-action.card-action .primary.button:focus {
	background-color: rgb(28, 121, 123);
}
.resume.card-action.topic-csharp .button-primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.resume.card-action.topic-csharp .button-primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.resume.card-action.topic-csharp .primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.resume.card-action.topic-csharp .primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.secondary-action.card-action.topic-csharp .button-primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.secondary-action.card-action.topic-csharp .button-primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.secondary-action.card-action.topic-csharp .primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.secondary-action.card-action.topic-csharp .primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .resume.card-action .button-primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .resume.card-action .button-primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .resume.card-action .primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .resume.card-action .primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .secondary-action.card-action .primary.button:hover {
	background-color: rgb(144, 70, 120);
}
.topic-csharp .secondary-action.card-action .primary.button:focus {
	background-color: rgb(144, 70, 120);
}
.resume.card-action.topic-databases .button-primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.resume.card-action.topic-databases .button-primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.resume.card-action.topic-databases .primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.resume.card-action.topic-databases .primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.secondary-action.card-action.topic-databases .button-primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.secondary-action.card-action.topic-databases .button-primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.secondary-action.card-action.topic-databases .primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.secondary-action.card-action.topic-databases .primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.topic-databases .resume.card-action .button-primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.topic-databases .resume.card-action .button-primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.topic-databases .resume.card-action .primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.topic-databases .resume.card-action .primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.topic-databases .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.topic-databases .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.topic-databases .secondary-action.card-action .primary.button:hover {
	background-color: rgb(233, 107, 22);
}
.topic-databases .secondary-action.card-action .primary.button:focus {
	background-color: rgb(233, 107, 22);
}
.resume.card-action.topic-undefined .button-primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.resume.card-action.topic-undefined .button-primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.resume.card-action.topic-undefined .primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.resume.card-action.topic-undefined .primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.secondary-action.card-action.topic-undefined .button-primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.secondary-action.card-action.topic-undefined .button-primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.secondary-action.card-action.topic-undefined .primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.secondary-action.card-action.topic-undefined .primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .resume.card-action .button-primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .resume.card-action .button-primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .resume.card-action .primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .resume.card-action .primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .secondary-action.card-action .button-primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .secondary-action.card-action .button-primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .secondary-action.card-action .primary.button:hover {
	background-color: rgb(104, 113, 122);
}
.topic-undefined .secondary-action.card-action .primary.button:focus {
	background-color: rgb(104, 113, 122);
}
.resume.card-action.topic-html .button-primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.resume.card-action.topic-html .button-primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.resume.card-action.topic-html .primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.resume.card-action.topic-html .primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.secondary-action.card-action.topic-html .button-primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.secondary-action.card-action.topic-html .button-primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.secondary-action.card-action.topic-html .primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.secondary-action.card-action.topic-html .primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .resume.card-action .button-primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .resume.card-action .button-primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .resume.card-action .primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .resume.card-action .primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .secondary-action.card-action .primary.button:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .secondary-action.card-action .primary.button:focus {
	border-color: rgb(41, 143, 174);
}
.resume.card-action.topic-css .button-primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.resume.card-action.topic-css .button-primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.resume.card-action.topic-css .primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.resume.card-action.topic-css .primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.secondary-action.card-action.topic-css .button-primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.secondary-action.card-action.topic-css .button-primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.secondary-action.card-action.topic-css .primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.secondary-action.card-action.topic-css .primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .resume.card-action .button-primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .resume.card-action .button-primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .resume.card-action .primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .resume.card-action .primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .secondary-action.card-action .primary.button:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .secondary-action.card-action .primary.button:focus {
	border-color: rgb(37, 93, 131);
}
.resume.card-action.topic-javascript .button-primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.resume.card-action.topic-javascript .button-primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.resume.card-action.topic-javascript .primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.resume.card-action.topic-javascript .primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.secondary-action.card-action.topic-javascript .button-primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.secondary-action.card-action.topic-javascript .button-primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.secondary-action.card-action.topic-javascript .primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.secondary-action.card-action.topic-javascript .primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .resume.card-action .button-primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .resume.card-action .button-primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .resume.card-action .primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .resume.card-action .primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .secondary-action.card-action .primary.button:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .secondary-action.card-action .primary.button:focus {
	border-color: rgb(170, 62, 91);
}
.resume.card-action.topic-java .button-primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.resume.card-action.topic-java .button-primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.resume.card-action.topic-java .primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.resume.card-action.topic-java .primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.secondary-action.card-action.topic-java .button-primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.secondary-action.card-action.topic-java .button-primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.secondary-action.card-action.topic-java .primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.secondary-action.card-action.topic-java .primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .resume.card-action .button-primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .resume.card-action .button-primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .resume.card-action .primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .resume.card-action .primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .secondary-action.card-action .primary.button:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .secondary-action.card-action .primary.button:focus {
	border-color: rgb(32, 111, 87);
}
.resume.card-action.topic-ruby .button-primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.resume.card-action.topic-ruby .button-primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.resume.card-action.topic-ruby .primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.resume.card-action.topic-ruby .primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.secondary-action.card-action.topic-ruby .button-primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.secondary-action.card-action.topic-ruby .button-primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.secondary-action.card-action.topic-ruby .primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.secondary-action.card-action.topic-ruby .primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .resume.card-action .button-primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .resume.card-action .button-primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .resume.card-action .primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .resume.card-action .primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .secondary-action.card-action .primary.button:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .secondary-action.card-action .primary.button:focus {
	border-color: rgb(217, 39, 46);
}
.resume.card-action.topic-business .button-primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.resume.card-action.topic-business .button-primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.resume.card-action.topic-business .primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.resume.card-action.topic-business .primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.secondary-action.card-action.topic-business .button-primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.secondary-action.card-action.topic-business .button-primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.secondary-action.card-action.topic-business .primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.secondary-action.card-action.topic-business .primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .resume.card-action .button-primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .resume.card-action .button-primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .resume.card-action .primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .resume.card-action .primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .secondary-action.card-action .primary.button:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .secondary-action.card-action .primary.button:focus {
	border-color: rgb(247, 95, 42);
}
.resume.card-action.topic-wordpress .button-primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.resume.card-action.topic-wordpress .button-primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.resume.card-action.topic-wordpress .primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.resume.card-action.topic-wordpress .primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.secondary-action.card-action.topic-wordpress .button-primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.secondary-action.card-action.topic-wordpress .button-primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.secondary-action.card-action.topic-wordpress .primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.secondary-action.card-action.topic-wordpress .primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .resume.card-action .button-primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .resume.card-action .button-primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .resume.card-action .primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .resume.card-action .primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .secondary-action.card-action .primary.button:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .secondary-action.card-action .primary.button:focus {
	border-color: rgb(96, 107, 183);
}
.resume.card-action.topic-php .button-primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.resume.card-action.topic-php .button-primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.resume.card-action.topic-php .primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.resume.card-action.topic-php .primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.secondary-action.card-action.topic-php .button-primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.secondary-action.card-action.topic-php .button-primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.secondary-action.card-action.topic-php .primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.secondary-action.card-action.topic-php .primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .resume.card-action .button-primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .resume.card-action .button-primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .resume.card-action .primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .resume.card-action .primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .secondary-action.card-action .primary.button:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .secondary-action.card-action .primary.button:focus {
	border-color: rgb(100, 81, 128);
}
.resume.card-action.topic-ios .button-primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.resume.card-action.topic-ios .button-primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.resume.card-action.topic-ios .primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.resume.card-action.topic-ios .primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.secondary-action.card-action.topic-ios .button-primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.secondary-action.card-action.topic-ios .button-primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.secondary-action.card-action.topic-ios .primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.secondary-action.card-action.topic-ios .primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .resume.card-action .button-primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .resume.card-action .button-primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .resume.card-action .primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .resume.card-action .primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .secondary-action.card-action .primary.button:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .secondary-action.card-action .primary.button:focus {
	border-color: rgb(62, 157, 151);
}
.resume.card-action.topic-android .button-primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.resume.card-action.topic-android .button-primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.resume.card-action.topic-android .primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.resume.card-action.topic-android .primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.secondary-action.card-action.topic-android .button-primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.secondary-action.card-action.topic-android .button-primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.secondary-action.card-action.topic-android .primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.secondary-action.card-action.topic-android .primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .resume.card-action .button-primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .resume.card-action .button-primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .resume.card-action .primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .resume.card-action .primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .secondary-action.card-action .primary.button:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .secondary-action.card-action .primary.button:focus {
	border-color: rgb(68, 157, 72);
}
.resume.card-action.topic-design .button-primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.resume.card-action.topic-design .button-primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.resume.card-action.topic-design .primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.resume.card-action.topic-design .primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.secondary-action.card-action.topic-design .button-primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.secondary-action.card-action.topic-design .button-primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.secondary-action.card-action.topic-design .primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.secondary-action.card-action.topic-design .primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .resume.card-action .button-primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .resume.card-action .button-primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .resume.card-action .primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .resume.card-action .primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .secondary-action.card-action .primary.button:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .secondary-action.card-action .primary.button:focus {
	border-color: rgb(182, 122, 15);
}
.resume.card-action.topic-development-tools .button-primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.resume.card-action.topic-development-tools .button-primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.resume.card-action.topic-development-tools .primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.resume.card-action.topic-development-tools .primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.secondary-action.card-action.topic-development-tools .button-primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.secondary-action.card-action.topic-development-tools .button-primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.secondary-action.card-action.topic-development-tools .primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.secondary-action.card-action.topic-development-tools .primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .resume.card-action .button-primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .resume.card-action .button-primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .resume.card-action .primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .resume.card-action .primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .secondary-action.card-action .primary.button:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .secondary-action.card-action .primary.button:focus {
	border-color: rgb(78, 97, 115);
}
.resume.card-action.topic-python .button-primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.resume.card-action.topic-python .button-primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.resume.card-action.topic-python .primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.resume.card-action.topic-python .primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.secondary-action.card-action.topic-python .button-primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.secondary-action.card-action.topic-python .button-primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.secondary-action.card-action.topic-python .primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.secondary-action.card-action.topic-python .primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .resume.card-action .button-primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .resume.card-action .button-primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .resume.card-action .primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .resume.card-action .primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .secondary-action.card-action .primary.button:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .secondary-action.card-action .primary.button:focus {
	border-color: rgb(234, 101, 144);
}
.resume.card-action.topic-digital-literacy .button-primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.resume.card-action.topic-digital-literacy .button-primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.resume.card-action.topic-digital-literacy .primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.resume.card-action.topic-digital-literacy .primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.secondary-action.card-action.topic-digital-literacy .button-primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.secondary-action.card-action.topic-digital-literacy .button-primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.secondary-action.card-action.topic-digital-literacy .primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.secondary-action.card-action.topic-digital-literacy .primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .resume.card-action .button-primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .resume.card-action .button-primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .resume.card-action .primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .resume.card-action .primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .secondary-action.card-action .primary.button:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .secondary-action.card-action .primary.button:focus {
	border-color: rgb(176, 103, 198);
}
.resume.card-action.topic-game-development .button-primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.resume.card-action.topic-game-development .button-primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.resume.card-action.topic-game-development .primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.resume.card-action.topic-game-development .primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.secondary-action.card-action.topic-game-development .button-primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.secondary-action.card-action.topic-game-development .button-primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.secondary-action.card-action.topic-game-development .primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.secondary-action.card-action.topic-game-development .primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .resume.card-action .button-primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .resume.card-action .button-primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .resume.card-action .primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .resume.card-action .primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .secondary-action.card-action .primary.button:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .secondary-action.card-action .primary.button:focus {
	border-color: rgb(23, 96, 98);
}
.resume.card-action.topic-csharp .button-primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.resume.card-action.topic-csharp .button-primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.resume.card-action.topic-csharp .primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.resume.card-action.topic-csharp .primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.secondary-action.card-action.topic-csharp .button-primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.secondary-action.card-action.topic-csharp .button-primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.secondary-action.card-action.topic-csharp .primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.secondary-action.card-action.topic-csharp .primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .resume.card-action .button-primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .resume.card-action .button-primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .resume.card-action .primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .resume.card-action .primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .secondary-action.card-action .primary.button:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .secondary-action.card-action .primary.button:focus {
	border-color: rgb(124, 60, 103);
}
.resume.card-action.topic-databases .button-primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.resume.card-action.topic-databases .button-primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.resume.card-action.topic-databases .primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.resume.card-action.topic-databases .primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.secondary-action.card-action.topic-databases .button-primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.secondary-action.card-action.topic-databases .button-primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.secondary-action.card-action.topic-databases .primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.secondary-action.card-action.topic-databases .primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .resume.card-action .button-primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .resume.card-action .button-primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .resume.card-action .primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .resume.card-action .primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .secondary-action.card-action .primary.button:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .secondary-action.card-action .primary.button:focus {
	border-color: rgb(205, 94, 19);
}
.resume.card-action.topic-undefined .button-primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.resume.card-action.topic-undefined .button-primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.resume.card-action.topic-undefined .primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.resume.card-action.topic-undefined .primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.secondary-action.card-action.topic-undefined .button-primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.secondary-action.card-action.topic-undefined .button-primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.secondary-action.card-action.topic-undefined .primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.secondary-action.card-action.topic-undefined .primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .resume.card-action .button-primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .resume.card-action .button-primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .resume.card-action .primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .resume.card-action .primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .secondary-action.card-action .button-primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .secondary-action.card-action .button-primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .secondary-action.card-action .primary.button:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .secondary-action.card-action .primary.button:focus {
	border-color: rgb(90, 98, 105);
}
.card-action-trailer.topic-html:hover a {
	border-color: rgb(57, 173, 209);
}
.card-action-trailer.topic-html:focus a {
	border-color: rgb(57, 173, 209);
}
.loading.card-action-trailer.topic-html a {
	border-color: rgb(57, 173, 209);
}
.queueable.card-action.topic-html:hover a {
	border-color: rgb(57, 173, 209);
}
.queueable.card-action.topic-html:focus a {
	border-color: rgb(57, 173, 209);
}
.loading.queueable.card-action.topic-html a {
	border-color: rgb(57, 173, 209);
}
.bookmarkable.card-action.topic-html:hover a {
	border-color: rgb(57, 173, 209);
}
.bookmarkable.card-action.topic-html:focus a {
	border-color: rgb(57, 173, 209);
}
.loading.bookmarkable.card-action.topic-html a {
	border-color: rgb(57, 173, 209);
}
.topic-html .card-action-trailer:hover a {
	border-color: rgb(57, 173, 209);
}
.topic-html .card-action-trailer:focus a {
	border-color: rgb(57, 173, 209);
}
.topic-html .loading.card-action-trailer a {
	border-color: rgb(57, 173, 209);
}
.topic-html .queueable.card-action:hover a {
	border-color: rgb(57, 173, 209);
}
.topic-html .queueable.card-action:focus a {
	border-color: rgb(57, 173, 209);
}
.topic-html .loading.queueable.card-action a {
	border-color: rgb(57, 173, 209);
}
.topic-html .bookmarkable.card-action:hover a {
	border-color: rgb(57, 173, 209);
}
.topic-html .bookmarkable.card-action:focus a {
	border-color: rgb(57, 173, 209);
}
.topic-html .loading.bookmarkable.card-action a {
	border-color: rgb(57, 173, 209);
}
.card-action-trailer.topic-css:hover a {
	border-color: rgb(48, 121, 171);
}
.card-action-trailer.topic-css:focus a {
	border-color: rgb(48, 121, 171);
}
.loading.card-action-trailer.topic-css a {
	border-color: rgb(48, 121, 171);
}
.queueable.card-action.topic-css:hover a {
	border-color: rgb(48, 121, 171);
}
.queueable.card-action.topic-css:focus a {
	border-color: rgb(48, 121, 171);
}
.loading.queueable.card-action.topic-css a {
	border-color: rgb(48, 121, 171);
}
.bookmarkable.card-action.topic-css:hover a {
	border-color: rgb(48, 121, 171);
}
.bookmarkable.card-action.topic-css:focus a {
	border-color: rgb(48, 121, 171);
}
.loading.bookmarkable.card-action.topic-css a {
	border-color: rgb(48, 121, 171);
}
.topic-css .card-action-trailer:hover a {
	border-color: rgb(48, 121, 171);
}
.topic-css .card-action-trailer:focus a {
	border-color: rgb(48, 121, 171);
}
.topic-css .loading.card-action-trailer a {
	border-color: rgb(48, 121, 171);
}
.topic-css .queueable.card-action:hover a {
	border-color: rgb(48, 121, 171);
}
.topic-css .queueable.card-action:focus a {
	border-color: rgb(48, 121, 171);
}
.topic-css .loading.queueable.card-action a {
	border-color: rgb(48, 121, 171);
}
.topic-css .bookmarkable.card-action:hover a {
	border-color: rgb(48, 121, 171);
}
.topic-css .bookmarkable.card-action:focus a {
	border-color: rgb(48, 121, 171);
}
.topic-css .loading.bookmarkable.card-action a {
	border-color: rgb(48, 121, 171);
}
.card-action-trailer.topic-javascript:hover a {
	border-color: rgb(194, 89, 117);
}
.card-action-trailer.topic-javascript:focus a {
	border-color: rgb(194, 89, 117);
}
.loading.card-action-trailer.topic-javascript a {
	border-color: rgb(194, 89, 117);
}
.queueable.card-action.topic-javascript:hover a {
	border-color: rgb(194, 89, 117);
}
.queueable.card-action.topic-javascript:focus a {
	border-color: rgb(194, 89, 117);
}
.loading.queueable.card-action.topic-javascript a {
	border-color: rgb(194, 89, 117);
}
.bookmarkable.card-action.topic-javascript:hover a {
	border-color: rgb(194, 89, 117);
}
.bookmarkable.card-action.topic-javascript:focus a {
	border-color: rgb(194, 89, 117);
}
.loading.bookmarkable.card-action.topic-javascript a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .card-action-trailer:hover a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .card-action-trailer:focus a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .loading.card-action-trailer a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .queueable.card-action:hover a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .queueable.card-action:focus a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .loading.queueable.card-action a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .bookmarkable.card-action:hover a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .bookmarkable.card-action:focus a {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .loading.bookmarkable.card-action a {
	border-color: rgb(194, 89, 117);
}
.card-action-trailer.topic-java:hover a {
	border-color: rgb(44, 150, 118);
}
.card-action-trailer.topic-java:focus a {
	border-color: rgb(44, 150, 118);
}
.loading.card-action-trailer.topic-java a {
	border-color: rgb(44, 150, 118);
}
.queueable.card-action.topic-java:hover a {
	border-color: rgb(44, 150, 118);
}
.queueable.card-action.topic-java:focus a {
	border-color: rgb(44, 150, 118);
}
.loading.queueable.card-action.topic-java a {
	border-color: rgb(44, 150, 118);
}
.bookmarkable.card-action.topic-java:hover a {
	border-color: rgb(44, 150, 118);
}
.bookmarkable.card-action.topic-java:focus a {
	border-color: rgb(44, 150, 118);
}
.loading.bookmarkable.card-action.topic-java a {
	border-color: rgb(44, 150, 118);
}
.topic-java .card-action-trailer:hover a {
	border-color: rgb(44, 150, 118);
}
.topic-java .card-action-trailer:focus a {
	border-color: rgb(44, 150, 118);
}
.topic-java .loading.card-action-trailer a {
	border-color: rgb(44, 150, 118);
}
.topic-java .queueable.card-action:hover a {
	border-color: rgb(44, 150, 118);
}
.topic-java .queueable.card-action:focus a {
	border-color: rgb(44, 150, 118);
}
.topic-java .loading.queueable.card-action a {
	border-color: rgb(44, 150, 118);
}
.topic-java .bookmarkable.card-action:hover a {
	border-color: rgb(44, 150, 118);
}
.topic-java .bookmarkable.card-action:focus a {
	border-color: rgb(44, 150, 118);
}
.topic-java .loading.bookmarkable.card-action a {
	border-color: rgb(44, 150, 118);
}
.card-action-trailer.topic-ruby:hover a {
	border-color: rgb(225, 82, 88);
}
.card-action-trailer.topic-ruby:focus a {
	border-color: rgb(225, 82, 88);
}
.loading.card-action-trailer.topic-ruby a {
	border-color: rgb(225, 82, 88);
}
.queueable.card-action.topic-ruby:hover a {
	border-color: rgb(225, 82, 88);
}
.queueable.card-action.topic-ruby:focus a {
	border-color: rgb(225, 82, 88);
}
.loading.queueable.card-action.topic-ruby a {
	border-color: rgb(225, 82, 88);
}
.bookmarkable.card-action.topic-ruby:hover a {
	border-color: rgb(225, 82, 88);
}
.bookmarkable.card-action.topic-ruby:focus a {
	border-color: rgb(225, 82, 88);
}
.loading.bookmarkable.card-action.topic-ruby a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .card-action-trailer:hover a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .card-action-trailer:focus a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .loading.card-action-trailer a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .queueable.card-action:hover a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .queueable.card-action:focus a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .loading.queueable.card-action a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .bookmarkable.card-action:hover a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .bookmarkable.card-action:focus a {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .loading.bookmarkable.card-action a {
	border-color: rgb(225, 82, 88);
}
.card-action-trailer.topic-business:hover a {
	border-color: rgb(249, 132, 91);
}
.card-action-trailer.topic-business:focus a {
	border-color: rgb(249, 132, 91);
}
.loading.card-action-trailer.topic-business a {
	border-color: rgb(249, 132, 91);
}
.queueable.card-action.topic-business:hover a {
	border-color: rgb(249, 132, 91);
}
.queueable.card-action.topic-business:focus a {
	border-color: rgb(249, 132, 91);
}
.loading.queueable.card-action.topic-business a {
	border-color: rgb(249, 132, 91);
}
.bookmarkable.card-action.topic-business:hover a {
	border-color: rgb(249, 132, 91);
}
.bookmarkable.card-action.topic-business:focus a {
	border-color: rgb(249, 132, 91);
}
.loading.bookmarkable.card-action.topic-business a {
	border-color: rgb(249, 132, 91);
}
.topic-business .card-action-trailer:hover a {
	border-color: rgb(249, 132, 91);
}
.topic-business .card-action-trailer:focus a {
	border-color: rgb(249, 132, 91);
}
.topic-business .loading.card-action-trailer a {
	border-color: rgb(249, 132, 91);
}
.topic-business .queueable.card-action:hover a {
	border-color: rgb(249, 132, 91);
}
.topic-business .queueable.card-action:focus a {
	border-color: rgb(249, 132, 91);
}
.topic-business .loading.queueable.card-action a {
	border-color: rgb(249, 132, 91);
}
.topic-business .bookmarkable.card-action:hover a {
	border-color: rgb(249, 132, 91);
}
.topic-business .bookmarkable.card-action:focus a {
	border-color: rgb(249, 132, 91);
}
.topic-business .loading.bookmarkable.card-action a {
	border-color: rgb(249, 132, 91);
}
.card-action-trailer.topic-wordpress:hover a {
	border-color: rgb(131, 140, 199);
}
.card-action-trailer.topic-wordpress:focus a {
	border-color: rgb(131, 140, 199);
}
.loading.card-action-trailer.topic-wordpress a {
	border-color: rgb(131, 140, 199);
}
.queueable.card-action.topic-wordpress:hover a {
	border-color: rgb(131, 140, 199);
}
.queueable.card-action.topic-wordpress:focus a {
	border-color: rgb(131, 140, 199);
}
.loading.queueable.card-action.topic-wordpress a {
	border-color: rgb(131, 140, 199);
}
.bookmarkable.card-action.topic-wordpress:hover a {
	border-color: rgb(131, 140, 199);
}
.bookmarkable.card-action.topic-wordpress:focus a {
	border-color: rgb(131, 140, 199);
}
.loading.bookmarkable.card-action.topic-wordpress a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .card-action-trailer:hover a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .card-action-trailer:focus a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .loading.card-action-trailer a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .queueable.card-action:hover a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .queueable.card-action:focus a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .loading.queueable.card-action a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .bookmarkable.card-action:hover a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .bookmarkable.card-action:focus a {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .loading.bookmarkable.card-action a {
	border-color: rgb(131, 140, 199);
}
.card-action-trailer.topic-php:hover a {
	border-color: rgb(125, 102, 158);
}
.card-action-trailer.topic-php:focus a {
	border-color: rgb(125, 102, 158);
}
.loading.card-action-trailer.topic-php a {
	border-color: rgb(125, 102, 158);
}
.queueable.card-action.topic-php:hover a {
	border-color: rgb(125, 102, 158);
}
.queueable.card-action.topic-php:focus a {
	border-color: rgb(125, 102, 158);
}
.loading.queueable.card-action.topic-php a {
	border-color: rgb(125, 102, 158);
}
.bookmarkable.card-action.topic-php:hover a {
	border-color: rgb(125, 102, 158);
}
.bookmarkable.card-action.topic-php:focus a {
	border-color: rgb(125, 102, 158);
}
.loading.bookmarkable.card-action.topic-php a {
	border-color: rgb(125, 102, 158);
}
.topic-php .card-action-trailer:hover a {
	border-color: rgb(125, 102, 158);
}
.topic-php .card-action-trailer:focus a {
	border-color: rgb(125, 102, 158);
}
.topic-php .loading.card-action-trailer a {
	border-color: rgb(125, 102, 158);
}
.topic-php .queueable.card-action:hover a {
	border-color: rgb(125, 102, 158);
}
.topic-php .queueable.card-action:focus a {
	border-color: rgb(125, 102, 158);
}
.topic-php .loading.queueable.card-action a {
	border-color: rgb(125, 102, 158);
}
.topic-php .bookmarkable.card-action:hover a {
	border-color: rgb(125, 102, 158);
}
.topic-php .bookmarkable.card-action:focus a {
	border-color: rgb(125, 102, 158);
}
.topic-php .loading.bookmarkable.card-action a {
	border-color: rgb(125, 102, 158);
}
.card-action-trailer.topic-ios:hover a {
	border-color: rgb(83, 187, 180);
}
.card-action-trailer.topic-ios:focus a {
	border-color: rgb(83, 187, 180);
}
.loading.card-action-trailer.topic-ios a {
	border-color: rgb(83, 187, 180);
}
.queueable.card-action.topic-ios:hover a {
	border-color: rgb(83, 187, 180);
}
.queueable.card-action.topic-ios:focus a {
	border-color: rgb(83, 187, 180);
}
.loading.queueable.card-action.topic-ios a {
	border-color: rgb(83, 187, 180);
}
.bookmarkable.card-action.topic-ios:hover a {
	border-color: rgb(83, 187, 180);
}
.bookmarkable.card-action.topic-ios:focus a {
	border-color: rgb(83, 187, 180);
}
.loading.bookmarkable.card-action.topic-ios a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .card-action-trailer:hover a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .card-action-trailer:focus a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .loading.card-action-trailer a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .queueable.card-action:hover a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .queueable.card-action:focus a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .loading.queueable.card-action a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .bookmarkable.card-action:hover a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .bookmarkable.card-action:focus a {
	border-color: rgb(83, 187, 180);
}
.topic-ios .loading.bookmarkable.card-action a {
	border-color: rgb(83, 187, 180);
}
.card-action-trailer.topic-android:hover a {
	border-color: rgb(92, 184, 96);
}
.card-action-trailer.topic-android:focus a {
	border-color: rgb(92, 184, 96);
}
.loading.card-action-trailer.topic-android a {
	border-color: rgb(92, 184, 96);
}
.queueable.card-action.topic-android:hover a {
	border-color: rgb(92, 184, 96);
}
.queueable.card-action.topic-android:focus a {
	border-color: rgb(92, 184, 96);
}
.loading.queueable.card-action.topic-android a {
	border-color: rgb(92, 184, 96);
}
.bookmarkable.card-action.topic-android:hover a {
	border-color: rgb(92, 184, 96);
}
.bookmarkable.card-action.topic-android:focus a {
	border-color: rgb(92, 184, 96);
}
.loading.bookmarkable.card-action.topic-android a {
	border-color: rgb(92, 184, 96);
}
.topic-android .card-action-trailer:hover a {
	border-color: rgb(92, 184, 96);
}
.topic-android .card-action-trailer:focus a {
	border-color: rgb(92, 184, 96);
}
.topic-android .loading.card-action-trailer a {
	border-color: rgb(92, 184, 96);
}
.topic-android .queueable.card-action:hover a {
	border-color: rgb(92, 184, 96);
}
.topic-android .queueable.card-action:focus a {
	border-color: rgb(92, 184, 96);
}
.topic-android .loading.queueable.card-action a {
	border-color: rgb(92, 184, 96);
}
.topic-android .bookmarkable.card-action:hover a {
	border-color: rgb(92, 184, 96);
}
.topic-android .bookmarkable.card-action:focus a {
	border-color: rgb(92, 184, 96);
}
.topic-android .loading.bookmarkable.card-action a {
	border-color: rgb(92, 184, 96);
}
.card-action-trailer.topic-design:hover a {
	border-color: rgb(229, 154, 19);
}
.card-action-trailer.topic-design:focus a {
	border-color: rgb(229, 154, 19);
}
.loading.card-action-trailer.topic-design a {
	border-color: rgb(229, 154, 19);
}
.queueable.card-action.topic-design:hover a {
	border-color: rgb(229, 154, 19);
}
.queueable.card-action.topic-design:focus a {
	border-color: rgb(229, 154, 19);
}
.loading.queueable.card-action.topic-design a {
	border-color: rgb(229, 154, 19);
}
.bookmarkable.card-action.topic-design:hover a {
	border-color: rgb(229, 154, 19);
}
.bookmarkable.card-action.topic-design:focus a {
	border-color: rgb(229, 154, 19);
}
.loading.bookmarkable.card-action.topic-design a {
	border-color: rgb(229, 154, 19);
}
.topic-design .card-action-trailer:hover a {
	border-color: rgb(229, 154, 19);
}
.topic-design .card-action-trailer:focus a {
	border-color: rgb(229, 154, 19);
}
.topic-design .loading.card-action-trailer a {
	border-color: rgb(229, 154, 19);
}
.topic-design .queueable.card-action:hover a {
	border-color: rgb(229, 154, 19);
}
.topic-design .queueable.card-action:focus a {
	border-color: rgb(229, 154, 19);
}
.topic-design .loading.queueable.card-action a {
	border-color: rgb(229, 154, 19);
}
.topic-design .bookmarkable.card-action:hover a {
	border-color: rgb(229, 154, 19);
}
.topic-design .bookmarkable.card-action:focus a {
	border-color: rgb(229, 154, 19);
}
.topic-design .loading.bookmarkable.card-action a {
	border-color: rgb(229, 154, 19);
}
.card-action-trailer.topic-development-tools:hover a {
	border-color: rgb(99, 122, 145);
}
.card-action-trailer.topic-development-tools:focus a {
	border-color: rgb(99, 122, 145);
}
.loading.card-action-trailer.topic-development-tools a {
	border-color: rgb(99, 122, 145);
}
.queueable.card-action.topic-development-tools:hover a {
	border-color: rgb(99, 122, 145);
}
.queueable.card-action.topic-development-tools:focus a {
	border-color: rgb(99, 122, 145);
}
.loading.queueable.card-action.topic-development-tools a {
	border-color: rgb(99, 122, 145);
}
.bookmarkable.card-action.topic-development-tools:hover a {
	border-color: rgb(99, 122, 145);
}
.bookmarkable.card-action.topic-development-tools:focus a {
	border-color: rgb(99, 122, 145);
}
.loading.bookmarkable.card-action.topic-development-tools a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .card-action-trailer:hover a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .card-action-trailer:focus a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .loading.card-action-trailer a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .queueable.card-action:hover a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .queueable.card-action:focus a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .loading.queueable.card-action a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .bookmarkable.card-action:hover a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .bookmarkable.card-action:focus a {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .loading.bookmarkable.card-action a {
	border-color: rgb(99, 122, 145);
}
.card-action-trailer.topic-python:hover a {
	border-color: rgb(240, 146, 176);
}
.card-action-trailer.topic-python:focus a {
	border-color: rgb(240, 146, 176);
}
.loading.card-action-trailer.topic-python a {
	border-color: rgb(240, 146, 176);
}
.queueable.card-action.topic-python:hover a {
	border-color: rgb(240, 146, 176);
}
.queueable.card-action.topic-python:focus a {
	border-color: rgb(240, 146, 176);
}
.loading.queueable.card-action.topic-python a {
	border-color: rgb(240, 146, 176);
}
.bookmarkable.card-action.topic-python:hover a {
	border-color: rgb(240, 146, 176);
}
.bookmarkable.card-action.topic-python:focus a {
	border-color: rgb(240, 146, 176);
}
.loading.bookmarkable.card-action.topic-python a {
	border-color: rgb(240, 146, 176);
}
.topic-python .card-action-trailer:hover a {
	border-color: rgb(240, 146, 176);
}
.topic-python .card-action-trailer:focus a {
	border-color: rgb(240, 146, 176);
}
.topic-python .loading.card-action-trailer a {
	border-color: rgb(240, 146, 176);
}
.topic-python .queueable.card-action:hover a {
	border-color: rgb(240, 146, 176);
}
.topic-python .queueable.card-action:focus a {
	border-color: rgb(240, 146, 176);
}
.topic-python .loading.queueable.card-action a {
	border-color: rgb(240, 146, 176);
}
.topic-python .bookmarkable.card-action:hover a {
	border-color: rgb(240, 146, 176);
}
.topic-python .bookmarkable.card-action:focus a {
	border-color: rgb(240, 146, 176);
}
.topic-python .loading.bookmarkable.card-action a {
	border-color: rgb(240, 146, 176);
}
.card-action-trailer.topic-digital-literacy:hover a {
	border-color: rgb(195, 140, 212);
}
.card-action-trailer.topic-digital-literacy:focus a {
	border-color: rgb(195, 140, 212);
}
.loading.card-action-trailer.topic-digital-literacy a {
	border-color: rgb(195, 140, 212);
}
.queueable.card-action.topic-digital-literacy:hover a {
	border-color: rgb(195, 140, 212);
}
.queueable.card-action.topic-digital-literacy:focus a {
	border-color: rgb(195, 140, 212);
}
.loading.queueable.card-action.topic-digital-literacy a {
	border-color: rgb(195, 140, 212);
}
.bookmarkable.card-action.topic-digital-literacy:hover a {
	border-color: rgb(195, 140, 212);
}
.bookmarkable.card-action.topic-digital-literacy:focus a {
	border-color: rgb(195, 140, 212);
}
.loading.bookmarkable.card-action.topic-digital-literacy a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-action-trailer:hover a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-action-trailer:focus a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .loading.card-action-trailer a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .queueable.card-action:hover a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .queueable.card-action:focus a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .loading.queueable.card-action a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .bookmarkable.card-action:hover a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .bookmarkable.card-action:focus a {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .loading.bookmarkable.card-action a {
	border-color: rgb(195, 140, 212);
}
.card-action-trailer.topic-game-development:hover a {
	border-color: rgb(32, 137, 140);
}
.card-action-trailer.topic-game-development:focus a {
	border-color: rgb(32, 137, 140);
}
.loading.card-action-trailer.topic-game-development a {
	border-color: rgb(32, 137, 140);
}
.queueable.card-action.topic-game-development:hover a {
	border-color: rgb(32, 137, 140);
}
.queueable.card-action.topic-game-development:focus a {
	border-color: rgb(32, 137, 140);
}
.loading.queueable.card-action.topic-game-development a {
	border-color: rgb(32, 137, 140);
}
.bookmarkable.card-action.topic-game-development:hover a {
	border-color: rgb(32, 137, 140);
}
.bookmarkable.card-action.topic-game-development:focus a {
	border-color: rgb(32, 137, 140);
}
.loading.bookmarkable.card-action.topic-game-development a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .card-action-trailer:hover a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .card-action-trailer:focus a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .loading.card-action-trailer a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .queueable.card-action:hover a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .queueable.card-action:focus a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .loading.queueable.card-action a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .bookmarkable.card-action:hover a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .bookmarkable.card-action:focus a {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .loading.bookmarkable.card-action a {
	border-color: rgb(32, 137, 140);
}
.card-action-trailer.topic-csharp:hover a {
	border-color: rgb(158, 77, 131);
}
.card-action-trailer.topic-csharp:focus a {
	border-color: rgb(158, 77, 131);
}
.loading.card-action-trailer.topic-csharp a {
	border-color: rgb(158, 77, 131);
}
.queueable.card-action.topic-csharp:hover a {
	border-color: rgb(158, 77, 131);
}
.queueable.card-action.topic-csharp:focus a {
	border-color: rgb(158, 77, 131);
}
.loading.queueable.card-action.topic-csharp a {
	border-color: rgb(158, 77, 131);
}
.bookmarkable.card-action.topic-csharp:hover a {
	border-color: rgb(158, 77, 131);
}
.bookmarkable.card-action.topic-csharp:focus a {
	border-color: rgb(158, 77, 131);
}
.loading.bookmarkable.card-action.topic-csharp a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .card-action-trailer:hover a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .card-action-trailer:focus a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .loading.card-action-trailer a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .queueable.card-action:hover a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .queueable.card-action:focus a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .loading.queueable.card-action a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .bookmarkable.card-action:hover a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .bookmarkable.card-action:focus a {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .loading.bookmarkable.card-action a {
	border-color: rgb(158, 77, 131);
}
.card-action-trailer.topic-databases:hover a {
	border-color: rgb(235, 119, 40);
}
.card-action-trailer.topic-databases:focus a {
	border-color: rgb(235, 119, 40);
}
.loading.card-action-trailer.topic-databases a {
	border-color: rgb(235, 119, 40);
}
.queueable.card-action.topic-databases:hover a {
	border-color: rgb(235, 119, 40);
}
.queueable.card-action.topic-databases:focus a {
	border-color: rgb(235, 119, 40);
}
.loading.queueable.card-action.topic-databases a {
	border-color: rgb(235, 119, 40);
}
.bookmarkable.card-action.topic-databases:hover a {
	border-color: rgb(235, 119, 40);
}
.bookmarkable.card-action.topic-databases:focus a {
	border-color: rgb(235, 119, 40);
}
.loading.bookmarkable.card-action.topic-databases a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .card-action-trailer:hover a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .card-action-trailer:focus a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .loading.card-action-trailer a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .queueable.card-action:hover a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .queueable.card-action:focus a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .loading.queueable.card-action a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .bookmarkable.card-action:hover a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .bookmarkable.card-action:focus a {
	border-color: rgb(235, 119, 40);
}
.topic-databases .loading.bookmarkable.card-action a {
	border-color: rgb(235, 119, 40);
}
.card-action-trailer.topic-undefined:hover a {
	border-color: rgb(113, 123, 133);
}
.card-action-trailer.topic-undefined:focus a {
	border-color: rgb(113, 123, 133);
}
.loading.card-action-trailer.topic-undefined a {
	border-color: rgb(113, 123, 133);
}
.queueable.card-action.topic-undefined:hover a {
	border-color: rgb(113, 123, 133);
}
.queueable.card-action.topic-undefined:focus a {
	border-color: rgb(113, 123, 133);
}
.loading.queueable.card-action.topic-undefined a {
	border-color: rgb(113, 123, 133);
}
.bookmarkable.card-action.topic-undefined:hover a {
	border-color: rgb(113, 123, 133);
}
.bookmarkable.card-action.topic-undefined:focus a {
	border-color: rgb(113, 123, 133);
}
.loading.bookmarkable.card-action.topic-undefined a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .card-action-trailer:hover a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .card-action-trailer:focus a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .loading.card-action-trailer a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .queueable.card-action:hover a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .queueable.card-action:focus a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .loading.queueable.card-action a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .bookmarkable.card-action:hover a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .bookmarkable.card-action:focus a {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .loading.bookmarkable.card-action a {
	border-color: rgb(113, 123, 133);
}
.card-action-trailer.topic-html:hover a svg {
	fill: #39add1;
}
.card-action-trailer.topic-html:focus a svg {
	fill: #39add1;
}
.loading.card-action-trailer.topic-html a svg {
	fill: #39add1;
}
.queueable.card-action.topic-html:hover a svg {
	fill: #39add1;
}
.queueable.card-action.topic-html:focus a svg {
	fill: #39add1;
}
.loading.queueable.card-action.topic-html a svg {
	fill: #39add1;
}
.bookmarkable.card-action.topic-html:hover a svg {
	fill: #39add1;
}
.bookmarkable.card-action.topic-html:focus a svg {
	fill: #39add1;
}
.loading.bookmarkable.card-action.topic-html a svg {
	fill: #39add1;
}
.topic-html .card-action-trailer:hover a svg {
	fill: #39add1;
}
.topic-html .card-action-trailer:focus a svg {
	fill: #39add1;
}
.topic-html .loading.card-action-trailer a svg {
	fill: #39add1;
}
.topic-html .queueable.card-action:hover a svg {
	fill: #39add1;
}
.topic-html .queueable.card-action:focus a svg {
	fill: #39add1;
}
.topic-html .loading.queueable.card-action a svg {
	fill: #39add1;
}
.topic-html .bookmarkable.card-action:hover a svg {
	fill: #39add1;
}
.topic-html .bookmarkable.card-action:focus a svg {
	fill: #39add1;
}
.topic-html .loading.bookmarkable.card-action a svg {
	fill: #39add1;
}
.card-action-trailer.topic-css:hover a svg {
	fill: #3079ab;
}
.card-action-trailer.topic-css:focus a svg {
	fill: #3079ab;
}
.loading.card-action-trailer.topic-css a svg {
	fill: #3079ab;
}
.queueable.card-action.topic-css:hover a svg {
	fill: #3079ab;
}
.queueable.card-action.topic-css:focus a svg {
	fill: #3079ab;
}
.loading.queueable.card-action.topic-css a svg {
	fill: #3079ab;
}
.bookmarkable.card-action.topic-css:hover a svg {
	fill: #3079ab;
}
.bookmarkable.card-action.topic-css:focus a svg {
	fill: #3079ab;
}
.loading.bookmarkable.card-action.topic-css a svg {
	fill: #3079ab;
}
.topic-css .card-action-trailer:hover a svg {
	fill: #3079ab;
}
.topic-css .card-action-trailer:focus a svg {
	fill: #3079ab;
}
.topic-css .loading.card-action-trailer a svg {
	fill: #3079ab;
}
.topic-css .queueable.card-action:hover a svg {
	fill: #3079ab;
}
.topic-css .queueable.card-action:focus a svg {
	fill: #3079ab;
}
.topic-css .loading.queueable.card-action a svg {
	fill: #3079ab;
}
.topic-css .bookmarkable.card-action:hover a svg {
	fill: #3079ab;
}
.topic-css .bookmarkable.card-action:focus a svg {
	fill: #3079ab;
}
.topic-css .loading.bookmarkable.card-action a svg {
	fill: #3079ab;
}
.card-action-trailer.topic-javascript:hover a svg {
	fill: #c25975;
}
.card-action-trailer.topic-javascript:focus a svg {
	fill: #c25975;
}
.loading.card-action-trailer.topic-javascript a svg {
	fill: #c25975;
}
.queueable.card-action.topic-javascript:hover a svg {
	fill: #c25975;
}
.queueable.card-action.topic-javascript:focus a svg {
	fill: #c25975;
}
.loading.queueable.card-action.topic-javascript a svg {
	fill: #c25975;
}
.bookmarkable.card-action.topic-javascript:hover a svg {
	fill: #c25975;
}
.bookmarkable.card-action.topic-javascript:focus a svg {
	fill: #c25975;
}
.loading.bookmarkable.card-action.topic-javascript a svg {
	fill: #c25975;
}
.topic-javascript .card-action-trailer:hover a svg {
	fill: #c25975;
}
.topic-javascript .card-action-trailer:focus a svg {
	fill: #c25975;
}
.topic-javascript .loading.card-action-trailer a svg {
	fill: #c25975;
}
.topic-javascript .queueable.card-action:hover a svg {
	fill: #c25975;
}
.topic-javascript .queueable.card-action:focus a svg {
	fill: #c25975;
}
.topic-javascript .loading.queueable.card-action a svg {
	fill: #c25975;
}
.topic-javascript .bookmarkable.card-action:hover a svg {
	fill: #c25975;
}
.topic-javascript .bookmarkable.card-action:focus a svg {
	fill: #c25975;
}
.topic-javascript .loading.bookmarkable.card-action a svg {
	fill: #c25975;
}
.card-action-trailer.topic-java:hover a svg {
	fill: #2c9676;
}
.card-action-trailer.topic-java:focus a svg {
	fill: #2c9676;
}
.loading.card-action-trailer.topic-java a svg {
	fill: #2c9676;
}
.queueable.card-action.topic-java:hover a svg {
	fill: #2c9676;
}
.queueable.card-action.topic-java:focus a svg {
	fill: #2c9676;
}
.loading.queueable.card-action.topic-java a svg {
	fill: #2c9676;
}
.bookmarkable.card-action.topic-java:hover a svg {
	fill: #2c9676;
}
.bookmarkable.card-action.topic-java:focus a svg {
	fill: #2c9676;
}
.loading.bookmarkable.card-action.topic-java a svg {
	fill: #2c9676;
}
.topic-java .card-action-trailer:hover a svg {
	fill: #2c9676;
}
.topic-java .card-action-trailer:focus a svg {
	fill: #2c9676;
}
.topic-java .loading.card-action-trailer a svg {
	fill: #2c9676;
}
.topic-java .queueable.card-action:hover a svg {
	fill: #2c9676;
}
.topic-java .queueable.card-action:focus a svg {
	fill: #2c9676;
}
.topic-java .loading.queueable.card-action a svg {
	fill: #2c9676;
}
.topic-java .bookmarkable.card-action:hover a svg {
	fill: #2c9676;
}
.topic-java .bookmarkable.card-action:focus a svg {
	fill: #2c9676;
}
.topic-java .loading.bookmarkable.card-action a svg {
	fill: #2c9676;
}
.card-action-trailer.topic-ruby:hover a svg {
	fill: #e15258;
}
.card-action-trailer.topic-ruby:focus a svg {
	fill: #e15258;
}
.loading.card-action-trailer.topic-ruby a svg {
	fill: #e15258;
}
.queueable.card-action.topic-ruby:hover a svg {
	fill: #e15258;
}
.queueable.card-action.topic-ruby:focus a svg {
	fill: #e15258;
}
.loading.queueable.card-action.topic-ruby a svg {
	fill: #e15258;
}
.bookmarkable.card-action.topic-ruby:hover a svg {
	fill: #e15258;
}
.bookmarkable.card-action.topic-ruby:focus a svg {
	fill: #e15258;
}
.loading.bookmarkable.card-action.topic-ruby a svg {
	fill: #e15258;
}
.topic-ruby .card-action-trailer:hover a svg {
	fill: #e15258;
}
.topic-ruby .card-action-trailer:focus a svg {
	fill: #e15258;
}
.topic-ruby .loading.card-action-trailer a svg {
	fill: #e15258;
}
.topic-ruby .queueable.card-action:hover a svg {
	fill: #e15258;
}
.topic-ruby .queueable.card-action:focus a svg {
	fill: #e15258;
}
.topic-ruby .loading.queueable.card-action a svg {
	fill: #e15258;
}
.topic-ruby .bookmarkable.card-action:hover a svg {
	fill: #e15258;
}
.topic-ruby .bookmarkable.card-action:focus a svg {
	fill: #e15258;
}
.topic-ruby .loading.bookmarkable.card-action a svg {
	fill: #e15258;
}
.card-action-trailer.topic-business:hover a svg {
	fill: #f9845b;
}
.card-action-trailer.topic-business:focus a svg {
	fill: #f9845b;
}
.loading.card-action-trailer.topic-business a svg {
	fill: #f9845b;
}
.queueable.card-action.topic-business:hover a svg {
	fill: #f9845b;
}
.queueable.card-action.topic-business:focus a svg {
	fill: #f9845b;
}
.loading.queueable.card-action.topic-business a svg {
	fill: #f9845b;
}
.bookmarkable.card-action.topic-business:hover a svg {
	fill: #f9845b;
}
.bookmarkable.card-action.topic-business:focus a svg {
	fill: #f9845b;
}
.loading.bookmarkable.card-action.topic-business a svg {
	fill: #f9845b;
}
.topic-business .card-action-trailer:hover a svg {
	fill: #f9845b;
}
.topic-business .card-action-trailer:focus a svg {
	fill: #f9845b;
}
.topic-business .loading.card-action-trailer a svg {
	fill: #f9845b;
}
.topic-business .queueable.card-action:hover a svg {
	fill: #f9845b;
}
.topic-business .queueable.card-action:focus a svg {
	fill: #f9845b;
}
.topic-business .loading.queueable.card-action a svg {
	fill: #f9845b;
}
.topic-business .bookmarkable.card-action:hover a svg {
	fill: #f9845b;
}
.topic-business .bookmarkable.card-action:focus a svg {
	fill: #f9845b;
}
.topic-business .loading.bookmarkable.card-action a svg {
	fill: #f9845b;
}
.card-action-trailer.topic-wordpress:hover a svg {
	fill: #838cc7;
}
.card-action-trailer.topic-wordpress:focus a svg {
	fill: #838cc7;
}
.loading.card-action-trailer.topic-wordpress a svg {
	fill: #838cc7;
}
.queueable.card-action.topic-wordpress:hover a svg {
	fill: #838cc7;
}
.queueable.card-action.topic-wordpress:focus a svg {
	fill: #838cc7;
}
.loading.queueable.card-action.topic-wordpress a svg {
	fill: #838cc7;
}
.bookmarkable.card-action.topic-wordpress:hover a svg {
	fill: #838cc7;
}
.bookmarkable.card-action.topic-wordpress:focus a svg {
	fill: #838cc7;
}
.loading.bookmarkable.card-action.topic-wordpress a svg {
	fill: #838cc7;
}
.topic-wordpress .card-action-trailer:hover a svg {
	fill: #838cc7;
}
.topic-wordpress .card-action-trailer:focus a svg {
	fill: #838cc7;
}
.topic-wordpress .loading.card-action-trailer a svg {
	fill: #838cc7;
}
.topic-wordpress .queueable.card-action:hover a svg {
	fill: #838cc7;
}
.topic-wordpress .queueable.card-action:focus a svg {
	fill: #838cc7;
}
.topic-wordpress .loading.queueable.card-action a svg {
	fill: #838cc7;
}
.topic-wordpress .bookmarkable.card-action:hover a svg {
	fill: #838cc7;
}
.topic-wordpress .bookmarkable.card-action:focus a svg {
	fill: #838cc7;
}
.topic-wordpress .loading.bookmarkable.card-action a svg {
	fill: #838cc7;
}
.card-action-trailer.topic-php:hover a svg {
	fill: #7d669e;
}
.card-action-trailer.topic-php:focus a svg {
	fill: #7d669e;
}
.loading.card-action-trailer.topic-php a svg {
	fill: #7d669e;
}
.queueable.card-action.topic-php:hover a svg {
	fill: #7d669e;
}
.queueable.card-action.topic-php:focus a svg {
	fill: #7d669e;
}
.loading.queueable.card-action.topic-php a svg {
	fill: #7d669e;
}
.bookmarkable.card-action.topic-php:hover a svg {
	fill: #7d669e;
}
.bookmarkable.card-action.topic-php:focus a svg {
	fill: #7d669e;
}
.loading.bookmarkable.card-action.topic-php a svg {
	fill: #7d669e;
}
.topic-php .card-action-trailer:hover a svg {
	fill: #7d669e;
}
.topic-php .card-action-trailer:focus a svg {
	fill: #7d669e;
}
.topic-php .loading.card-action-trailer a svg {
	fill: #7d669e;
}
.topic-php .queueable.card-action:hover a svg {
	fill: #7d669e;
}
.topic-php .queueable.card-action:focus a svg {
	fill: #7d669e;
}
.topic-php .loading.queueable.card-action a svg {
	fill: #7d669e;
}
.topic-php .bookmarkable.card-action:hover a svg {
	fill: #7d669e;
}
.topic-php .bookmarkable.card-action:focus a svg {
	fill: #7d669e;
}
.topic-php .loading.bookmarkable.card-action a svg {
	fill: #7d669e;
}
.card-action-trailer.topic-ios:hover a svg {
	fill: #53bbb4;
}
.card-action-trailer.topic-ios:focus a svg {
	fill: #53bbb4;
}
.loading.card-action-trailer.topic-ios a svg {
	fill: #53bbb4;
}
.queueable.card-action.topic-ios:hover a svg {
	fill: #53bbb4;
}
.queueable.card-action.topic-ios:focus a svg {
	fill: #53bbb4;
}
.loading.queueable.card-action.topic-ios a svg {
	fill: #53bbb4;
}
.bookmarkable.card-action.topic-ios:hover a svg {
	fill: #53bbb4;
}
.bookmarkable.card-action.topic-ios:focus a svg {
	fill: #53bbb4;
}
.loading.bookmarkable.card-action.topic-ios a svg {
	fill: #53bbb4;
}
.topic-ios .card-action-trailer:hover a svg {
	fill: #53bbb4;
}
.topic-ios .card-action-trailer:focus a svg {
	fill: #53bbb4;
}
.topic-ios .loading.card-action-trailer a svg {
	fill: #53bbb4;
}
.topic-ios .queueable.card-action:hover a svg {
	fill: #53bbb4;
}
.topic-ios .queueable.card-action:focus a svg {
	fill: #53bbb4;
}
.topic-ios .loading.queueable.card-action a svg {
	fill: #53bbb4;
}
.topic-ios .bookmarkable.card-action:hover a svg {
	fill: #53bbb4;
}
.topic-ios .bookmarkable.card-action:focus a svg {
	fill: #53bbb4;
}
.topic-ios .loading.bookmarkable.card-action a svg {
	fill: #53bbb4;
}
.card-action-trailer.topic-android:hover a svg {
	fill: #5cb860;
}
.card-action-trailer.topic-android:focus a svg {
	fill: #5cb860;
}
.loading.card-action-trailer.topic-android a svg {
	fill: #5cb860;
}
.queueable.card-action.topic-android:hover a svg {
	fill: #5cb860;
}
.queueable.card-action.topic-android:focus a svg {
	fill: #5cb860;
}
.loading.queueable.card-action.topic-android a svg {
	fill: #5cb860;
}
.bookmarkable.card-action.topic-android:hover a svg {
	fill: #5cb860;
}
.bookmarkable.card-action.topic-android:focus a svg {
	fill: #5cb860;
}
.loading.bookmarkable.card-action.topic-android a svg {
	fill: #5cb860;
}
.topic-android .card-action-trailer:hover a svg {
	fill: #5cb860;
}
.topic-android .card-action-trailer:focus a svg {
	fill: #5cb860;
}
.topic-android .loading.card-action-trailer a svg {
	fill: #5cb860;
}
.topic-android .queueable.card-action:hover a svg {
	fill: #5cb860;
}
.topic-android .queueable.card-action:focus a svg {
	fill: #5cb860;
}
.topic-android .loading.queueable.card-action a svg {
	fill: #5cb860;
}
.topic-android .bookmarkable.card-action:hover a svg {
	fill: #5cb860;
}
.topic-android .bookmarkable.card-action:focus a svg {
	fill: #5cb860;
}
.topic-android .loading.bookmarkable.card-action a svg {
	fill: #5cb860;
}
.card-action-trailer.topic-design:hover a svg {
	fill: #e59a13;
}
.card-action-trailer.topic-design:focus a svg {
	fill: #e59a13;
}
.loading.card-action-trailer.topic-design a svg {
	fill: #e59a13;
}
.queueable.card-action.topic-design:hover a svg {
	fill: #e59a13;
}
.queueable.card-action.topic-design:focus a svg {
	fill: #e59a13;
}
.loading.queueable.card-action.topic-design a svg {
	fill: #e59a13;
}
.bookmarkable.card-action.topic-design:hover a svg {
	fill: #e59a13;
}
.bookmarkable.card-action.topic-design:focus a svg {
	fill: #e59a13;
}
.loading.bookmarkable.card-action.topic-design a svg {
	fill: #e59a13;
}
.topic-design .card-action-trailer:hover a svg {
	fill: #e59a13;
}
.topic-design .card-action-trailer:focus a svg {
	fill: #e59a13;
}
.topic-design .loading.card-action-trailer a svg {
	fill: #e59a13;
}
.topic-design .queueable.card-action:hover a svg {
	fill: #e59a13;
}
.topic-design .queueable.card-action:focus a svg {
	fill: #e59a13;
}
.topic-design .loading.queueable.card-action a svg {
	fill: #e59a13;
}
.topic-design .bookmarkable.card-action:hover a svg {
	fill: #e59a13;
}
.topic-design .bookmarkable.card-action:focus a svg {
	fill: #e59a13;
}
.topic-design .loading.bookmarkable.card-action a svg {
	fill: #e59a13;
}
.card-action-trailer.topic-development-tools:hover a svg {
	fill: #637a91;
}
.card-action-trailer.topic-development-tools:focus a svg {
	fill: #637a91;
}
.loading.card-action-trailer.topic-development-tools a svg {
	fill: #637a91;
}
.queueable.card-action.topic-development-tools:hover a svg {
	fill: #637a91;
}
.queueable.card-action.topic-development-tools:focus a svg {
	fill: #637a91;
}
.loading.queueable.card-action.topic-development-tools a svg {
	fill: #637a91;
}
.bookmarkable.card-action.topic-development-tools:hover a svg {
	fill: #637a91;
}
.bookmarkable.card-action.topic-development-tools:focus a svg {
	fill: #637a91;
}
.loading.bookmarkable.card-action.topic-development-tools a svg {
	fill: #637a91;
}
.topic-development-tools .card-action-trailer:hover a svg {
	fill: #637a91;
}
.topic-development-tools .card-action-trailer:focus a svg {
	fill: #637a91;
}
.topic-development-tools .loading.card-action-trailer a svg {
	fill: #637a91;
}
.topic-development-tools .queueable.card-action:hover a svg {
	fill: #637a91;
}
.topic-development-tools .queueable.card-action:focus a svg {
	fill: #637a91;
}
.topic-development-tools .loading.queueable.card-action a svg {
	fill: #637a91;
}
.topic-development-tools .bookmarkable.card-action:hover a svg {
	fill: #637a91;
}
.topic-development-tools .bookmarkable.card-action:focus a svg {
	fill: #637a91;
}
.topic-development-tools .loading.bookmarkable.card-action a svg {
	fill: #637a91;
}
.card-action-trailer.topic-python:hover a svg {
	fill: #f092b0;
}
.card-action-trailer.topic-python:focus a svg {
	fill: #f092b0;
}
.loading.card-action-trailer.topic-python a svg {
	fill: #f092b0;
}
.queueable.card-action.topic-python:hover a svg {
	fill: #f092b0;
}
.queueable.card-action.topic-python:focus a svg {
	fill: #f092b0;
}
.loading.queueable.card-action.topic-python a svg {
	fill: #f092b0;
}
.bookmarkable.card-action.topic-python:hover a svg {
	fill: #f092b0;
}
.bookmarkable.card-action.topic-python:focus a svg {
	fill: #f092b0;
}
.loading.bookmarkable.card-action.topic-python a svg {
	fill: #f092b0;
}
.topic-python .card-action-trailer:hover a svg {
	fill: #f092b0;
}
.topic-python .card-action-trailer:focus a svg {
	fill: #f092b0;
}
.topic-python .loading.card-action-trailer a svg {
	fill: #f092b0;
}
.topic-python .queueable.card-action:hover a svg {
	fill: #f092b0;
}
.topic-python .queueable.card-action:focus a svg {
	fill: #f092b0;
}
.topic-python .loading.queueable.card-action a svg {
	fill: #f092b0;
}
.topic-python .bookmarkable.card-action:hover a svg {
	fill: #f092b0;
}
.topic-python .bookmarkable.card-action:focus a svg {
	fill: #f092b0;
}
.topic-python .loading.bookmarkable.card-action a svg {
	fill: #f092b0;
}
.card-action-trailer.topic-digital-literacy:hover a svg {
	fill: #c38cd4;
}
.card-action-trailer.topic-digital-literacy:focus a svg {
	fill: #c38cd4;
}
.loading.card-action-trailer.topic-digital-literacy a svg {
	fill: #c38cd4;
}
.queueable.card-action.topic-digital-literacy:hover a svg {
	fill: #c38cd4;
}
.queueable.card-action.topic-digital-literacy:focus a svg {
	fill: #c38cd4;
}
.loading.queueable.card-action.topic-digital-literacy a svg {
	fill: #c38cd4;
}
.bookmarkable.card-action.topic-digital-literacy:hover a svg {
	fill: #c38cd4;
}
.bookmarkable.card-action.topic-digital-literacy:focus a svg {
	fill: #c38cd4;
}
.loading.bookmarkable.card-action.topic-digital-literacy a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .card-action-trailer:hover a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .card-action-trailer:focus a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .loading.card-action-trailer a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .queueable.card-action:hover a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .queueable.card-action:focus a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .loading.queueable.card-action a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .bookmarkable.card-action:hover a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .bookmarkable.card-action:focus a svg {
	fill: #c38cd4;
}
.topic-digital-literacy .loading.bookmarkable.card-action a svg {
	fill: #c38cd4;
}
.card-action-trailer.topic-game-development:hover a svg {
	fill: #20898c;
}
.card-action-trailer.topic-game-development:focus a svg {
	fill: #20898c;
}
.loading.card-action-trailer.topic-game-development a svg {
	fill: #20898c;
}
.queueable.card-action.topic-game-development:hover a svg {
	fill: #20898c;
}
.queueable.card-action.topic-game-development:focus a svg {
	fill: #20898c;
}
.loading.queueable.card-action.topic-game-development a svg {
	fill: #20898c;
}
.bookmarkable.card-action.topic-game-development:hover a svg {
	fill: #20898c;
}
.bookmarkable.card-action.topic-game-development:focus a svg {
	fill: #20898c;
}
.loading.bookmarkable.card-action.topic-game-development a svg {
	fill: #20898c;
}
.topic-game-development .card-action-trailer:hover a svg {
	fill: #20898c;
}
.topic-game-development .card-action-trailer:focus a svg {
	fill: #20898c;
}
.topic-game-development .loading.card-action-trailer a svg {
	fill: #20898c;
}
.topic-game-development .queueable.card-action:hover a svg {
	fill: #20898c;
}
.topic-game-development .queueable.card-action:focus a svg {
	fill: #20898c;
}
.topic-game-development .loading.queueable.card-action a svg {
	fill: #20898c;
}
.topic-game-development .bookmarkable.card-action:hover a svg {
	fill: #20898c;
}
.topic-game-development .bookmarkable.card-action:focus a svg {
	fill: #20898c;
}
.topic-game-development .loading.bookmarkable.card-action a svg {
	fill: #20898c;
}
.card-action-trailer.topic-csharp:hover a svg {
	fill: #9e4d83;
}
.card-action-trailer.topic-csharp:focus a svg {
	fill: #9e4d83;
}
.loading.card-action-trailer.topic-csharp a svg {
	fill: #9e4d83;
}
.queueable.card-action.topic-csharp:hover a svg {
	fill: #9e4d83;
}
.queueable.card-action.topic-csharp:focus a svg {
	fill: #9e4d83;
}
.loading.queueable.card-action.topic-csharp a svg {
	fill: #9e4d83;
}
.bookmarkable.card-action.topic-csharp:hover a svg {
	fill: #9e4d83;
}
.bookmarkable.card-action.topic-csharp:focus a svg {
	fill: #9e4d83;
}
.loading.bookmarkable.card-action.topic-csharp a svg {
	fill: #9e4d83;
}
.topic-csharp .card-action-trailer:hover a svg {
	fill: #9e4d83;
}
.topic-csharp .card-action-trailer:focus a svg {
	fill: #9e4d83;
}
.topic-csharp .loading.card-action-trailer a svg {
	fill: #9e4d83;
}
.topic-csharp .queueable.card-action:hover a svg {
	fill: #9e4d83;
}
.topic-csharp .queueable.card-action:focus a svg {
	fill: #9e4d83;
}
.topic-csharp .loading.queueable.card-action a svg {
	fill: #9e4d83;
}
.topic-csharp .bookmarkable.card-action:hover a svg {
	fill: #9e4d83;
}
.topic-csharp .bookmarkable.card-action:focus a svg {
	fill: #9e4d83;
}
.topic-csharp .loading.bookmarkable.card-action a svg {
	fill: #9e4d83;
}
.card-action-trailer.topic-databases:hover a svg {
	fill: #eb7728;
}
.card-action-trailer.topic-databases:focus a svg {
	fill: #eb7728;
}
.loading.card-action-trailer.topic-databases a svg {
	fill: #eb7728;
}
.queueable.card-action.topic-databases:hover a svg {
	fill: #eb7728;
}
.queueable.card-action.topic-databases:focus a svg {
	fill: #eb7728;
}
.loading.queueable.card-action.topic-databases a svg {
	fill: #eb7728;
}
.bookmarkable.card-action.topic-databases:hover a svg {
	fill: #eb7728;
}
.bookmarkable.card-action.topic-databases:focus a svg {
	fill: #eb7728;
}
.loading.bookmarkable.card-action.topic-databases a svg {
	fill: #eb7728;
}
.topic-databases .card-action-trailer:hover a svg {
	fill: #eb7728;
}
.topic-databases .card-action-trailer:focus a svg {
	fill: #eb7728;
}
.topic-databases .loading.card-action-trailer a svg {
	fill: #eb7728;
}
.topic-databases .queueable.card-action:hover a svg {
	fill: #eb7728;
}
.topic-databases .queueable.card-action:focus a svg {
	fill: #eb7728;
}
.topic-databases .loading.queueable.card-action a svg {
	fill: #eb7728;
}
.topic-databases .bookmarkable.card-action:hover a svg {
	fill: #eb7728;
}
.topic-databases .bookmarkable.card-action:focus a svg {
	fill: #eb7728;
}
.topic-databases .loading.bookmarkable.card-action a svg {
	fill: #eb7728;
}
.card-action-trailer.topic-undefined:hover a svg {
	fill: #717b85;
}
.card-action-trailer.topic-undefined:focus a svg {
	fill: #717b85;
}
.loading.card-action-trailer.topic-undefined a svg {
	fill: #717b85;
}
.queueable.card-action.topic-undefined:hover a svg {
	fill: #717b85;
}
.queueable.card-action.topic-undefined:focus a svg {
	fill: #717b85;
}
.loading.queueable.card-action.topic-undefined a svg {
	fill: #717b85;
}
.bookmarkable.card-action.topic-undefined:hover a svg {
	fill: #717b85;
}
.bookmarkable.card-action.topic-undefined:focus a svg {
	fill: #717b85;
}
.loading.bookmarkable.card-action.topic-undefined a svg {
	fill: #717b85;
}
.topic-undefined .card-action-trailer:hover a svg {
	fill: #717b85;
}
.topic-undefined .card-action-trailer:focus a svg {
	fill: #717b85;
}
.topic-undefined .loading.card-action-trailer a svg {
	fill: #717b85;
}
.topic-undefined .queueable.card-action:hover a svg {
	fill: #717b85;
}
.topic-undefined .queueable.card-action:focus a svg {
	fill: #717b85;
}
.topic-undefined .loading.queueable.card-action a svg {
	fill: #717b85;
}
.topic-undefined .bookmarkable.card-action:hover a svg {
	fill: #717b85;
}
.topic-undefined .bookmarkable.card-action:focus a svg {
	fill: #717b85;
}
.topic-undefined .loading.bookmarkable.card-action a svg {
	fill: #717b85;
}
.card-action-trailer.topic-html a:hover {
	border-color: rgb(41, 143, 174);
}
.card-action-trailer.topic-html a:focus {
	border-color: rgb(41, 143, 174);
}
.card-action-trailer.topic-html span:hover {
	border-color: rgb(41, 143, 174);
}
.card-action-trailer.topic-html span:focus {
	border-color: rgb(41, 143, 174);
}
.queueable.card-action.topic-html a:hover {
	border-color: rgb(41, 143, 174);
}
.queueable.card-action.topic-html a:focus {
	border-color: rgb(41, 143, 174);
}
.queueable.card-action.topic-html span:hover {
	border-color: rgb(41, 143, 174);
}
.queueable.card-action.topic-html span:focus {
	border-color: rgb(41, 143, 174);
}
.bookmarkable.card-action.topic-html a:hover {
	border-color: rgb(41, 143, 174);
}
.bookmarkable.card-action.topic-html a:focus {
	border-color: rgb(41, 143, 174);
}
.bookmarkable.card-action.topic-html span:hover {
	border-color: rgb(41, 143, 174);
}
.bookmarkable.card-action.topic-html span:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .card-action-trailer a:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .card-action-trailer a:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .card-action-trailer span:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .card-action-trailer span:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .queueable.card-action a:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .queueable.card-action a:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .queueable.card-action span:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .queueable.card-action span:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .bookmarkable.card-action a:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .bookmarkable.card-action a:focus {
	border-color: rgb(41, 143, 174);
}
.topic-html .bookmarkable.card-action span:hover {
	border-color: rgb(41, 143, 174);
}
.topic-html .bookmarkable.card-action span:focus {
	border-color: rgb(41, 143, 174);
}
.card-action-trailer.topic-css a:hover {
	border-color: rgb(37, 93, 131);
}
.card-action-trailer.topic-css a:focus {
	border-color: rgb(37, 93, 131);
}
.card-action-trailer.topic-css span:hover {
	border-color: rgb(37, 93, 131);
}
.card-action-trailer.topic-css span:focus {
	border-color: rgb(37, 93, 131);
}
.queueable.card-action.topic-css a:hover {
	border-color: rgb(37, 93, 131);
}
.queueable.card-action.topic-css a:focus {
	border-color: rgb(37, 93, 131);
}
.queueable.card-action.topic-css span:hover {
	border-color: rgb(37, 93, 131);
}
.queueable.card-action.topic-css span:focus {
	border-color: rgb(37, 93, 131);
}
.bookmarkable.card-action.topic-css a:hover {
	border-color: rgb(37, 93, 131);
}
.bookmarkable.card-action.topic-css a:focus {
	border-color: rgb(37, 93, 131);
}
.bookmarkable.card-action.topic-css span:hover {
	border-color: rgb(37, 93, 131);
}
.bookmarkable.card-action.topic-css span:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .card-action-trailer a:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .card-action-trailer a:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .card-action-trailer span:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .card-action-trailer span:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .queueable.card-action a:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .queueable.card-action a:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .queueable.card-action span:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .queueable.card-action span:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .bookmarkable.card-action a:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .bookmarkable.card-action a:focus {
	border-color: rgb(37, 93, 131);
}
.topic-css .bookmarkable.card-action span:hover {
	border-color: rgb(37, 93, 131);
}
.topic-css .bookmarkable.card-action span:focus {
	border-color: rgb(37, 93, 131);
}
.card-action-trailer.topic-javascript a:hover {
	border-color: rgb(170, 62, 91);
}
.card-action-trailer.topic-javascript a:focus {
	border-color: rgb(170, 62, 91);
}
.card-action-trailer.topic-javascript span:hover {
	border-color: rgb(170, 62, 91);
}
.card-action-trailer.topic-javascript span:focus {
	border-color: rgb(170, 62, 91);
}
.queueable.card-action.topic-javascript a:hover {
	border-color: rgb(170, 62, 91);
}
.queueable.card-action.topic-javascript a:focus {
	border-color: rgb(170, 62, 91);
}
.queueable.card-action.topic-javascript span:hover {
	border-color: rgb(170, 62, 91);
}
.queueable.card-action.topic-javascript span:focus {
	border-color: rgb(170, 62, 91);
}
.bookmarkable.card-action.topic-javascript a:hover {
	border-color: rgb(170, 62, 91);
}
.bookmarkable.card-action.topic-javascript a:focus {
	border-color: rgb(170, 62, 91);
}
.bookmarkable.card-action.topic-javascript span:hover {
	border-color: rgb(170, 62, 91);
}
.bookmarkable.card-action.topic-javascript span:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .card-action-trailer a:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .card-action-trailer a:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .card-action-trailer span:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .card-action-trailer span:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .queueable.card-action a:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .queueable.card-action a:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .queueable.card-action span:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .queueable.card-action span:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .bookmarkable.card-action a:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .bookmarkable.card-action a:focus {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .bookmarkable.card-action span:hover {
	border-color: rgb(170, 62, 91);
}
.topic-javascript .bookmarkable.card-action span:focus {
	border-color: rgb(170, 62, 91);
}
.card-action-trailer.topic-java a:hover {
	border-color: rgb(32, 111, 87);
}
.card-action-trailer.topic-java a:focus {
	border-color: rgb(32, 111, 87);
}
.card-action-trailer.topic-java span:hover {
	border-color: rgb(32, 111, 87);
}
.card-action-trailer.topic-java span:focus {
	border-color: rgb(32, 111, 87);
}
.queueable.card-action.topic-java a:hover {
	border-color: rgb(32, 111, 87);
}
.queueable.card-action.topic-java a:focus {
	border-color: rgb(32, 111, 87);
}
.queueable.card-action.topic-java span:hover {
	border-color: rgb(32, 111, 87);
}
.queueable.card-action.topic-java span:focus {
	border-color: rgb(32, 111, 87);
}
.bookmarkable.card-action.topic-java a:hover {
	border-color: rgb(32, 111, 87);
}
.bookmarkable.card-action.topic-java a:focus {
	border-color: rgb(32, 111, 87);
}
.bookmarkable.card-action.topic-java span:hover {
	border-color: rgb(32, 111, 87);
}
.bookmarkable.card-action.topic-java span:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .card-action-trailer a:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .card-action-trailer a:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .card-action-trailer span:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .card-action-trailer span:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .queueable.card-action a:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .queueable.card-action a:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .queueable.card-action span:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .queueable.card-action span:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .bookmarkable.card-action a:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .bookmarkable.card-action a:focus {
	border-color: rgb(32, 111, 87);
}
.topic-java .bookmarkable.card-action span:hover {
	border-color: rgb(32, 111, 87);
}
.topic-java .bookmarkable.card-action span:focus {
	border-color: rgb(32, 111, 87);
}
.card-action-trailer.topic-ruby a:hover {
	border-color: rgb(217, 39, 46);
}
.card-action-trailer.topic-ruby a:focus {
	border-color: rgb(217, 39, 46);
}
.card-action-trailer.topic-ruby span:hover {
	border-color: rgb(217, 39, 46);
}
.card-action-trailer.topic-ruby span:focus {
	border-color: rgb(217, 39, 46);
}
.queueable.card-action.topic-ruby a:hover {
	border-color: rgb(217, 39, 46);
}
.queueable.card-action.topic-ruby a:focus {
	border-color: rgb(217, 39, 46);
}
.queueable.card-action.topic-ruby span:hover {
	border-color: rgb(217, 39, 46);
}
.queueable.card-action.topic-ruby span:focus {
	border-color: rgb(217, 39, 46);
}
.bookmarkable.card-action.topic-ruby a:hover {
	border-color: rgb(217, 39, 46);
}
.bookmarkable.card-action.topic-ruby a:focus {
	border-color: rgb(217, 39, 46);
}
.bookmarkable.card-action.topic-ruby span:hover {
	border-color: rgb(217, 39, 46);
}
.bookmarkable.card-action.topic-ruby span:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .card-action-trailer a:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .card-action-trailer a:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .card-action-trailer span:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .card-action-trailer span:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .queueable.card-action a:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .queueable.card-action a:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .queueable.card-action span:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .queueable.card-action span:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .bookmarkable.card-action a:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .bookmarkable.card-action a:focus {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .bookmarkable.card-action span:hover {
	border-color: rgb(217, 39, 46);
}
.topic-ruby .bookmarkable.card-action span:focus {
	border-color: rgb(217, 39, 46);
}
.card-action-trailer.topic-business a:hover {
	border-color: rgb(247, 95, 42);
}
.card-action-trailer.topic-business a:focus {
	border-color: rgb(247, 95, 42);
}
.card-action-trailer.topic-business span:hover {
	border-color: rgb(247, 95, 42);
}
.card-action-trailer.topic-business span:focus {
	border-color: rgb(247, 95, 42);
}
.queueable.card-action.topic-business a:hover {
	border-color: rgb(247, 95, 42);
}
.queueable.card-action.topic-business a:focus {
	border-color: rgb(247, 95, 42);
}
.queueable.card-action.topic-business span:hover {
	border-color: rgb(247, 95, 42);
}
.queueable.card-action.topic-business span:focus {
	border-color: rgb(247, 95, 42);
}
.bookmarkable.card-action.topic-business a:hover {
	border-color: rgb(247, 95, 42);
}
.bookmarkable.card-action.topic-business a:focus {
	border-color: rgb(247, 95, 42);
}
.bookmarkable.card-action.topic-business span:hover {
	border-color: rgb(247, 95, 42);
}
.bookmarkable.card-action.topic-business span:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .card-action-trailer a:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .card-action-trailer a:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .card-action-trailer span:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .card-action-trailer span:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .queueable.card-action a:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .queueable.card-action a:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .queueable.card-action span:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .queueable.card-action span:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .bookmarkable.card-action a:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .bookmarkable.card-action a:focus {
	border-color: rgb(247, 95, 42);
}
.topic-business .bookmarkable.card-action span:hover {
	border-color: rgb(247, 95, 42);
}
.topic-business .bookmarkable.card-action span:focus {
	border-color: rgb(247, 95, 42);
}
.card-action-trailer.topic-wordpress a:hover {
	border-color: rgb(96, 107, 183);
}
.card-action-trailer.topic-wordpress a:focus {
	border-color: rgb(96, 107, 183);
}
.card-action-trailer.topic-wordpress span:hover {
	border-color: rgb(96, 107, 183);
}
.card-action-trailer.topic-wordpress span:focus {
	border-color: rgb(96, 107, 183);
}
.queueable.card-action.topic-wordpress a:hover {
	border-color: rgb(96, 107, 183);
}
.queueable.card-action.topic-wordpress a:focus {
	border-color: rgb(96, 107, 183);
}
.queueable.card-action.topic-wordpress span:hover {
	border-color: rgb(96, 107, 183);
}
.queueable.card-action.topic-wordpress span:focus {
	border-color: rgb(96, 107, 183);
}
.bookmarkable.card-action.topic-wordpress a:hover {
	border-color: rgb(96, 107, 183);
}
.bookmarkable.card-action.topic-wordpress a:focus {
	border-color: rgb(96, 107, 183);
}
.bookmarkable.card-action.topic-wordpress span:hover {
	border-color: rgb(96, 107, 183);
}
.bookmarkable.card-action.topic-wordpress span:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .card-action-trailer a:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .card-action-trailer a:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .card-action-trailer span:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .card-action-trailer span:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .queueable.card-action a:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .queueable.card-action a:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .queueable.card-action span:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .queueable.card-action span:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .bookmarkable.card-action a:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .bookmarkable.card-action a:focus {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .bookmarkable.card-action span:hover {
	border-color: rgb(96, 107, 183);
}
.topic-wordpress .bookmarkable.card-action span:focus {
	border-color: rgb(96, 107, 183);
}
.card-action-trailer.topic-php a:hover {
	border-color: rgb(100, 81, 128);
}
.card-action-trailer.topic-php a:focus {
	border-color: rgb(100, 81, 128);
}
.card-action-trailer.topic-php span:hover {
	border-color: rgb(100, 81, 128);
}
.card-action-trailer.topic-php span:focus {
	border-color: rgb(100, 81, 128);
}
.queueable.card-action.topic-php a:hover {
	border-color: rgb(100, 81, 128);
}
.queueable.card-action.topic-php a:focus {
	border-color: rgb(100, 81, 128);
}
.queueable.card-action.topic-php span:hover {
	border-color: rgb(100, 81, 128);
}
.queueable.card-action.topic-php span:focus {
	border-color: rgb(100, 81, 128);
}
.bookmarkable.card-action.topic-php a:hover {
	border-color: rgb(100, 81, 128);
}
.bookmarkable.card-action.topic-php a:focus {
	border-color: rgb(100, 81, 128);
}
.bookmarkable.card-action.topic-php span:hover {
	border-color: rgb(100, 81, 128);
}
.bookmarkable.card-action.topic-php span:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .card-action-trailer a:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .card-action-trailer a:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .card-action-trailer span:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .card-action-trailer span:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .queueable.card-action a:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .queueable.card-action a:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .queueable.card-action span:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .queueable.card-action span:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .bookmarkable.card-action a:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .bookmarkable.card-action a:focus {
	border-color: rgb(100, 81, 128);
}
.topic-php .bookmarkable.card-action span:hover {
	border-color: rgb(100, 81, 128);
}
.topic-php .bookmarkable.card-action span:focus {
	border-color: rgb(100, 81, 128);
}
.card-action-trailer.topic-ios a:hover {
	border-color: rgb(62, 157, 151);
}
.card-action-trailer.topic-ios a:focus {
	border-color: rgb(62, 157, 151);
}
.card-action-trailer.topic-ios span:hover {
	border-color: rgb(62, 157, 151);
}
.card-action-trailer.topic-ios span:focus {
	border-color: rgb(62, 157, 151);
}
.queueable.card-action.topic-ios a:hover {
	border-color: rgb(62, 157, 151);
}
.queueable.card-action.topic-ios a:focus {
	border-color: rgb(62, 157, 151);
}
.queueable.card-action.topic-ios span:hover {
	border-color: rgb(62, 157, 151);
}
.queueable.card-action.topic-ios span:focus {
	border-color: rgb(62, 157, 151);
}
.bookmarkable.card-action.topic-ios a:hover {
	border-color: rgb(62, 157, 151);
}
.bookmarkable.card-action.topic-ios a:focus {
	border-color: rgb(62, 157, 151);
}
.bookmarkable.card-action.topic-ios span:hover {
	border-color: rgb(62, 157, 151);
}
.bookmarkable.card-action.topic-ios span:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .card-action-trailer a:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .card-action-trailer a:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .card-action-trailer span:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .card-action-trailer span:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .queueable.card-action a:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .queueable.card-action a:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .queueable.card-action span:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .queueable.card-action span:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .bookmarkable.card-action a:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .bookmarkable.card-action a:focus {
	border-color: rgb(62, 157, 151);
}
.topic-ios .bookmarkable.card-action span:hover {
	border-color: rgb(62, 157, 151);
}
.topic-ios .bookmarkable.card-action span:focus {
	border-color: rgb(62, 157, 151);
}
.card-action-trailer.topic-android a:hover {
	border-color: rgb(68, 157, 72);
}
.card-action-trailer.topic-android a:focus {
	border-color: rgb(68, 157, 72);
}
.card-action-trailer.topic-android span:hover {
	border-color: rgb(68, 157, 72);
}
.card-action-trailer.topic-android span:focus {
	border-color: rgb(68, 157, 72);
}
.queueable.card-action.topic-android a:hover {
	border-color: rgb(68, 157, 72);
}
.queueable.card-action.topic-android a:focus {
	border-color: rgb(68, 157, 72);
}
.queueable.card-action.topic-android span:hover {
	border-color: rgb(68, 157, 72);
}
.queueable.card-action.topic-android span:focus {
	border-color: rgb(68, 157, 72);
}
.bookmarkable.card-action.topic-android a:hover {
	border-color: rgb(68, 157, 72);
}
.bookmarkable.card-action.topic-android a:focus {
	border-color: rgb(68, 157, 72);
}
.bookmarkable.card-action.topic-android span:hover {
	border-color: rgb(68, 157, 72);
}
.bookmarkable.card-action.topic-android span:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .card-action-trailer a:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .card-action-trailer a:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .card-action-trailer span:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .card-action-trailer span:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .queueable.card-action a:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .queueable.card-action a:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .queueable.card-action span:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .queueable.card-action span:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .bookmarkable.card-action a:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .bookmarkable.card-action a:focus {
	border-color: rgb(68, 157, 72);
}
.topic-android .bookmarkable.card-action span:hover {
	border-color: rgb(68, 157, 72);
}
.topic-android .bookmarkable.card-action span:focus {
	border-color: rgb(68, 157, 72);
}
.card-action-trailer.topic-design a:hover {
	border-color: rgb(182, 122, 15);
}
.card-action-trailer.topic-design a:focus {
	border-color: rgb(182, 122, 15);
}
.card-action-trailer.topic-design span:hover {
	border-color: rgb(182, 122, 15);
}
.card-action-trailer.topic-design span:focus {
	border-color: rgb(182, 122, 15);
}
.queueable.card-action.topic-design a:hover {
	border-color: rgb(182, 122, 15);
}
.queueable.card-action.topic-design a:focus {
	border-color: rgb(182, 122, 15);
}
.queueable.card-action.topic-design span:hover {
	border-color: rgb(182, 122, 15);
}
.queueable.card-action.topic-design span:focus {
	border-color: rgb(182, 122, 15);
}
.bookmarkable.card-action.topic-design a:hover {
	border-color: rgb(182, 122, 15);
}
.bookmarkable.card-action.topic-design a:focus {
	border-color: rgb(182, 122, 15);
}
.bookmarkable.card-action.topic-design span:hover {
	border-color: rgb(182, 122, 15);
}
.bookmarkable.card-action.topic-design span:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .card-action-trailer a:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .card-action-trailer a:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .card-action-trailer span:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .card-action-trailer span:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .queueable.card-action a:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .queueable.card-action a:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .queueable.card-action span:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .queueable.card-action span:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .bookmarkable.card-action a:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .bookmarkable.card-action a:focus {
	border-color: rgb(182, 122, 15);
}
.topic-design .bookmarkable.card-action span:hover {
	border-color: rgb(182, 122, 15);
}
.topic-design .bookmarkable.card-action span:focus {
	border-color: rgb(182, 122, 15);
}
.card-action-trailer.topic-development-tools a:hover {
	border-color: rgb(78, 97, 115);
}
.card-action-trailer.topic-development-tools a:focus {
	border-color: rgb(78, 97, 115);
}
.card-action-trailer.topic-development-tools span:hover {
	border-color: rgb(78, 97, 115);
}
.card-action-trailer.topic-development-tools span:focus {
	border-color: rgb(78, 97, 115);
}
.queueable.card-action.topic-development-tools a:hover {
	border-color: rgb(78, 97, 115);
}
.queueable.card-action.topic-development-tools a:focus {
	border-color: rgb(78, 97, 115);
}
.queueable.card-action.topic-development-tools span:hover {
	border-color: rgb(78, 97, 115);
}
.queueable.card-action.topic-development-tools span:focus {
	border-color: rgb(78, 97, 115);
}
.bookmarkable.card-action.topic-development-tools a:hover {
	border-color: rgb(78, 97, 115);
}
.bookmarkable.card-action.topic-development-tools a:focus {
	border-color: rgb(78, 97, 115);
}
.bookmarkable.card-action.topic-development-tools span:hover {
	border-color: rgb(78, 97, 115);
}
.bookmarkable.card-action.topic-development-tools span:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .card-action-trailer a:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .card-action-trailer a:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .card-action-trailer span:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .card-action-trailer span:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .queueable.card-action a:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .queueable.card-action a:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .queueable.card-action span:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .queueable.card-action span:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .bookmarkable.card-action a:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .bookmarkable.card-action a:focus {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .bookmarkable.card-action span:hover {
	border-color: rgb(78, 97, 115);
}
.topic-development-tools .bookmarkable.card-action span:focus {
	border-color: rgb(78, 97, 115);
}
.card-action-trailer.topic-python a:hover {
	border-color: rgb(234, 101, 144);
}
.card-action-trailer.topic-python a:focus {
	border-color: rgb(234, 101, 144);
}
.card-action-trailer.topic-python span:hover {
	border-color: rgb(234, 101, 144);
}
.card-action-trailer.topic-python span:focus {
	border-color: rgb(234, 101, 144);
}
.queueable.card-action.topic-python a:hover {
	border-color: rgb(234, 101, 144);
}
.queueable.card-action.topic-python a:focus {
	border-color: rgb(234, 101, 144);
}
.queueable.card-action.topic-python span:hover {
	border-color: rgb(234, 101, 144);
}
.queueable.card-action.topic-python span:focus {
	border-color: rgb(234, 101, 144);
}
.bookmarkable.card-action.topic-python a:hover {
	border-color: rgb(234, 101, 144);
}
.bookmarkable.card-action.topic-python a:focus {
	border-color: rgb(234, 101, 144);
}
.bookmarkable.card-action.topic-python span:hover {
	border-color: rgb(234, 101, 144);
}
.bookmarkable.card-action.topic-python span:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .card-action-trailer a:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .card-action-trailer a:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .card-action-trailer span:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .card-action-trailer span:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .queueable.card-action a:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .queueable.card-action a:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .queueable.card-action span:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .queueable.card-action span:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .bookmarkable.card-action a:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .bookmarkable.card-action a:focus {
	border-color: rgb(234, 101, 144);
}
.topic-python .bookmarkable.card-action span:hover {
	border-color: rgb(234, 101, 144);
}
.topic-python .bookmarkable.card-action span:focus {
	border-color: rgb(234, 101, 144);
}
.card-action-trailer.topic-digital-literacy a:hover {
	border-color: rgb(176, 103, 198);
}
.card-action-trailer.topic-digital-literacy a:focus {
	border-color: rgb(176, 103, 198);
}
.card-action-trailer.topic-digital-literacy span:hover {
	border-color: rgb(176, 103, 198);
}
.card-action-trailer.topic-digital-literacy span:focus {
	border-color: rgb(176, 103, 198);
}
.queueable.card-action.topic-digital-literacy a:hover {
	border-color: rgb(176, 103, 198);
}
.queueable.card-action.topic-digital-literacy a:focus {
	border-color: rgb(176, 103, 198);
}
.queueable.card-action.topic-digital-literacy span:hover {
	border-color: rgb(176, 103, 198);
}
.queueable.card-action.topic-digital-literacy span:focus {
	border-color: rgb(176, 103, 198);
}
.bookmarkable.card-action.topic-digital-literacy a:hover {
	border-color: rgb(176, 103, 198);
}
.bookmarkable.card-action.topic-digital-literacy a:focus {
	border-color: rgb(176, 103, 198);
}
.bookmarkable.card-action.topic-digital-literacy span:hover {
	border-color: rgb(176, 103, 198);
}
.bookmarkable.card-action.topic-digital-literacy span:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .card-action-trailer a:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .card-action-trailer a:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .card-action-trailer span:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .card-action-trailer span:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .queueable.card-action a:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .queueable.card-action a:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .queueable.card-action span:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .queueable.card-action span:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .bookmarkable.card-action a:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .bookmarkable.card-action a:focus {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .bookmarkable.card-action span:hover {
	border-color: rgb(176, 103, 198);
}
.topic-digital-literacy .bookmarkable.card-action span:focus {
	border-color: rgb(176, 103, 198);
}
.card-action-trailer.topic-game-development a:hover {
	border-color: rgb(23, 96, 98);
}
.card-action-trailer.topic-game-development a:focus {
	border-color: rgb(23, 96, 98);
}
.card-action-trailer.topic-game-development span:hover {
	border-color: rgb(23, 96, 98);
}
.card-action-trailer.topic-game-development span:focus {
	border-color: rgb(23, 96, 98);
}
.queueable.card-action.topic-game-development a:hover {
	border-color: rgb(23, 96, 98);
}
.queueable.card-action.topic-game-development a:focus {
	border-color: rgb(23, 96, 98);
}
.queueable.card-action.topic-game-development span:hover {
	border-color: rgb(23, 96, 98);
}
.queueable.card-action.topic-game-development span:focus {
	border-color: rgb(23, 96, 98);
}
.bookmarkable.card-action.topic-game-development a:hover {
	border-color: rgb(23, 96, 98);
}
.bookmarkable.card-action.topic-game-development a:focus {
	border-color: rgb(23, 96, 98);
}
.bookmarkable.card-action.topic-game-development span:hover {
	border-color: rgb(23, 96, 98);
}
.bookmarkable.card-action.topic-game-development span:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .card-action-trailer a:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .card-action-trailer a:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .card-action-trailer span:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .card-action-trailer span:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .queueable.card-action a:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .queueable.card-action a:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .queueable.card-action span:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .queueable.card-action span:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .bookmarkable.card-action a:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .bookmarkable.card-action a:focus {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .bookmarkable.card-action span:hover {
	border-color: rgb(23, 96, 98);
}
.topic-game-development .bookmarkable.card-action span:focus {
	border-color: rgb(23, 96, 98);
}
.card-action-trailer.topic-csharp a:hover {
	border-color: rgb(124, 60, 103);
}
.card-action-trailer.topic-csharp a:focus {
	border-color: rgb(124, 60, 103);
}
.card-action-trailer.topic-csharp span:hover {
	border-color: rgb(124, 60, 103);
}
.card-action-trailer.topic-csharp span:focus {
	border-color: rgb(124, 60, 103);
}
.queueable.card-action.topic-csharp a:hover {
	border-color: rgb(124, 60, 103);
}
.queueable.card-action.topic-csharp a:focus {
	border-color: rgb(124, 60, 103);
}
.queueable.card-action.topic-csharp span:hover {
	border-color: rgb(124, 60, 103);
}
.queueable.card-action.topic-csharp span:focus {
	border-color: rgb(124, 60, 103);
}
.bookmarkable.card-action.topic-csharp a:hover {
	border-color: rgb(124, 60, 103);
}
.bookmarkable.card-action.topic-csharp a:focus {
	border-color: rgb(124, 60, 103);
}
.bookmarkable.card-action.topic-csharp span:hover {
	border-color: rgb(124, 60, 103);
}
.bookmarkable.card-action.topic-csharp span:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .card-action-trailer a:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .card-action-trailer a:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .card-action-trailer span:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .card-action-trailer span:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .queueable.card-action a:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .queueable.card-action a:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .queueable.card-action span:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .queueable.card-action span:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .bookmarkable.card-action a:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .bookmarkable.card-action a:focus {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .bookmarkable.card-action span:hover {
	border-color: rgb(124, 60, 103);
}
.topic-csharp .bookmarkable.card-action span:focus {
	border-color: rgb(124, 60, 103);
}
.card-action-trailer.topic-databases a:hover {
	border-color: rgb(205, 94, 19);
}
.card-action-trailer.topic-databases a:focus {
	border-color: rgb(205, 94, 19);
}
.card-action-trailer.topic-databases span:hover {
	border-color: rgb(205, 94, 19);
}
.card-action-trailer.topic-databases span:focus {
	border-color: rgb(205, 94, 19);
}
.queueable.card-action.topic-databases a:hover {
	border-color: rgb(205, 94, 19);
}
.queueable.card-action.topic-databases a:focus {
	border-color: rgb(205, 94, 19);
}
.queueable.card-action.topic-databases span:hover {
	border-color: rgb(205, 94, 19);
}
.queueable.card-action.topic-databases span:focus {
	border-color: rgb(205, 94, 19);
}
.bookmarkable.card-action.topic-databases a:hover {
	border-color: rgb(205, 94, 19);
}
.bookmarkable.card-action.topic-databases a:focus {
	border-color: rgb(205, 94, 19);
}
.bookmarkable.card-action.topic-databases span:hover {
	border-color: rgb(205, 94, 19);
}
.bookmarkable.card-action.topic-databases span:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .card-action-trailer a:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .card-action-trailer a:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .card-action-trailer span:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .card-action-trailer span:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .queueable.card-action a:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .queueable.card-action a:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .queueable.card-action span:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .queueable.card-action span:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .bookmarkable.card-action a:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .bookmarkable.card-action a:focus {
	border-color: rgb(205, 94, 19);
}
.topic-databases .bookmarkable.card-action span:hover {
	border-color: rgb(205, 94, 19);
}
.topic-databases .bookmarkable.card-action span:focus {
	border-color: rgb(205, 94, 19);
}
.card-action-trailer.topic-undefined a:hover {
	border-color: rgb(90, 98, 105);
}
.card-action-trailer.topic-undefined a:focus {
	border-color: rgb(90, 98, 105);
}
.card-action-trailer.topic-undefined span:hover {
	border-color: rgb(90, 98, 105);
}
.card-action-trailer.topic-undefined span:focus {
	border-color: rgb(90, 98, 105);
}
.queueable.card-action.topic-undefined a:hover {
	border-color: rgb(90, 98, 105);
}
.queueable.card-action.topic-undefined a:focus {
	border-color: rgb(90, 98, 105);
}
.queueable.card-action.topic-undefined span:hover {
	border-color: rgb(90, 98, 105);
}
.queueable.card-action.topic-undefined span:focus {
	border-color: rgb(90, 98, 105);
}
.bookmarkable.card-action.topic-undefined a:hover {
	border-color: rgb(90, 98, 105);
}
.bookmarkable.card-action.topic-undefined a:focus {
	border-color: rgb(90, 98, 105);
}
.bookmarkable.card-action.topic-undefined span:hover {
	border-color: rgb(90, 98, 105);
}
.bookmarkable.card-action.topic-undefined span:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .card-action-trailer a:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .card-action-trailer a:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .card-action-trailer span:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .card-action-trailer span:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .queueable.card-action a:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .queueable.card-action a:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .queueable.card-action span:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .queueable.card-action span:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .bookmarkable.card-action a:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .bookmarkable.card-action a:focus {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .bookmarkable.card-action span:hover {
	border-color: rgb(90, 98, 105);
}
.topic-undefined .bookmarkable.card-action span:focus {
	border-color: rgb(90, 98, 105);
}
.card-action-trailer.topic-html a:hover svg {
	fill: #298fae;
}
.card-action-trailer.topic-html a:focus svg {
	fill: #298fae;
}
.card-action-trailer.topic-html span:hover svg {
	fill: #298fae;
}
.card-action-trailer.topic-html span:focus svg {
	fill: #298fae;
}
.queueable.card-action.topic-html a:hover svg {
	fill: #298fae;
}
.queueable.card-action.topic-html a:focus svg {
	fill: #298fae;
}
.queueable.card-action.topic-html span:hover svg {
	fill: #298fae;
}
.queueable.card-action.topic-html span:focus svg {
	fill: #298fae;
}
.bookmarkable.card-action.topic-html a:hover svg {
	fill: #298fae;
}
.bookmarkable.card-action.topic-html a:focus svg {
	fill: #298fae;
}
.bookmarkable.card-action.topic-html span:hover svg {
	fill: #298fae;
}
.bookmarkable.card-action.topic-html span:focus svg {
	fill: #298fae;
}
.topic-html .card-action-trailer a:hover svg {
	fill: #298fae;
}
.topic-html .card-action-trailer a:focus svg {
	fill: #298fae;
}
.topic-html .card-action-trailer span:hover svg {
	fill: #298fae;
}
.topic-html .card-action-trailer span:focus svg {
	fill: #298fae;
}
.topic-html .queueable.card-action a:hover svg {
	fill: #298fae;
}
.topic-html .queueable.card-action a:focus svg {
	fill: #298fae;
}
.topic-html .queueable.card-action span:hover svg {
	fill: #298fae;
}
.topic-html .queueable.card-action span:focus svg {
	fill: #298fae;
}
.topic-html .bookmarkable.card-action a:hover svg {
	fill: #298fae;
}
.topic-html .bookmarkable.card-action a:focus svg {
	fill: #298fae;
}
.topic-html .bookmarkable.card-action span:hover svg {
	fill: #298fae;
}
.topic-html .bookmarkable.card-action span:focus svg {
	fill: #298fae;
}
.card-action-trailer.topic-css a:hover svg {
	fill: #255d83;
}
.card-action-trailer.topic-css a:focus svg {
	fill: #255d83;
}
.card-action-trailer.topic-css span:hover svg {
	fill: #255d83;
}
.card-action-trailer.topic-css span:focus svg {
	fill: #255d83;
}
.queueable.card-action.topic-css a:hover svg {
	fill: #255d83;
}
.queueable.card-action.topic-css a:focus svg {
	fill: #255d83;
}
.queueable.card-action.topic-css span:hover svg {
	fill: #255d83;
}
.queueable.card-action.topic-css span:focus svg {
	fill: #255d83;
}
.bookmarkable.card-action.topic-css a:hover svg {
	fill: #255d83;
}
.bookmarkable.card-action.topic-css a:focus svg {
	fill: #255d83;
}
.bookmarkable.card-action.topic-css span:hover svg {
	fill: #255d83;
}
.bookmarkable.card-action.topic-css span:focus svg {
	fill: #255d83;
}
.topic-css .card-action-trailer a:hover svg {
	fill: #255d83;
}
.topic-css .card-action-trailer a:focus svg {
	fill: #255d83;
}
.topic-css .card-action-trailer span:hover svg {
	fill: #255d83;
}
.topic-css .card-action-trailer span:focus svg {
	fill: #255d83;
}
.topic-css .queueable.card-action a:hover svg {
	fill: #255d83;
}
.topic-css .queueable.card-action a:focus svg {
	fill: #255d83;
}
.topic-css .queueable.card-action span:hover svg {
	fill: #255d83;
}
.topic-css .queueable.card-action span:focus svg {
	fill: #255d83;
}
.topic-css .bookmarkable.card-action a:hover svg {
	fill: #255d83;
}
.topic-css .bookmarkable.card-action a:focus svg {
	fill: #255d83;
}
.topic-css .bookmarkable.card-action span:hover svg {
	fill: #255d83;
}
.topic-css .bookmarkable.card-action span:focus svg {
	fill: #255d83;
}
.card-action-trailer.topic-javascript a:hover svg {
	fill: #aa3e5b;
}
.card-action-trailer.topic-javascript a:focus svg {
	fill: #aa3e5b;
}
.card-action-trailer.topic-javascript span:hover svg {
	fill: #aa3e5b;
}
.card-action-trailer.topic-javascript span:focus svg {
	fill: #aa3e5b;
}
.queueable.card-action.topic-javascript a:hover svg {
	fill: #aa3e5b;
}
.queueable.card-action.topic-javascript a:focus svg {
	fill: #aa3e5b;
}
.queueable.card-action.topic-javascript span:hover svg {
	fill: #aa3e5b;
}
.queueable.card-action.topic-javascript span:focus svg {
	fill: #aa3e5b;
}
.bookmarkable.card-action.topic-javascript a:hover svg {
	fill: #aa3e5b;
}
.bookmarkable.card-action.topic-javascript a:focus svg {
	fill: #aa3e5b;
}
.bookmarkable.card-action.topic-javascript span:hover svg {
	fill: #aa3e5b;
}
.bookmarkable.card-action.topic-javascript span:focus svg {
	fill: #aa3e5b;
}
.topic-javascript .card-action-trailer a:hover svg {
	fill: #aa3e5b;
}
.topic-javascript .card-action-trailer a:focus svg {
	fill: #aa3e5b;
}
.topic-javascript .card-action-trailer span:hover svg {
	fill: #aa3e5b;
}
.topic-javascript .card-action-trailer span:focus svg {
	fill: #aa3e5b;
}
.topic-javascript .queueable.card-action a:hover svg {
	fill: #aa3e5b;
}
.topic-javascript .queueable.card-action a:focus svg {
	fill: #aa3e5b;
}
.topic-javascript .queueable.card-action span:hover svg {
	fill: #aa3e5b;
}
.topic-javascript .queueable.card-action span:focus svg {
	fill: #aa3e5b;
}
.topic-javascript .bookmarkable.card-action a:hover svg {
	fill: #aa3e5b;
}
.topic-javascript .bookmarkable.card-action a:focus svg {
	fill: #aa3e5b;
}
.topic-javascript .bookmarkable.card-action span:hover svg {
	fill: #aa3e5b;
}
.topic-javascript .bookmarkable.card-action span:focus svg {
	fill: #aa3e5b;
}
.card-action-trailer.topic-java a:hover svg {
	fill: #206f57;
}
.card-action-trailer.topic-java a:focus svg {
	fill: #206f57;
}
.card-action-trailer.topic-java span:hover svg {
	fill: #206f57;
}
.card-action-trailer.topic-java span:focus svg {
	fill: #206f57;
}
.queueable.card-action.topic-java a:hover svg {
	fill: #206f57;
}
.queueable.card-action.topic-java a:focus svg {
	fill: #206f57;
}
.queueable.card-action.topic-java span:hover svg {
	fill: #206f57;
}
.queueable.card-action.topic-java span:focus svg {
	fill: #206f57;
}
.bookmarkable.card-action.topic-java a:hover svg {
	fill: #206f57;
}
.bookmarkable.card-action.topic-java a:focus svg {
	fill: #206f57;
}
.bookmarkable.card-action.topic-java span:hover svg {
	fill: #206f57;
}
.bookmarkable.card-action.topic-java span:focus svg {
	fill: #206f57;
}
.topic-java .card-action-trailer a:hover svg {
	fill: #206f57;
}
.topic-java .card-action-trailer a:focus svg {
	fill: #206f57;
}
.topic-java .card-action-trailer span:hover svg {
	fill: #206f57;
}
.topic-java .card-action-trailer span:focus svg {
	fill: #206f57;
}
.topic-java .queueable.card-action a:hover svg {
	fill: #206f57;
}
.topic-java .queueable.card-action a:focus svg {
	fill: #206f57;
}
.topic-java .queueable.card-action span:hover svg {
	fill: #206f57;
}
.topic-java .queueable.card-action span:focus svg {
	fill: #206f57;
}
.topic-java .bookmarkable.card-action a:hover svg {
	fill: #206f57;
}
.topic-java .bookmarkable.card-action a:focus svg {
	fill: #206f57;
}
.topic-java .bookmarkable.card-action span:hover svg {
	fill: #206f57;
}
.topic-java .bookmarkable.card-action span:focus svg {
	fill: #206f57;
}
.card-action-trailer.topic-ruby a:hover svg {
	fill: #d9272e;
}
.card-action-trailer.topic-ruby a:focus svg {
	fill: #d9272e;
}
.card-action-trailer.topic-ruby span:hover svg {
	fill: #d9272e;
}
.card-action-trailer.topic-ruby span:focus svg {
	fill: #d9272e;
}
.queueable.card-action.topic-ruby a:hover svg {
	fill: #d9272e;
}
.queueable.card-action.topic-ruby a:focus svg {
	fill: #d9272e;
}
.queueable.card-action.topic-ruby span:hover svg {
	fill: #d9272e;
}
.queueable.card-action.topic-ruby span:focus svg {
	fill: #d9272e;
}
.bookmarkable.card-action.topic-ruby a:hover svg {
	fill: #d9272e;
}
.bookmarkable.card-action.topic-ruby a:focus svg {
	fill: #d9272e;
}
.bookmarkable.card-action.topic-ruby span:hover svg {
	fill: #d9272e;
}
.bookmarkable.card-action.topic-ruby span:focus svg {
	fill: #d9272e;
}
.topic-ruby .card-action-trailer a:hover svg {
	fill: #d9272e;
}
.topic-ruby .card-action-trailer a:focus svg {
	fill: #d9272e;
}
.topic-ruby .card-action-trailer span:hover svg {
	fill: #d9272e;
}
.topic-ruby .card-action-trailer span:focus svg {
	fill: #d9272e;
}
.topic-ruby .queueable.card-action a:hover svg {
	fill: #d9272e;
}
.topic-ruby .queueable.card-action a:focus svg {
	fill: #d9272e;
}
.topic-ruby .queueable.card-action span:hover svg {
	fill: #d9272e;
}
.topic-ruby .queueable.card-action span:focus svg {
	fill: #d9272e;
}
.topic-ruby .bookmarkable.card-action a:hover svg {
	fill: #d9272e;
}
.topic-ruby .bookmarkable.card-action a:focus svg {
	fill: #d9272e;
}
.topic-ruby .bookmarkable.card-action span:hover svg {
	fill: #d9272e;
}
.topic-ruby .bookmarkable.card-action span:focus svg {
	fill: #d9272e;
}
.card-action-trailer.topic-business a:hover svg {
	fill: #f75f2a;
}
.card-action-trailer.topic-business a:focus svg {
	fill: #f75f2a;
}
.card-action-trailer.topic-business span:hover svg {
	fill: #f75f2a;
}
.card-action-trailer.topic-business span:focus svg {
	fill: #f75f2a;
}
.queueable.card-action.topic-business a:hover svg {
	fill: #f75f2a;
}
.queueable.card-action.topic-business a:focus svg {
	fill: #f75f2a;
}
.queueable.card-action.topic-business span:hover svg {
	fill: #f75f2a;
}
.queueable.card-action.topic-business span:focus svg {
	fill: #f75f2a;
}
.bookmarkable.card-action.topic-business a:hover svg {
	fill: #f75f2a;
}
.bookmarkable.card-action.topic-business a:focus svg {
	fill: #f75f2a;
}
.bookmarkable.card-action.topic-business span:hover svg {
	fill: #f75f2a;
}
.bookmarkable.card-action.topic-business span:focus svg {
	fill: #f75f2a;
}
.topic-business .card-action-trailer a:hover svg {
	fill: #f75f2a;
}
.topic-business .card-action-trailer a:focus svg {
	fill: #f75f2a;
}
.topic-business .card-action-trailer span:hover svg {
	fill: #f75f2a;
}
.topic-business .card-action-trailer span:focus svg {
	fill: #f75f2a;
}
.topic-business .queueable.card-action a:hover svg {
	fill: #f75f2a;
}
.topic-business .queueable.card-action a:focus svg {
	fill: #f75f2a;
}
.topic-business .queueable.card-action span:hover svg {
	fill: #f75f2a;
}
.topic-business .queueable.card-action span:focus svg {
	fill: #f75f2a;
}
.topic-business .bookmarkable.card-action a:hover svg {
	fill: #f75f2a;
}
.topic-business .bookmarkable.card-action a:focus svg {
	fill: #f75f2a;
}
.topic-business .bookmarkable.card-action span:hover svg {
	fill: #f75f2a;
}
.topic-business .bookmarkable.card-action span:focus svg {
	fill: #f75f2a;
}
.card-action-trailer.topic-wordpress a:hover svg {
	fill: #606bb7;
}
.card-action-trailer.topic-wordpress a:focus svg {
	fill: #606bb7;
}
.card-action-trailer.topic-wordpress span:hover svg {
	fill: #606bb7;
}
.card-action-trailer.topic-wordpress span:focus svg {
	fill: #606bb7;
}
.queueable.card-action.topic-wordpress a:hover svg {
	fill: #606bb7;
}
.queueable.card-action.topic-wordpress a:focus svg {
	fill: #606bb7;
}
.queueable.card-action.topic-wordpress span:hover svg {
	fill: #606bb7;
}
.queueable.card-action.topic-wordpress span:focus svg {
	fill: #606bb7;
}
.bookmarkable.card-action.topic-wordpress a:hover svg {
	fill: #606bb7;
}
.bookmarkable.card-action.topic-wordpress a:focus svg {
	fill: #606bb7;
}
.bookmarkable.card-action.topic-wordpress span:hover svg {
	fill: #606bb7;
}
.bookmarkable.card-action.topic-wordpress span:focus svg {
	fill: #606bb7;
}
.topic-wordpress .card-action-trailer a:hover svg {
	fill: #606bb7;
}
.topic-wordpress .card-action-trailer a:focus svg {
	fill: #606bb7;
}
.topic-wordpress .card-action-trailer span:hover svg {
	fill: #606bb7;
}
.topic-wordpress .card-action-trailer span:focus svg {
	fill: #606bb7;
}
.topic-wordpress .queueable.card-action a:hover svg {
	fill: #606bb7;
}
.topic-wordpress .queueable.card-action a:focus svg {
	fill: #606bb7;
}
.topic-wordpress .queueable.card-action span:hover svg {
	fill: #606bb7;
}
.topic-wordpress .queueable.card-action span:focus svg {
	fill: #606bb7;
}
.topic-wordpress .bookmarkable.card-action a:hover svg {
	fill: #606bb7;
}
.topic-wordpress .bookmarkable.card-action a:focus svg {
	fill: #606bb7;
}
.topic-wordpress .bookmarkable.card-action span:hover svg {
	fill: #606bb7;
}
.topic-wordpress .bookmarkable.card-action span:focus svg {
	fill: #606bb7;
}
.card-action-trailer.topic-php a:hover svg {
	fill: #645180;
}
.card-action-trailer.topic-php a:focus svg {
	fill: #645180;
}
.card-action-trailer.topic-php span:hover svg {
	fill: #645180;
}
.card-action-trailer.topic-php span:focus svg {
	fill: #645180;
}
.queueable.card-action.topic-php a:hover svg {
	fill: #645180;
}
.queueable.card-action.topic-php a:focus svg {
	fill: #645180;
}
.queueable.card-action.topic-php span:hover svg {
	fill: #645180;
}
.queueable.card-action.topic-php span:focus svg {
	fill: #645180;
}
.bookmarkable.card-action.topic-php a:hover svg {
	fill: #645180;
}
.bookmarkable.card-action.topic-php a:focus svg {
	fill: #645180;
}
.bookmarkable.card-action.topic-php span:hover svg {
	fill: #645180;
}
.bookmarkable.card-action.topic-php span:focus svg {
	fill: #645180;
}
.topic-php .card-action-trailer a:hover svg {
	fill: #645180;
}
.topic-php .card-action-trailer a:focus svg {
	fill: #645180;
}
.topic-php .card-action-trailer span:hover svg {
	fill: #645180;
}
.topic-php .card-action-trailer span:focus svg {
	fill: #645180;
}
.topic-php .queueable.card-action a:hover svg {
	fill: #645180;
}
.topic-php .queueable.card-action a:focus svg {
	fill: #645180;
}
.topic-php .queueable.card-action span:hover svg {
	fill: #645180;
}
.topic-php .queueable.card-action span:focus svg {
	fill: #645180;
}
.topic-php .bookmarkable.card-action a:hover svg {
	fill: #645180;
}
.topic-php .bookmarkable.card-action a:focus svg {
	fill: #645180;
}
.topic-php .bookmarkable.card-action span:hover svg {
	fill: #645180;
}
.topic-php .bookmarkable.card-action span:focus svg {
	fill: #645180;
}
.card-action-trailer.topic-ios a:hover svg {
	fill: #3e9d97;
}
.card-action-trailer.topic-ios a:focus svg {
	fill: #3e9d97;
}
.card-action-trailer.topic-ios span:hover svg {
	fill: #3e9d97;
}
.card-action-trailer.topic-ios span:focus svg {
	fill: #3e9d97;
}
.queueable.card-action.topic-ios a:hover svg {
	fill: #3e9d97;
}
.queueable.card-action.topic-ios a:focus svg {
	fill: #3e9d97;
}
.queueable.card-action.topic-ios span:hover svg {
	fill: #3e9d97;
}
.queueable.card-action.topic-ios span:focus svg {
	fill: #3e9d97;
}
.bookmarkable.card-action.topic-ios a:hover svg {
	fill: #3e9d97;
}
.bookmarkable.card-action.topic-ios a:focus svg {
	fill: #3e9d97;
}
.bookmarkable.card-action.topic-ios span:hover svg {
	fill: #3e9d97;
}
.bookmarkable.card-action.topic-ios span:focus svg {
	fill: #3e9d97;
}
.topic-ios .card-action-trailer a:hover svg {
	fill: #3e9d97;
}
.topic-ios .card-action-trailer a:focus svg {
	fill: #3e9d97;
}
.topic-ios .card-action-trailer span:hover svg {
	fill: #3e9d97;
}
.topic-ios .card-action-trailer span:focus svg {
	fill: #3e9d97;
}
.topic-ios .queueable.card-action a:hover svg {
	fill: #3e9d97;
}
.topic-ios .queueable.card-action a:focus svg {
	fill: #3e9d97;
}
.topic-ios .queueable.card-action span:hover svg {
	fill: #3e9d97;
}
.topic-ios .queueable.card-action span:focus svg {
	fill: #3e9d97;
}
.topic-ios .bookmarkable.card-action a:hover svg {
	fill: #3e9d97;
}
.topic-ios .bookmarkable.card-action a:focus svg {
	fill: #3e9d97;
}
.topic-ios .bookmarkable.card-action span:hover svg {
	fill: #3e9d97;
}
.topic-ios .bookmarkable.card-action span:focus svg {
	fill: #3e9d97;
}
.card-action-trailer.topic-android a:hover svg {
	fill: #449d48;
}
.card-action-trailer.topic-android a:focus svg {
	fill: #449d48;
}
.card-action-trailer.topic-android span:hover svg {
	fill: #449d48;
}
.card-action-trailer.topic-android span:focus svg {
	fill: #449d48;
}
.queueable.card-action.topic-android a:hover svg {
	fill: #449d48;
}
.queueable.card-action.topic-android a:focus svg {
	fill: #449d48;
}
.queueable.card-action.topic-android span:hover svg {
	fill: #449d48;
}
.queueable.card-action.topic-android span:focus svg {
	fill: #449d48;
}
.bookmarkable.card-action.topic-android a:hover svg {
	fill: #449d48;
}
.bookmarkable.card-action.topic-android a:focus svg {
	fill: #449d48;
}
.bookmarkable.card-action.topic-android span:hover svg {
	fill: #449d48;
}
.bookmarkable.card-action.topic-android span:focus svg {
	fill: #449d48;
}
.topic-android .card-action-trailer a:hover svg {
	fill: #449d48;
}
.topic-android .card-action-trailer a:focus svg {
	fill: #449d48;
}
.topic-android .card-action-trailer span:hover svg {
	fill: #449d48;
}
.topic-android .card-action-trailer span:focus svg {
	fill: #449d48;
}
.topic-android .queueable.card-action a:hover svg {
	fill: #449d48;
}
.topic-android .queueable.card-action a:focus svg {
	fill: #449d48;
}
.topic-android .queueable.card-action span:hover svg {
	fill: #449d48;
}
.topic-android .queueable.card-action span:focus svg {
	fill: #449d48;
}
.topic-android .bookmarkable.card-action a:hover svg {
	fill: #449d48;
}
.topic-android .bookmarkable.card-action a:focus svg {
	fill: #449d48;
}
.topic-android .bookmarkable.card-action span:hover svg {
	fill: #449d48;
}
.topic-android .bookmarkable.card-action span:focus svg {
	fill: #449d48;
}
.card-action-trailer.topic-design a:hover svg {
	fill: #b67a0f;
}
.card-action-trailer.topic-design a:focus svg {
	fill: #b67a0f;
}
.card-action-trailer.topic-design span:hover svg {
	fill: #b67a0f;
}
.card-action-trailer.topic-design span:focus svg {
	fill: #b67a0f;
}
.queueable.card-action.topic-design a:hover svg {
	fill: #b67a0f;
}
.queueable.card-action.topic-design a:focus svg {
	fill: #b67a0f;
}
.queueable.card-action.topic-design span:hover svg {
	fill: #b67a0f;
}
.queueable.card-action.topic-design span:focus svg {
	fill: #b67a0f;
}
.bookmarkable.card-action.topic-design a:hover svg {
	fill: #b67a0f;
}
.bookmarkable.card-action.topic-design a:focus svg {
	fill: #b67a0f;
}
.bookmarkable.card-action.topic-design span:hover svg {
	fill: #b67a0f;
}
.bookmarkable.card-action.topic-design span:focus svg {
	fill: #b67a0f;
}
.topic-design .card-action-trailer a:hover svg {
	fill: #b67a0f;
}
.topic-design .card-action-trailer a:focus svg {
	fill: #b67a0f;
}
.topic-design .card-action-trailer span:hover svg {
	fill: #b67a0f;
}
.topic-design .card-action-trailer span:focus svg {
	fill: #b67a0f;
}
.topic-design .queueable.card-action a:hover svg {
	fill: #b67a0f;
}
.topic-design .queueable.card-action a:focus svg {
	fill: #b67a0f;
}
.topic-design .queueable.card-action span:hover svg {
	fill: #b67a0f;
}
.topic-design .queueable.card-action span:focus svg {
	fill: #b67a0f;
}
.topic-design .bookmarkable.card-action a:hover svg {
	fill: #b67a0f;
}
.topic-design .bookmarkable.card-action a:focus svg {
	fill: #b67a0f;
}
.topic-design .bookmarkable.card-action span:hover svg {
	fill: #b67a0f;
}
.topic-design .bookmarkable.card-action span:focus svg {
	fill: #b67a0f;
}
.card-action-trailer.topic-development-tools a:hover svg {
	fill: #4e6173;
}
.card-action-trailer.topic-development-tools a:focus svg {
	fill: #4e6173;
}
.card-action-trailer.topic-development-tools span:hover svg {
	fill: #4e6173;
}
.card-action-trailer.topic-development-tools span:focus svg {
	fill: #4e6173;
}
.queueable.card-action.topic-development-tools a:hover svg {
	fill: #4e6173;
}
.queueable.card-action.topic-development-tools a:focus svg {
	fill: #4e6173;
}
.queueable.card-action.topic-development-tools span:hover svg {
	fill: #4e6173;
}
.queueable.card-action.topic-development-tools span:focus svg {
	fill: #4e6173;
}
.bookmarkable.card-action.topic-development-tools a:hover svg {
	fill: #4e6173;
}
.bookmarkable.card-action.topic-development-tools a:focus svg {
	fill: #4e6173;
}
.bookmarkable.card-action.topic-development-tools span:hover svg {
	fill: #4e6173;
}
.bookmarkable.card-action.topic-development-tools span:focus svg {
	fill: #4e6173;
}
.topic-development-tools .card-action-trailer a:hover svg {
	fill: #4e6173;
}
.topic-development-tools .card-action-trailer a:focus svg {
	fill: #4e6173;
}
.topic-development-tools .card-action-trailer span:hover svg {
	fill: #4e6173;
}
.topic-development-tools .card-action-trailer span:focus svg {
	fill: #4e6173;
}
.topic-development-tools .queueable.card-action a:hover svg {
	fill: #4e6173;
}
.topic-development-tools .queueable.card-action a:focus svg {
	fill: #4e6173;
}
.topic-development-tools .queueable.card-action span:hover svg {
	fill: #4e6173;
}
.topic-development-tools .queueable.card-action span:focus svg {
	fill: #4e6173;
}
.topic-development-tools .bookmarkable.card-action a:hover svg {
	fill: #4e6173;
}
.topic-development-tools .bookmarkable.card-action a:focus svg {
	fill: #4e6173;
}
.topic-development-tools .bookmarkable.card-action span:hover svg {
	fill: #4e6173;
}
.topic-development-tools .bookmarkable.card-action span:focus svg {
	fill: #4e6173;
}
.card-action-trailer.topic-python a:hover svg {
	fill: #ea6590;
}
.card-action-trailer.topic-python a:focus svg {
	fill: #ea6590;
}
.card-action-trailer.topic-python span:hover svg {
	fill: #ea6590;
}
.card-action-trailer.topic-python span:focus svg {
	fill: #ea6590;
}
.queueable.card-action.topic-python a:hover svg {
	fill: #ea6590;
}
.queueable.card-action.topic-python a:focus svg {
	fill: #ea6590;
}
.queueable.card-action.topic-python span:hover svg {
	fill: #ea6590;
}
.queueable.card-action.topic-python span:focus svg {
	fill: #ea6590;
}
.bookmarkable.card-action.topic-python a:hover svg {
	fill: #ea6590;
}
.bookmarkable.card-action.topic-python a:focus svg {
	fill: #ea6590;
}
.bookmarkable.card-action.topic-python span:hover svg {
	fill: #ea6590;
}
.bookmarkable.card-action.topic-python span:focus svg {
	fill: #ea6590;
}
.topic-python .card-action-trailer a:hover svg {
	fill: #ea6590;
}
.topic-python .card-action-trailer a:focus svg {
	fill: #ea6590;
}
.topic-python .card-action-trailer span:hover svg {
	fill: #ea6590;
}
.topic-python .card-action-trailer span:focus svg {
	fill: #ea6590;
}
.topic-python .queueable.card-action a:hover svg {
	fill: #ea6590;
}
.topic-python .queueable.card-action a:focus svg {
	fill: #ea6590;
}
.topic-python .queueable.card-action span:hover svg {
	fill: #ea6590;
}
.topic-python .queueable.card-action span:focus svg {
	fill: #ea6590;
}
.topic-python .bookmarkable.card-action a:hover svg {
	fill: #ea6590;
}
.topic-python .bookmarkable.card-action a:focus svg {
	fill: #ea6590;
}
.topic-python .bookmarkable.card-action span:hover svg {
	fill: #ea6590;
}
.topic-python .bookmarkable.card-action span:focus svg {
	fill: #ea6590;
}
.card-action-trailer.topic-digital-literacy a:hover svg {
	fill: #b067c6;
}
.card-action-trailer.topic-digital-literacy a:focus svg {
	fill: #b067c6;
}
.card-action-trailer.topic-digital-literacy span:hover svg {
	fill: #b067c6;
}
.card-action-trailer.topic-digital-literacy span:focus svg {
	fill: #b067c6;
}
.queueable.card-action.topic-digital-literacy a:hover svg {
	fill: #b067c6;
}
.queueable.card-action.topic-digital-literacy a:focus svg {
	fill: #b067c6;
}
.queueable.card-action.topic-digital-literacy span:hover svg {
	fill: #b067c6;
}
.queueable.card-action.topic-digital-literacy span:focus svg {
	fill: #b067c6;
}
.bookmarkable.card-action.topic-digital-literacy a:hover svg {
	fill: #b067c6;
}
.bookmarkable.card-action.topic-digital-literacy a:focus svg {
	fill: #b067c6;
}
.bookmarkable.card-action.topic-digital-literacy span:hover svg {
	fill: #b067c6;
}
.bookmarkable.card-action.topic-digital-literacy span:focus svg {
	fill: #b067c6;
}
.topic-digital-literacy .card-action-trailer a:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy .card-action-trailer a:focus svg {
	fill: #b067c6;
}
.topic-digital-literacy .card-action-trailer span:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy .card-action-trailer span:focus svg {
	fill: #b067c6;
}
.topic-digital-literacy .queueable.card-action a:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy .queueable.card-action a:focus svg {
	fill: #b067c6;
}
.topic-digital-literacy .queueable.card-action span:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy .queueable.card-action span:focus svg {
	fill: #b067c6;
}
.topic-digital-literacy .bookmarkable.card-action a:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy .bookmarkable.card-action a:focus svg {
	fill: #b067c6;
}
.topic-digital-literacy .bookmarkable.card-action span:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy .bookmarkable.card-action span:focus svg {
	fill: #b067c6;
}
.card-action-trailer.topic-game-development a:hover svg {
	fill: #176062;
}
.card-action-trailer.topic-game-development a:focus svg {
	fill: #176062;
}
.card-action-trailer.topic-game-development span:hover svg {
	fill: #176062;
}
.card-action-trailer.topic-game-development span:focus svg {
	fill: #176062;
}
.queueable.card-action.topic-game-development a:hover svg {
	fill: #176062;
}
.queueable.card-action.topic-game-development a:focus svg {
	fill: #176062;
}
.queueable.card-action.topic-game-development span:hover svg {
	fill: #176062;
}
.queueable.card-action.topic-game-development span:focus svg {
	fill: #176062;
}
.bookmarkable.card-action.topic-game-development a:hover svg {
	fill: #176062;
}
.bookmarkable.card-action.topic-game-development a:focus svg {
	fill: #176062;
}
.bookmarkable.card-action.topic-game-development span:hover svg {
	fill: #176062;
}
.bookmarkable.card-action.topic-game-development span:focus svg {
	fill: #176062;
}
.topic-game-development .card-action-trailer a:hover svg {
	fill: #176062;
}
.topic-game-development .card-action-trailer a:focus svg {
	fill: #176062;
}
.topic-game-development .card-action-trailer span:hover svg {
	fill: #176062;
}
.topic-game-development .card-action-trailer span:focus svg {
	fill: #176062;
}
.topic-game-development .queueable.card-action a:hover svg {
	fill: #176062;
}
.topic-game-development .queueable.card-action a:focus svg {
	fill: #176062;
}
.topic-game-development .queueable.card-action span:hover svg {
	fill: #176062;
}
.topic-game-development .queueable.card-action span:focus svg {
	fill: #176062;
}
.topic-game-development .bookmarkable.card-action a:hover svg {
	fill: #176062;
}
.topic-game-development .bookmarkable.card-action a:focus svg {
	fill: #176062;
}
.topic-game-development .bookmarkable.card-action span:hover svg {
	fill: #176062;
}
.topic-game-development .bookmarkable.card-action span:focus svg {
	fill: #176062;
}
.card-action-trailer.topic-csharp a:hover svg {
	fill: #7c3c67;
}
.card-action-trailer.topic-csharp a:focus svg {
	fill: #7c3c67;
}
.card-action-trailer.topic-csharp span:hover svg {
	fill: #7c3c67;
}
.card-action-trailer.topic-csharp span:focus svg {
	fill: #7c3c67;
}
.queueable.card-action.topic-csharp a:hover svg {
	fill: #7c3c67;
}
.queueable.card-action.topic-csharp a:focus svg {
	fill: #7c3c67;
}
.queueable.card-action.topic-csharp span:hover svg {
	fill: #7c3c67;
}
.queueable.card-action.topic-csharp span:focus svg {
	fill: #7c3c67;
}
.bookmarkable.card-action.topic-csharp a:hover svg {
	fill: #7c3c67;
}
.bookmarkable.card-action.topic-csharp a:focus svg {
	fill: #7c3c67;
}
.bookmarkable.card-action.topic-csharp span:hover svg {
	fill: #7c3c67;
}
.bookmarkable.card-action.topic-csharp span:focus svg {
	fill: #7c3c67;
}
.topic-csharp .card-action-trailer a:hover svg {
	fill: #7c3c67;
}
.topic-csharp .card-action-trailer a:focus svg {
	fill: #7c3c67;
}
.topic-csharp .card-action-trailer span:hover svg {
	fill: #7c3c67;
}
.topic-csharp .card-action-trailer span:focus svg {
	fill: #7c3c67;
}
.topic-csharp .queueable.card-action a:hover svg {
	fill: #7c3c67;
}
.topic-csharp .queueable.card-action a:focus svg {
	fill: #7c3c67;
}
.topic-csharp .queueable.card-action span:hover svg {
	fill: #7c3c67;
}
.topic-csharp .queueable.card-action span:focus svg {
	fill: #7c3c67;
}
.topic-csharp .bookmarkable.card-action a:hover svg {
	fill: #7c3c67;
}
.topic-csharp .bookmarkable.card-action a:focus svg {
	fill: #7c3c67;
}
.topic-csharp .bookmarkable.card-action span:hover svg {
	fill: #7c3c67;
}
.topic-csharp .bookmarkable.card-action span:focus svg {
	fill: #7c3c67;
}
.card-action-trailer.topic-databases a:hover svg {
	fill: #cd5e13;
}
.card-action-trailer.topic-databases a:focus svg {
	fill: #cd5e13;
}
.card-action-trailer.topic-databases span:hover svg {
	fill: #cd5e13;
}
.card-action-trailer.topic-databases span:focus svg {
	fill: #cd5e13;
}
.queueable.card-action.topic-databases a:hover svg {
	fill: #cd5e13;
}
.queueable.card-action.topic-databases a:focus svg {
	fill: #cd5e13;
}
.queueable.card-action.topic-databases span:hover svg {
	fill: #cd5e13;
}
.queueable.card-action.topic-databases span:focus svg {
	fill: #cd5e13;
}
.bookmarkable.card-action.topic-databases a:hover svg {
	fill: #cd5e13;
}
.bookmarkable.card-action.topic-databases a:focus svg {
	fill: #cd5e13;
}
.bookmarkable.card-action.topic-databases span:hover svg {
	fill: #cd5e13;
}
.bookmarkable.card-action.topic-databases span:focus svg {
	fill: #cd5e13;
}
.topic-databases .card-action-trailer a:hover svg {
	fill: #cd5e13;
}
.topic-databases .card-action-trailer a:focus svg {
	fill: #cd5e13;
}
.topic-databases .card-action-trailer span:hover svg {
	fill: #cd5e13;
}
.topic-databases .card-action-trailer span:focus svg {
	fill: #cd5e13;
}
.topic-databases .queueable.card-action a:hover svg {
	fill: #cd5e13;
}
.topic-databases .queueable.card-action a:focus svg {
	fill: #cd5e13;
}
.topic-databases .queueable.card-action span:hover svg {
	fill: #cd5e13;
}
.topic-databases .queueable.card-action span:focus svg {
	fill: #cd5e13;
}
.topic-databases .bookmarkable.card-action a:hover svg {
	fill: #cd5e13;
}
.topic-databases .bookmarkable.card-action a:focus svg {
	fill: #cd5e13;
}
.topic-databases .bookmarkable.card-action span:hover svg {
	fill: #cd5e13;
}
.topic-databases .bookmarkable.card-action span:focus svg {
	fill: #cd5e13;
}
.card-action-trailer.topic-undefined a:hover svg {
	fill: #5a6269;
}
.card-action-trailer.topic-undefined a:focus svg {
	fill: #5a6269;
}
.card-action-trailer.topic-undefined span:hover svg {
	fill: #5a6269;
}
.card-action-trailer.topic-undefined span:focus svg {
	fill: #5a6269;
}
.queueable.card-action.topic-undefined a:hover svg {
	fill: #5a6269;
}
.queueable.card-action.topic-undefined a:focus svg {
	fill: #5a6269;
}
.queueable.card-action.topic-undefined span:hover svg {
	fill: #5a6269;
}
.queueable.card-action.topic-undefined span:focus svg {
	fill: #5a6269;
}
.bookmarkable.card-action.topic-undefined a:hover svg {
	fill: #5a6269;
}
.bookmarkable.card-action.topic-undefined a:focus svg {
	fill: #5a6269;
}
.bookmarkable.card-action.topic-undefined span:hover svg {
	fill: #5a6269;
}
.bookmarkable.card-action.topic-undefined span:focus svg {
	fill: #5a6269;
}
.topic-undefined .card-action-trailer a:hover svg {
	fill: #5a6269;
}
.topic-undefined .card-action-trailer a:focus svg {
	fill: #5a6269;
}
.topic-undefined .card-action-trailer span:hover svg {
	fill: #5a6269;
}
.topic-undefined .card-action-trailer span:focus svg {
	fill: #5a6269;
}
.topic-undefined .queueable.card-action a:hover svg {
	fill: #5a6269;
}
.topic-undefined .queueable.card-action a:focus svg {
	fill: #5a6269;
}
.topic-undefined .queueable.card-action span:hover svg {
	fill: #5a6269;
}
.topic-undefined .queueable.card-action span:focus svg {
	fill: #5a6269;
}
.topic-undefined .bookmarkable.card-action a:hover svg {
	fill: #5a6269;
}
.topic-undefined .bookmarkable.card-action a:focus svg {
	fill: #5a6269;
}
.topic-undefined .bookmarkable.card-action span:hover svg {
	fill: #5a6269;
}
.topic-undefined .bookmarkable.card-action span:focus svg {
	fill: #5a6269;
}
.card-action-trailer .bookmark::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .bookmark::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .bookmark::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .bookmark::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .bookmark::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .bookmark::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .bookmark::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.queueable.card-action .bookmark::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.bookmarkable.card-action .bookmark::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.card-action-trailer .bookmark::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Bookmark"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .bookmark::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Bookmark"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .bookmark::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Bookmark"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .bookmark:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.queueable.card-action .bookmark:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.bookmarkable.card-action .bookmark:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.card-action-trailer .bookmark:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.queueable.card-action .bookmark:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.bookmarkable.card-action .bookmark:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.bookmarked .card-action-trailer .bookmark {
	display: none;
}
.bookmarked .queueable.card-action .bookmark {
	display: none;
}
.bookmarked .bookmarkable.card-action .bookmark {
	display: none;
}
.card-action-trailer .unbookmark::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .unbookmark::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .unbookmark::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .unbookmark::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .unbookmark::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .unbookmark::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .unbookmark::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.queueable.card-action .unbookmark::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.bookmarkable.card-action .unbookmark::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.card-action-trailer .unbookmark::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Remove Bookmark"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .unbookmark::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Remove Bookmark"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .unbookmark::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Remove Bookmark"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .unbookmark:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.queueable.card-action .unbookmark:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.bookmarkable.card-action .unbookmark:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.card-action-trailer .unbookmark:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.queueable.card-action .unbookmark:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.bookmarkable.card-action .unbookmark:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.card-action-trailer.topic-html .unbookmark {
	border-color: rgb(57, 173, 209);
}
.queueable.card-action.topic-html .unbookmark {
	border-color: rgb(57, 173, 209);
}
.bookmarkable.card-action.topic-html .unbookmark {
	border-color: rgb(57, 173, 209);
}
.topic-html .card-action-trailer .unbookmark {
	border-color: rgb(57, 173, 209);
}
.topic-html .queueable.card-action .unbookmark {
	border-color: rgb(57, 173, 209);
}
.topic-html .bookmarkable.card-action .unbookmark {
	border-color: rgb(57, 173, 209);
}
.card-action-trailer.topic-css .unbookmark {
	border-color: rgb(48, 121, 171);
}
.queueable.card-action.topic-css .unbookmark {
	border-color: rgb(48, 121, 171);
}
.bookmarkable.card-action.topic-css .unbookmark {
	border-color: rgb(48, 121, 171);
}
.topic-css .card-action-trailer .unbookmark {
	border-color: rgb(48, 121, 171);
}
.topic-css .queueable.card-action .unbookmark {
	border-color: rgb(48, 121, 171);
}
.topic-css .bookmarkable.card-action .unbookmark {
	border-color: rgb(48, 121, 171);
}
.card-action-trailer.topic-javascript .unbookmark {
	border-color: rgb(194, 89, 117);
}
.queueable.card-action.topic-javascript .unbookmark {
	border-color: rgb(194, 89, 117);
}
.bookmarkable.card-action.topic-javascript .unbookmark {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .card-action-trailer .unbookmark {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .queueable.card-action .unbookmark {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .bookmarkable.card-action .unbookmark {
	border-color: rgb(194, 89, 117);
}
.card-action-trailer.topic-java .unbookmark {
	border-color: rgb(44, 150, 118);
}
.queueable.card-action.topic-java .unbookmark {
	border-color: rgb(44, 150, 118);
}
.bookmarkable.card-action.topic-java .unbookmark {
	border-color: rgb(44, 150, 118);
}
.topic-java .card-action-trailer .unbookmark {
	border-color: rgb(44, 150, 118);
}
.topic-java .queueable.card-action .unbookmark {
	border-color: rgb(44, 150, 118);
}
.topic-java .bookmarkable.card-action .unbookmark {
	border-color: rgb(44, 150, 118);
}
.card-action-trailer.topic-ruby .unbookmark {
	border-color: rgb(225, 82, 88);
}
.queueable.card-action.topic-ruby .unbookmark {
	border-color: rgb(225, 82, 88);
}
.bookmarkable.card-action.topic-ruby .unbookmark {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .card-action-trailer .unbookmark {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .queueable.card-action .unbookmark {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .bookmarkable.card-action .unbookmark {
	border-color: rgb(225, 82, 88);
}
.card-action-trailer.topic-business .unbookmark {
	border-color: rgb(249, 132, 91);
}
.queueable.card-action.topic-business .unbookmark {
	border-color: rgb(249, 132, 91);
}
.bookmarkable.card-action.topic-business .unbookmark {
	border-color: rgb(249, 132, 91);
}
.topic-business .card-action-trailer .unbookmark {
	border-color: rgb(249, 132, 91);
}
.topic-business .queueable.card-action .unbookmark {
	border-color: rgb(249, 132, 91);
}
.topic-business .bookmarkable.card-action .unbookmark {
	border-color: rgb(249, 132, 91);
}
.card-action-trailer.topic-wordpress .unbookmark {
	border-color: rgb(131, 140, 199);
}
.queueable.card-action.topic-wordpress .unbookmark {
	border-color: rgb(131, 140, 199);
}
.bookmarkable.card-action.topic-wordpress .unbookmark {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .card-action-trailer .unbookmark {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .queueable.card-action .unbookmark {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .bookmarkable.card-action .unbookmark {
	border-color: rgb(131, 140, 199);
}
.card-action-trailer.topic-php .unbookmark {
	border-color: rgb(125, 102, 158);
}
.queueable.card-action.topic-php .unbookmark {
	border-color: rgb(125, 102, 158);
}
.bookmarkable.card-action.topic-php .unbookmark {
	border-color: rgb(125, 102, 158);
}
.topic-php .card-action-trailer .unbookmark {
	border-color: rgb(125, 102, 158);
}
.topic-php .queueable.card-action .unbookmark {
	border-color: rgb(125, 102, 158);
}
.topic-php .bookmarkable.card-action .unbookmark {
	border-color: rgb(125, 102, 158);
}
.card-action-trailer.topic-ios .unbookmark {
	border-color: rgb(83, 187, 180);
}
.queueable.card-action.topic-ios .unbookmark {
	border-color: rgb(83, 187, 180);
}
.bookmarkable.card-action.topic-ios .unbookmark {
	border-color: rgb(83, 187, 180);
}
.topic-ios .card-action-trailer .unbookmark {
	border-color: rgb(83, 187, 180);
}
.topic-ios .queueable.card-action .unbookmark {
	border-color: rgb(83, 187, 180);
}
.topic-ios .bookmarkable.card-action .unbookmark {
	border-color: rgb(83, 187, 180);
}
.card-action-trailer.topic-android .unbookmark {
	border-color: rgb(92, 184, 96);
}
.queueable.card-action.topic-android .unbookmark {
	border-color: rgb(92, 184, 96);
}
.bookmarkable.card-action.topic-android .unbookmark {
	border-color: rgb(92, 184, 96);
}
.topic-android .card-action-trailer .unbookmark {
	border-color: rgb(92, 184, 96);
}
.topic-android .queueable.card-action .unbookmark {
	border-color: rgb(92, 184, 96);
}
.topic-android .bookmarkable.card-action .unbookmark {
	border-color: rgb(92, 184, 96);
}
.card-action-trailer.topic-design .unbookmark {
	border-color: rgb(229, 154, 19);
}
.queueable.card-action.topic-design .unbookmark {
	border-color: rgb(229, 154, 19);
}
.bookmarkable.card-action.topic-design .unbookmark {
	border-color: rgb(229, 154, 19);
}
.topic-design .card-action-trailer .unbookmark {
	border-color: rgb(229, 154, 19);
}
.topic-design .queueable.card-action .unbookmark {
	border-color: rgb(229, 154, 19);
}
.topic-design .bookmarkable.card-action .unbookmark {
	border-color: rgb(229, 154, 19);
}
.card-action-trailer.topic-development-tools .unbookmark {
	border-color: rgb(99, 122, 145);
}
.queueable.card-action.topic-development-tools .unbookmark {
	border-color: rgb(99, 122, 145);
}
.bookmarkable.card-action.topic-development-tools .unbookmark {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .card-action-trailer .unbookmark {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .queueable.card-action .unbookmark {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .bookmarkable.card-action .unbookmark {
	border-color: rgb(99, 122, 145);
}
.card-action-trailer.topic-python .unbookmark {
	border-color: rgb(240, 146, 176);
}
.queueable.card-action.topic-python .unbookmark {
	border-color: rgb(240, 146, 176);
}
.bookmarkable.card-action.topic-python .unbookmark {
	border-color: rgb(240, 146, 176);
}
.topic-python .card-action-trailer .unbookmark {
	border-color: rgb(240, 146, 176);
}
.topic-python .queueable.card-action .unbookmark {
	border-color: rgb(240, 146, 176);
}
.topic-python .bookmarkable.card-action .unbookmark {
	border-color: rgb(240, 146, 176);
}
.card-action-trailer.topic-digital-literacy .unbookmark {
	border-color: rgb(195, 140, 212);
}
.queueable.card-action.topic-digital-literacy .unbookmark {
	border-color: rgb(195, 140, 212);
}
.bookmarkable.card-action.topic-digital-literacy .unbookmark {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-action-trailer .unbookmark {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .queueable.card-action .unbookmark {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .bookmarkable.card-action .unbookmark {
	border-color: rgb(195, 140, 212);
}
.card-action-trailer.topic-game-development .unbookmark {
	border-color: rgb(32, 137, 140);
}
.queueable.card-action.topic-game-development .unbookmark {
	border-color: rgb(32, 137, 140);
}
.bookmarkable.card-action.topic-game-development .unbookmark {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .card-action-trailer .unbookmark {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .queueable.card-action .unbookmark {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .bookmarkable.card-action .unbookmark {
	border-color: rgb(32, 137, 140);
}
.card-action-trailer.topic-csharp .unbookmark {
	border-color: rgb(158, 77, 131);
}
.queueable.card-action.topic-csharp .unbookmark {
	border-color: rgb(158, 77, 131);
}
.bookmarkable.card-action.topic-csharp .unbookmark {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .card-action-trailer .unbookmark {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .queueable.card-action .unbookmark {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .bookmarkable.card-action .unbookmark {
	border-color: rgb(158, 77, 131);
}
.card-action-trailer.topic-databases .unbookmark {
	border-color: rgb(235, 119, 40);
}
.queueable.card-action.topic-databases .unbookmark {
	border-color: rgb(235, 119, 40);
}
.bookmarkable.card-action.topic-databases .unbookmark {
	border-color: rgb(235, 119, 40);
}
.topic-databases .card-action-trailer .unbookmark {
	border-color: rgb(235, 119, 40);
}
.topic-databases .queueable.card-action .unbookmark {
	border-color: rgb(235, 119, 40);
}
.topic-databases .bookmarkable.card-action .unbookmark {
	border-color: rgb(235, 119, 40);
}
.card-action-trailer.topic-undefined .unbookmark {
	border-color: rgb(113, 123, 133);
}
.queueable.card-action.topic-undefined .unbookmark {
	border-color: rgb(113, 123, 133);
}
.bookmarkable.card-action.topic-undefined .unbookmark {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .card-action-trailer .unbookmark {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .queueable.card-action .unbookmark {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .bookmarkable.card-action .unbookmark {
	border-color: rgb(113, 123, 133);
}
:not(.bookmarked).card .card-action-trailer .unbookmark {
	display: none;
}
:not(.bookmarked).card .queueable.card-action .unbookmark {
	display: none;
}
:not(.bookmarked).card .bookmarkable.card-action .unbookmark {
	display: none;
}
.card-action-trailer.topic-html .unbookmark svg {
	fill: #39add1;
}
.queueable.card-action.topic-html .unbookmark svg {
	fill: #39add1;
}
.bookmarkable.card-action.topic-html .unbookmark svg {
	fill: #39add1;
}
.topic-html .card-action-trailer .unbookmark svg {
	fill: #39add1;
}
.topic-html .queueable.card-action .unbookmark svg {
	fill: #39add1;
}
.topic-html .bookmarkable.card-action .unbookmark svg {
	fill: #39add1;
}
.card-action-trailer.topic-css .unbookmark svg {
	fill: #3079ab;
}
.queueable.card-action.topic-css .unbookmark svg {
	fill: #3079ab;
}
.bookmarkable.card-action.topic-css .unbookmark svg {
	fill: #3079ab;
}
.topic-css .card-action-trailer .unbookmark svg {
	fill: #3079ab;
}
.topic-css .queueable.card-action .unbookmark svg {
	fill: #3079ab;
}
.topic-css .bookmarkable.card-action .unbookmark svg {
	fill: #3079ab;
}
.card-action-trailer.topic-javascript .unbookmark svg {
	fill: #c25975;
}
.queueable.card-action.topic-javascript .unbookmark svg {
	fill: #c25975;
}
.bookmarkable.card-action.topic-javascript .unbookmark svg {
	fill: #c25975;
}
.topic-javascript .card-action-trailer .unbookmark svg {
	fill: #c25975;
}
.topic-javascript .queueable.card-action .unbookmark svg {
	fill: #c25975;
}
.topic-javascript .bookmarkable.card-action .unbookmark svg {
	fill: #c25975;
}
.card-action-trailer.topic-java .unbookmark svg {
	fill: #2c9676;
}
.queueable.card-action.topic-java .unbookmark svg {
	fill: #2c9676;
}
.bookmarkable.card-action.topic-java .unbookmark svg {
	fill: #2c9676;
}
.topic-java .card-action-trailer .unbookmark svg {
	fill: #2c9676;
}
.topic-java .queueable.card-action .unbookmark svg {
	fill: #2c9676;
}
.topic-java .bookmarkable.card-action .unbookmark svg {
	fill: #2c9676;
}
.card-action-trailer.topic-ruby .unbookmark svg {
	fill: #e15258;
}
.queueable.card-action.topic-ruby .unbookmark svg {
	fill: #e15258;
}
.bookmarkable.card-action.topic-ruby .unbookmark svg {
	fill: #e15258;
}
.topic-ruby .card-action-trailer .unbookmark svg {
	fill: #e15258;
}
.topic-ruby .queueable.card-action .unbookmark svg {
	fill: #e15258;
}
.topic-ruby .bookmarkable.card-action .unbookmark svg {
	fill: #e15258;
}
.card-action-trailer.topic-business .unbookmark svg {
	fill: #f9845b;
}
.queueable.card-action.topic-business .unbookmark svg {
	fill: #f9845b;
}
.bookmarkable.card-action.topic-business .unbookmark svg {
	fill: #f9845b;
}
.topic-business .card-action-trailer .unbookmark svg {
	fill: #f9845b;
}
.topic-business .queueable.card-action .unbookmark svg {
	fill: #f9845b;
}
.topic-business .bookmarkable.card-action .unbookmark svg {
	fill: #f9845b;
}
.card-action-trailer.topic-wordpress .unbookmark svg {
	fill: #838cc7;
}
.queueable.card-action.topic-wordpress .unbookmark svg {
	fill: #838cc7;
}
.bookmarkable.card-action.topic-wordpress .unbookmark svg {
	fill: #838cc7;
}
.topic-wordpress .card-action-trailer .unbookmark svg {
	fill: #838cc7;
}
.topic-wordpress .queueable.card-action .unbookmark svg {
	fill: #838cc7;
}
.topic-wordpress .bookmarkable.card-action .unbookmark svg {
	fill: #838cc7;
}
.card-action-trailer.topic-php .unbookmark svg {
	fill: #7d669e;
}
.queueable.card-action.topic-php .unbookmark svg {
	fill: #7d669e;
}
.bookmarkable.card-action.topic-php .unbookmark svg {
	fill: #7d669e;
}
.topic-php .card-action-trailer .unbookmark svg {
	fill: #7d669e;
}
.topic-php .queueable.card-action .unbookmark svg {
	fill: #7d669e;
}
.topic-php .bookmarkable.card-action .unbookmark svg {
	fill: #7d669e;
}
.card-action-trailer.topic-ios .unbookmark svg {
	fill: #53bbb4;
}
.queueable.card-action.topic-ios .unbookmark svg {
	fill: #53bbb4;
}
.bookmarkable.card-action.topic-ios .unbookmark svg {
	fill: #53bbb4;
}
.topic-ios .card-action-trailer .unbookmark svg {
	fill: #53bbb4;
}
.topic-ios .queueable.card-action .unbookmark svg {
	fill: #53bbb4;
}
.topic-ios .bookmarkable.card-action .unbookmark svg {
	fill: #53bbb4;
}
.card-action-trailer.topic-android .unbookmark svg {
	fill: #5cb860;
}
.queueable.card-action.topic-android .unbookmark svg {
	fill: #5cb860;
}
.bookmarkable.card-action.topic-android .unbookmark svg {
	fill: #5cb860;
}
.topic-android .card-action-trailer .unbookmark svg {
	fill: #5cb860;
}
.topic-android .queueable.card-action .unbookmark svg {
	fill: #5cb860;
}
.topic-android .bookmarkable.card-action .unbookmark svg {
	fill: #5cb860;
}
.card-action-trailer.topic-design .unbookmark svg {
	fill: #e59a13;
}
.queueable.card-action.topic-design .unbookmark svg {
	fill: #e59a13;
}
.bookmarkable.card-action.topic-design .unbookmark svg {
	fill: #e59a13;
}
.topic-design .card-action-trailer .unbookmark svg {
	fill: #e59a13;
}
.topic-design .queueable.card-action .unbookmark svg {
	fill: #e59a13;
}
.topic-design .bookmarkable.card-action .unbookmark svg {
	fill: #e59a13;
}
.card-action-trailer.topic-development-tools .unbookmark svg {
	fill: #637a91;
}
.queueable.card-action.topic-development-tools .unbookmark svg {
	fill: #637a91;
}
.bookmarkable.card-action.topic-development-tools .unbookmark svg {
	fill: #637a91;
}
.topic-development-tools .card-action-trailer .unbookmark svg {
	fill: #637a91;
}
.topic-development-tools .queueable.card-action .unbookmark svg {
	fill: #637a91;
}
.topic-development-tools .bookmarkable.card-action .unbookmark svg {
	fill: #637a91;
}
.card-action-trailer.topic-python .unbookmark svg {
	fill: #f092b0;
}
.queueable.card-action.topic-python .unbookmark svg {
	fill: #f092b0;
}
.bookmarkable.card-action.topic-python .unbookmark svg {
	fill: #f092b0;
}
.topic-python .card-action-trailer .unbookmark svg {
	fill: #f092b0;
}
.topic-python .queueable.card-action .unbookmark svg {
	fill: #f092b0;
}
.topic-python .bookmarkable.card-action .unbookmark svg {
	fill: #f092b0;
}
.card-action-trailer.topic-digital-literacy .unbookmark svg {
	fill: #c38cd4;
}
.queueable.card-action.topic-digital-literacy .unbookmark svg {
	fill: #c38cd4;
}
.bookmarkable.card-action.topic-digital-literacy .unbookmark svg {
	fill: #c38cd4;
}
.topic-digital-literacy .card-action-trailer .unbookmark svg {
	fill: #c38cd4;
}
.topic-digital-literacy .queueable.card-action .unbookmark svg {
	fill: #c38cd4;
}
.topic-digital-literacy .bookmarkable.card-action .unbookmark svg {
	fill: #c38cd4;
}
.card-action-trailer.topic-game-development .unbookmark svg {
	fill: #20898c;
}
.queueable.card-action.topic-game-development .unbookmark svg {
	fill: #20898c;
}
.bookmarkable.card-action.topic-game-development .unbookmark svg {
	fill: #20898c;
}
.topic-game-development .card-action-trailer .unbookmark svg {
	fill: #20898c;
}
.topic-game-development .queueable.card-action .unbookmark svg {
	fill: #20898c;
}
.topic-game-development .bookmarkable.card-action .unbookmark svg {
	fill: #20898c;
}
.card-action-trailer.topic-csharp .unbookmark svg {
	fill: #9e4d83;
}
.queueable.card-action.topic-csharp .unbookmark svg {
	fill: #9e4d83;
}
.bookmarkable.card-action.topic-csharp .unbookmark svg {
	fill: #9e4d83;
}
.topic-csharp .card-action-trailer .unbookmark svg {
	fill: #9e4d83;
}
.topic-csharp .queueable.card-action .unbookmark svg {
	fill: #9e4d83;
}
.topic-csharp .bookmarkable.card-action .unbookmark svg {
	fill: #9e4d83;
}
.card-action-trailer.topic-databases .unbookmark svg {
	fill: #eb7728;
}
.queueable.card-action.topic-databases .unbookmark svg {
	fill: #eb7728;
}
.bookmarkable.card-action.topic-databases .unbookmark svg {
	fill: #eb7728;
}
.topic-databases .card-action-trailer .unbookmark svg {
	fill: #eb7728;
}
.topic-databases .queueable.card-action .unbookmark svg {
	fill: #eb7728;
}
.topic-databases .bookmarkable.card-action .unbookmark svg {
	fill: #eb7728;
}
.card-action-trailer.topic-undefined .unbookmark svg {
	fill: #717b85;
}
.queueable.card-action.topic-undefined .unbookmark svg {
	fill: #717b85;
}
.bookmarkable.card-action.topic-undefined .unbookmark svg {
	fill: #717b85;
}
.topic-undefined .card-action-trailer .unbookmark svg {
	fill: #717b85;
}
.topic-undefined .queueable.card-action .unbookmark svg {
	fill: #717b85;
}
.topic-undefined .bookmarkable.card-action .unbookmark svg {
	fill: #717b85;
}
.card-action-trailer .queue::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .queue::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .queue::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .queue::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .queue::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .queue::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .queue::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.queueable.card-action .queue::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.bookmarkable.card-action .queue::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.card-action-trailer .queue::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Add to Queue"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .queue::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Add to Queue"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .queue::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Add to Queue"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .queue:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.queueable.card-action .queue:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.bookmarkable.card-action .queue:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.card-action-trailer .queue:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.queueable.card-action .queue:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.bookmarkable.card-action .queue:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.queued.card-action-trailer .queue {
	display: none;
}
.queued.queueable.card-action .queue {
	display: none;
}
.queued.bookmarkable.card-action .queue {
	display: none;
}
.card-action-trailer .unqueue::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .unqueue::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .unqueue::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .unqueue::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .unqueue::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .unqueue::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .unqueue::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.queueable.card-action .unqueue::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.bookmarkable.card-action .unqueue::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.card-action-trailer .unqueue::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Remove from Queue"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.queueable.card-action .unqueue::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Remove from Queue"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.bookmarkable.card-action .unqueue::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Remove from Queue"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer .unqueue:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.queueable.card-action .unqueue:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.bookmarkable.card-action .unqueue:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.card-action-trailer .unqueue:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.queueable.card-action .unqueue:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.bookmarkable.card-action .unqueue:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.card-action-trailer.topic-html .unqueue {
	border-color: rgb(57, 173, 209);
}
.queueable.card-action.topic-html .unqueue {
	border-color: rgb(57, 173, 209);
}
.bookmarkable.card-action.topic-html .unqueue {
	border-color: rgb(57, 173, 209);
}
.topic-html .card-action-trailer .unqueue {
	border-color: rgb(57, 173, 209);
}
.topic-html .queueable.card-action .unqueue {
	border-color: rgb(57, 173, 209);
}
.topic-html .bookmarkable.card-action .unqueue {
	border-color: rgb(57, 173, 209);
}
.card-action-trailer.topic-css .unqueue {
	border-color: rgb(48, 121, 171);
}
.queueable.card-action.topic-css .unqueue {
	border-color: rgb(48, 121, 171);
}
.bookmarkable.card-action.topic-css .unqueue {
	border-color: rgb(48, 121, 171);
}
.topic-css .card-action-trailer .unqueue {
	border-color: rgb(48, 121, 171);
}
.topic-css .queueable.card-action .unqueue {
	border-color: rgb(48, 121, 171);
}
.topic-css .bookmarkable.card-action .unqueue {
	border-color: rgb(48, 121, 171);
}
.card-action-trailer.topic-javascript .unqueue {
	border-color: rgb(194, 89, 117);
}
.queueable.card-action.topic-javascript .unqueue {
	border-color: rgb(194, 89, 117);
}
.bookmarkable.card-action.topic-javascript .unqueue {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .card-action-trailer .unqueue {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .queueable.card-action .unqueue {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .bookmarkable.card-action .unqueue {
	border-color: rgb(194, 89, 117);
}
.card-action-trailer.topic-java .unqueue {
	border-color: rgb(44, 150, 118);
}
.queueable.card-action.topic-java .unqueue {
	border-color: rgb(44, 150, 118);
}
.bookmarkable.card-action.topic-java .unqueue {
	border-color: rgb(44, 150, 118);
}
.topic-java .card-action-trailer .unqueue {
	border-color: rgb(44, 150, 118);
}
.topic-java .queueable.card-action .unqueue {
	border-color: rgb(44, 150, 118);
}
.topic-java .bookmarkable.card-action .unqueue {
	border-color: rgb(44, 150, 118);
}
.card-action-trailer.topic-ruby .unqueue {
	border-color: rgb(225, 82, 88);
}
.queueable.card-action.topic-ruby .unqueue {
	border-color: rgb(225, 82, 88);
}
.bookmarkable.card-action.topic-ruby .unqueue {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .card-action-trailer .unqueue {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .queueable.card-action .unqueue {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .bookmarkable.card-action .unqueue {
	border-color: rgb(225, 82, 88);
}
.card-action-trailer.topic-business .unqueue {
	border-color: rgb(249, 132, 91);
}
.queueable.card-action.topic-business .unqueue {
	border-color: rgb(249, 132, 91);
}
.bookmarkable.card-action.topic-business .unqueue {
	border-color: rgb(249, 132, 91);
}
.topic-business .card-action-trailer .unqueue {
	border-color: rgb(249, 132, 91);
}
.topic-business .queueable.card-action .unqueue {
	border-color: rgb(249, 132, 91);
}
.topic-business .bookmarkable.card-action .unqueue {
	border-color: rgb(249, 132, 91);
}
.card-action-trailer.topic-wordpress .unqueue {
	border-color: rgb(131, 140, 199);
}
.queueable.card-action.topic-wordpress .unqueue {
	border-color: rgb(131, 140, 199);
}
.bookmarkable.card-action.topic-wordpress .unqueue {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .card-action-trailer .unqueue {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .queueable.card-action .unqueue {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .bookmarkable.card-action .unqueue {
	border-color: rgb(131, 140, 199);
}
.card-action-trailer.topic-php .unqueue {
	border-color: rgb(125, 102, 158);
}
.queueable.card-action.topic-php .unqueue {
	border-color: rgb(125, 102, 158);
}
.bookmarkable.card-action.topic-php .unqueue {
	border-color: rgb(125, 102, 158);
}
.topic-php .card-action-trailer .unqueue {
	border-color: rgb(125, 102, 158);
}
.topic-php .queueable.card-action .unqueue {
	border-color: rgb(125, 102, 158);
}
.topic-php .bookmarkable.card-action .unqueue {
	border-color: rgb(125, 102, 158);
}
.card-action-trailer.topic-ios .unqueue {
	border-color: rgb(83, 187, 180);
}
.queueable.card-action.topic-ios .unqueue {
	border-color: rgb(83, 187, 180);
}
.bookmarkable.card-action.topic-ios .unqueue {
	border-color: rgb(83, 187, 180);
}
.topic-ios .card-action-trailer .unqueue {
	border-color: rgb(83, 187, 180);
}
.topic-ios .queueable.card-action .unqueue {
	border-color: rgb(83, 187, 180);
}
.topic-ios .bookmarkable.card-action .unqueue {
	border-color: rgb(83, 187, 180);
}
.card-action-trailer.topic-android .unqueue {
	border-color: rgb(92, 184, 96);
}
.queueable.card-action.topic-android .unqueue {
	border-color: rgb(92, 184, 96);
}
.bookmarkable.card-action.topic-android .unqueue {
	border-color: rgb(92, 184, 96);
}
.topic-android .card-action-trailer .unqueue {
	border-color: rgb(92, 184, 96);
}
.topic-android .queueable.card-action .unqueue {
	border-color: rgb(92, 184, 96);
}
.topic-android .bookmarkable.card-action .unqueue {
	border-color: rgb(92, 184, 96);
}
.card-action-trailer.topic-design .unqueue {
	border-color: rgb(229, 154, 19);
}
.queueable.card-action.topic-design .unqueue {
	border-color: rgb(229, 154, 19);
}
.bookmarkable.card-action.topic-design .unqueue {
	border-color: rgb(229, 154, 19);
}
.topic-design .card-action-trailer .unqueue {
	border-color: rgb(229, 154, 19);
}
.topic-design .queueable.card-action .unqueue {
	border-color: rgb(229, 154, 19);
}
.topic-design .bookmarkable.card-action .unqueue {
	border-color: rgb(229, 154, 19);
}
.card-action-trailer.topic-development-tools .unqueue {
	border-color: rgb(99, 122, 145);
}
.queueable.card-action.topic-development-tools .unqueue {
	border-color: rgb(99, 122, 145);
}
.bookmarkable.card-action.topic-development-tools .unqueue {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .card-action-trailer .unqueue {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .queueable.card-action .unqueue {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .bookmarkable.card-action .unqueue {
	border-color: rgb(99, 122, 145);
}
.card-action-trailer.topic-python .unqueue {
	border-color: rgb(240, 146, 176);
}
.queueable.card-action.topic-python .unqueue {
	border-color: rgb(240, 146, 176);
}
.bookmarkable.card-action.topic-python .unqueue {
	border-color: rgb(240, 146, 176);
}
.topic-python .card-action-trailer .unqueue {
	border-color: rgb(240, 146, 176);
}
.topic-python .queueable.card-action .unqueue {
	border-color: rgb(240, 146, 176);
}
.topic-python .bookmarkable.card-action .unqueue {
	border-color: rgb(240, 146, 176);
}
.card-action-trailer.topic-digital-literacy .unqueue {
	border-color: rgb(195, 140, 212);
}
.queueable.card-action.topic-digital-literacy .unqueue {
	border-color: rgb(195, 140, 212);
}
.bookmarkable.card-action.topic-digital-literacy .unqueue {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-action-trailer .unqueue {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .queueable.card-action .unqueue {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .bookmarkable.card-action .unqueue {
	border-color: rgb(195, 140, 212);
}
.card-action-trailer.topic-game-development .unqueue {
	border-color: rgb(32, 137, 140);
}
.queueable.card-action.topic-game-development .unqueue {
	border-color: rgb(32, 137, 140);
}
.bookmarkable.card-action.topic-game-development .unqueue {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .card-action-trailer .unqueue {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .queueable.card-action .unqueue {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .bookmarkable.card-action .unqueue {
	border-color: rgb(32, 137, 140);
}
.card-action-trailer.topic-csharp .unqueue {
	border-color: rgb(158, 77, 131);
}
.queueable.card-action.topic-csharp .unqueue {
	border-color: rgb(158, 77, 131);
}
.bookmarkable.card-action.topic-csharp .unqueue {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .card-action-trailer .unqueue {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .queueable.card-action .unqueue {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .bookmarkable.card-action .unqueue {
	border-color: rgb(158, 77, 131);
}
.card-action-trailer.topic-databases .unqueue {
	border-color: rgb(235, 119, 40);
}
.queueable.card-action.topic-databases .unqueue {
	border-color: rgb(235, 119, 40);
}
.bookmarkable.card-action.topic-databases .unqueue {
	border-color: rgb(235, 119, 40);
}
.topic-databases .card-action-trailer .unqueue {
	border-color: rgb(235, 119, 40);
}
.topic-databases .queueable.card-action .unqueue {
	border-color: rgb(235, 119, 40);
}
.topic-databases .bookmarkable.card-action .unqueue {
	border-color: rgb(235, 119, 40);
}
.card-action-trailer.topic-undefined .unqueue {
	border-color: rgb(113, 123, 133);
}
.queueable.card-action.topic-undefined .unqueue {
	border-color: rgb(113, 123, 133);
}
.bookmarkable.card-action.topic-undefined .unqueue {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .card-action-trailer .unqueue {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .queueable.card-action .unqueue {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .bookmarkable.card-action .unqueue {
	border-color: rgb(113, 123, 133);
}
.card-action-trailer .unqueue .add-icon {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.queueable.card-action .unqueue .add-icon {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.bookmarkable.card-action .unqueue .add-icon {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.card-action-trailer.topic-html .unqueue .add-icon {
	fill: #39add1;
}
.queueable.card-action.topic-html .unqueue .add-icon {
	fill: #39add1;
}
.bookmarkable.card-action.topic-html .unqueue .add-icon {
	fill: #39add1;
}
.topic-html .card-action-trailer .unqueue .add-icon {
	fill: #39add1;
}
.topic-html .queueable.card-action .unqueue .add-icon {
	fill: #39add1;
}
.topic-html .bookmarkable.card-action .unqueue .add-icon {
	fill: #39add1;
}
.card-action-trailer.topic-css .unqueue .add-icon {
	fill: #3079ab;
}
.queueable.card-action.topic-css .unqueue .add-icon {
	fill: #3079ab;
}
.bookmarkable.card-action.topic-css .unqueue .add-icon {
	fill: #3079ab;
}
.topic-css .card-action-trailer .unqueue .add-icon {
	fill: #3079ab;
}
.topic-css .queueable.card-action .unqueue .add-icon {
	fill: #3079ab;
}
.topic-css .bookmarkable.card-action .unqueue .add-icon {
	fill: #3079ab;
}
.card-action-trailer.topic-javascript .unqueue .add-icon {
	fill: #c25975;
}
.queueable.card-action.topic-javascript .unqueue .add-icon {
	fill: #c25975;
}
.bookmarkable.card-action.topic-javascript .unqueue .add-icon {
	fill: #c25975;
}
.topic-javascript .card-action-trailer .unqueue .add-icon {
	fill: #c25975;
}
.topic-javascript .queueable.card-action .unqueue .add-icon {
	fill: #c25975;
}
.topic-javascript .bookmarkable.card-action .unqueue .add-icon {
	fill: #c25975;
}
.card-action-trailer.topic-java .unqueue .add-icon {
	fill: #2c9676;
}
.queueable.card-action.topic-java .unqueue .add-icon {
	fill: #2c9676;
}
.bookmarkable.card-action.topic-java .unqueue .add-icon {
	fill: #2c9676;
}
.topic-java .card-action-trailer .unqueue .add-icon {
	fill: #2c9676;
}
.topic-java .queueable.card-action .unqueue .add-icon {
	fill: #2c9676;
}
.topic-java .bookmarkable.card-action .unqueue .add-icon {
	fill: #2c9676;
}
.card-action-trailer.topic-ruby .unqueue .add-icon {
	fill: #e15258;
}
.queueable.card-action.topic-ruby .unqueue .add-icon {
	fill: #e15258;
}
.bookmarkable.card-action.topic-ruby .unqueue .add-icon {
	fill: #e15258;
}
.topic-ruby .card-action-trailer .unqueue .add-icon {
	fill: #e15258;
}
.topic-ruby .queueable.card-action .unqueue .add-icon {
	fill: #e15258;
}
.topic-ruby .bookmarkable.card-action .unqueue .add-icon {
	fill: #e15258;
}
.card-action-trailer.topic-business .unqueue .add-icon {
	fill: #f9845b;
}
.queueable.card-action.topic-business .unqueue .add-icon {
	fill: #f9845b;
}
.bookmarkable.card-action.topic-business .unqueue .add-icon {
	fill: #f9845b;
}
.topic-business .card-action-trailer .unqueue .add-icon {
	fill: #f9845b;
}
.topic-business .queueable.card-action .unqueue .add-icon {
	fill: #f9845b;
}
.topic-business .bookmarkable.card-action .unqueue .add-icon {
	fill: #f9845b;
}
.card-action-trailer.topic-wordpress .unqueue .add-icon {
	fill: #838cc7;
}
.queueable.card-action.topic-wordpress .unqueue .add-icon {
	fill: #838cc7;
}
.bookmarkable.card-action.topic-wordpress .unqueue .add-icon {
	fill: #838cc7;
}
.topic-wordpress .card-action-trailer .unqueue .add-icon {
	fill: #838cc7;
}
.topic-wordpress .queueable.card-action .unqueue .add-icon {
	fill: #838cc7;
}
.topic-wordpress .bookmarkable.card-action .unqueue .add-icon {
	fill: #838cc7;
}
.card-action-trailer.topic-php .unqueue .add-icon {
	fill: #7d669e;
}
.queueable.card-action.topic-php .unqueue .add-icon {
	fill: #7d669e;
}
.bookmarkable.card-action.topic-php .unqueue .add-icon {
	fill: #7d669e;
}
.topic-php .card-action-trailer .unqueue .add-icon {
	fill: #7d669e;
}
.topic-php .queueable.card-action .unqueue .add-icon {
	fill: #7d669e;
}
.topic-php .bookmarkable.card-action .unqueue .add-icon {
	fill: #7d669e;
}
.card-action-trailer.topic-ios .unqueue .add-icon {
	fill: #53bbb4;
}
.queueable.card-action.topic-ios .unqueue .add-icon {
	fill: #53bbb4;
}
.bookmarkable.card-action.topic-ios .unqueue .add-icon {
	fill: #53bbb4;
}
.topic-ios .card-action-trailer .unqueue .add-icon {
	fill: #53bbb4;
}
.topic-ios .queueable.card-action .unqueue .add-icon {
	fill: #53bbb4;
}
.topic-ios .bookmarkable.card-action .unqueue .add-icon {
	fill: #53bbb4;
}
.card-action-trailer.topic-android .unqueue .add-icon {
	fill: #5cb860;
}
.queueable.card-action.topic-android .unqueue .add-icon {
	fill: #5cb860;
}
.bookmarkable.card-action.topic-android .unqueue .add-icon {
	fill: #5cb860;
}
.topic-android .card-action-trailer .unqueue .add-icon {
	fill: #5cb860;
}
.topic-android .queueable.card-action .unqueue .add-icon {
	fill: #5cb860;
}
.topic-android .bookmarkable.card-action .unqueue .add-icon {
	fill: #5cb860;
}
.card-action-trailer.topic-design .unqueue .add-icon {
	fill: #e59a13;
}
.queueable.card-action.topic-design .unqueue .add-icon {
	fill: #e59a13;
}
.bookmarkable.card-action.topic-design .unqueue .add-icon {
	fill: #e59a13;
}
.topic-design .card-action-trailer .unqueue .add-icon {
	fill: #e59a13;
}
.topic-design .queueable.card-action .unqueue .add-icon {
	fill: #e59a13;
}
.topic-design .bookmarkable.card-action .unqueue .add-icon {
	fill: #e59a13;
}
.card-action-trailer.topic-development-tools .unqueue .add-icon {
	fill: #637a91;
}
.queueable.card-action.topic-development-tools .unqueue .add-icon {
	fill: #637a91;
}
.bookmarkable.card-action.topic-development-tools .unqueue .add-icon {
	fill: #637a91;
}
.topic-development-tools .card-action-trailer .unqueue .add-icon {
	fill: #637a91;
}
.topic-development-tools .queueable.card-action .unqueue .add-icon {
	fill: #637a91;
}
.topic-development-tools .bookmarkable.card-action .unqueue .add-icon {
	fill: #637a91;
}
.card-action-trailer.topic-python .unqueue .add-icon {
	fill: #f092b0;
}
.queueable.card-action.topic-python .unqueue .add-icon {
	fill: #f092b0;
}
.bookmarkable.card-action.topic-python .unqueue .add-icon {
	fill: #f092b0;
}
.topic-python .card-action-trailer .unqueue .add-icon {
	fill: #f092b0;
}
.topic-python .queueable.card-action .unqueue .add-icon {
	fill: #f092b0;
}
.topic-python .bookmarkable.card-action .unqueue .add-icon {
	fill: #f092b0;
}
.card-action-trailer.topic-digital-literacy .unqueue .add-icon {
	fill: #c38cd4;
}
.queueable.card-action.topic-digital-literacy .unqueue .add-icon {
	fill: #c38cd4;
}
.bookmarkable.card-action.topic-digital-literacy .unqueue .add-icon {
	fill: #c38cd4;
}
.topic-digital-literacy .card-action-trailer .unqueue .add-icon {
	fill: #c38cd4;
}
.topic-digital-literacy .queueable.card-action .unqueue .add-icon {
	fill: #c38cd4;
}
.topic-digital-literacy .bookmarkable.card-action .unqueue .add-icon {
	fill: #c38cd4;
}
.card-action-trailer.topic-game-development .unqueue .add-icon {
	fill: #20898c;
}
.queueable.card-action.topic-game-development .unqueue .add-icon {
	fill: #20898c;
}
.bookmarkable.card-action.topic-game-development .unqueue .add-icon {
	fill: #20898c;
}
.topic-game-development .card-action-trailer .unqueue .add-icon {
	fill: #20898c;
}
.topic-game-development .queueable.card-action .unqueue .add-icon {
	fill: #20898c;
}
.topic-game-development .bookmarkable.card-action .unqueue .add-icon {
	fill: #20898c;
}
.card-action-trailer.topic-csharp .unqueue .add-icon {
	fill: #9e4d83;
}
.queueable.card-action.topic-csharp .unqueue .add-icon {
	fill: #9e4d83;
}
.bookmarkable.card-action.topic-csharp .unqueue .add-icon {
	fill: #9e4d83;
}
.topic-csharp .card-action-trailer .unqueue .add-icon {
	fill: #9e4d83;
}
.topic-csharp .queueable.card-action .unqueue .add-icon {
	fill: #9e4d83;
}
.topic-csharp .bookmarkable.card-action .unqueue .add-icon {
	fill: #9e4d83;
}
.card-action-trailer.topic-databases .unqueue .add-icon {
	fill: #eb7728;
}
.queueable.card-action.topic-databases .unqueue .add-icon {
	fill: #eb7728;
}
.bookmarkable.card-action.topic-databases .unqueue .add-icon {
	fill: #eb7728;
}
.topic-databases .card-action-trailer .unqueue .add-icon {
	fill: #eb7728;
}
.topic-databases .queueable.card-action .unqueue .add-icon {
	fill: #eb7728;
}
.topic-databases .bookmarkable.card-action .unqueue .add-icon {
	fill: #eb7728;
}
.card-action-trailer.topic-undefined .unqueue .add-icon {
	fill: #717b85;
}
.queueable.card-action.topic-undefined .unqueue .add-icon {
	fill: #717b85;
}
.bookmarkable.card-action.topic-undefined .unqueue .add-icon {
	fill: #717b85;
}
.topic-undefined .card-action-trailer .unqueue .add-icon {
	fill: #717b85;
}
.topic-undefined .queueable.card-action .unqueue .add-icon {
	fill: #717b85;
}
.topic-undefined .bookmarkable.card-action .unqueue .add-icon {
	fill: #717b85;
}
.card-action-trailer .add-icon {
	top: 1px; position: relative;
}
.queueable.card-action .add-icon {
	top: 1px; position: relative;
}
.bookmarkable.card-action .add-icon {
	top: 1px; position: relative;
}
:not(.queued).card-action-trailer .unqueue {
	display: none;
}
:not(.queued).queueable.card-action .unqueue {
	display: none;
}
:not(.queued).bookmarkable.card-action .unqueue {
	display: none;
}
.loading.card-action-trailer a svg {
	display: none;
}
.loading.queueable.card-action a svg {
	display: none;
}
.loading.bookmarkable.card-action a svg {
	display: none;
}
.loading.card-action-trailer a .loading-icon {
	display: inline-block;
}
.loading.queueable.card-action a .loading-icon {
	display: inline-block;
}
.loading.bookmarkable.card-action a .loading-icon {
	display: inline-block;
}
.secondary.card-action {
	margin: 0px 0px 0px 10px; float: right;
}
.card-action-button {
	padding: 0px; border-radius: 50%; border: 2px solid rgb(235, 237, 239); transition:300ms; border-image: none; width: 36px; height: 36px; text-align: center; line-height: 36px; display: inline-block; position: relative; background-color: transparent; -webkit-transition: all 300ms ease;
}
.card-action-info {
	padding: 0px; border-radius: 50%; border: 2px solid rgb(235, 237, 239); transition:300ms; border-image: none; width: 36px; height: 36px; text-align: center; line-height: 36px; display: inline-block; position: relative; background-color: transparent; -webkit-transition: all 300ms ease;
}
.large.card-action-button {
	width: 40px; height: 40px; line-height: 40px;
}
.large.card-action-info {
	width: 40px; height: 40px; line-height: 40px;
}
.card-action-button:hover {
	border-color: rgb(218, 222, 226);
}
.card-action-button:focus {
	border-color: rgb(218, 222, 226);
}
.card-action-info:hover {
	border-color: rgb(218, 222, 226);
}
.card-action-info:focus {
	border-color: rgb(218, 222, 226);
}
.card-action-button:hover svg {
	fill: #c6ccd2;
}
.card-action-button:focus svg {
	fill: #c6ccd2;
}
.card-action-info:hover svg {
	fill: #c6ccd2;
}
.card-action-info:focus svg {
	fill: #c6ccd2;
}
.card-action-button svg {
	position: relative; fill: #d4d9dd; pointer-events: none;
}
.card-action-info svg {
	position: relative; fill: #d4d9dd; pointer-events: none;
}
.card-action-button svg.loading-icon {
	top: 2px; display: none;
}
.card-action-info svg.loading-icon {
	top: 2px; display: none;
}
.card-action-button.loading svg.loading-icon {
	display: inline-block;
}
.card-action-info.loading svg.loading-icon {
	display: inline-block;
}
.card-action-button svg.loading-icon .loading-circle {
	fill: #e2e5e8;
}
.card-action-info svg.loading-icon .loading-circle {
	fill: #e2e5e8;
}
.card-action-button.topic-html svg.loading-icon .loading-quarter-circle {
	fill: #39add1;
}
.card-action-info.topic-html svg.loading-icon .loading-quarter-circle {
	fill: #39add1;
}
.topic-html .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #39add1;
}
.topic-html .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #39add1;
}
.card-action-button.topic-css svg.loading-icon .loading-quarter-circle {
	fill: #3079ab;
}
.card-action-info.topic-css svg.loading-icon .loading-quarter-circle {
	fill: #3079ab;
}
.topic-css .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #3079ab;
}
.topic-css .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #3079ab;
}
.card-action-button.topic-javascript svg.loading-icon .loading-quarter-circle {
	fill: #c25975;
}
.card-action-info.topic-javascript svg.loading-icon .loading-quarter-circle {
	fill: #c25975;
}
.topic-javascript .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #c25975;
}
.topic-javascript .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #c25975;
}
.card-action-button.topic-java svg.loading-icon .loading-quarter-circle {
	fill: #2c9676;
}
.card-action-info.topic-java svg.loading-icon .loading-quarter-circle {
	fill: #2c9676;
}
.topic-java .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #2c9676;
}
.topic-java .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #2c9676;
}
.card-action-button.topic-ruby svg.loading-icon .loading-quarter-circle {
	fill: #e15258;
}
.card-action-info.topic-ruby svg.loading-icon .loading-quarter-circle {
	fill: #e15258;
}
.topic-ruby .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #e15258;
}
.topic-ruby .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #e15258;
}
.card-action-button.topic-business svg.loading-icon .loading-quarter-circle {
	fill: #f9845b;
}
.card-action-info.topic-business svg.loading-icon .loading-quarter-circle {
	fill: #f9845b;
}
.topic-business .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #f9845b;
}
.topic-business .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #f9845b;
}
.card-action-button.topic-wordpress svg.loading-icon .loading-quarter-circle {
	fill: #838cc7;
}
.card-action-info.topic-wordpress svg.loading-icon .loading-quarter-circle {
	fill: #838cc7;
}
.topic-wordpress .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #838cc7;
}
.topic-wordpress .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #838cc7;
}
.card-action-button.topic-php svg.loading-icon .loading-quarter-circle {
	fill: #7d669e;
}
.card-action-info.topic-php svg.loading-icon .loading-quarter-circle {
	fill: #7d669e;
}
.topic-php .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #7d669e;
}
.topic-php .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #7d669e;
}
.card-action-button.topic-ios svg.loading-icon .loading-quarter-circle {
	fill: #53bbb4;
}
.card-action-info.topic-ios svg.loading-icon .loading-quarter-circle {
	fill: #53bbb4;
}
.topic-ios .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #53bbb4;
}
.topic-ios .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #53bbb4;
}
.card-action-button.topic-android svg.loading-icon .loading-quarter-circle {
	fill: #5cb860;
}
.card-action-info.topic-android svg.loading-icon .loading-quarter-circle {
	fill: #5cb860;
}
.topic-android .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #5cb860;
}
.topic-android .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #5cb860;
}
.card-action-button.topic-design svg.loading-icon .loading-quarter-circle {
	fill: #e59a13;
}
.card-action-info.topic-design svg.loading-icon .loading-quarter-circle {
	fill: #e59a13;
}
.topic-design .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #e59a13;
}
.topic-design .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #e59a13;
}
.card-action-button.topic-development-tools svg.loading-icon .loading-quarter-circle {
	fill: #637a91;
}
.card-action-info.topic-development-tools svg.loading-icon .loading-quarter-circle {
	fill: #637a91;
}
.topic-development-tools .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #637a91;
}
.topic-development-tools .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #637a91;
}
.card-action-button.topic-python svg.loading-icon .loading-quarter-circle {
	fill: #f092b0;
}
.card-action-info.topic-python svg.loading-icon .loading-quarter-circle {
	fill: #f092b0;
}
.topic-python .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #f092b0;
}
.topic-python .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #f092b0;
}
.card-action-button.topic-digital-literacy svg.loading-icon .loading-quarter-circle {
	fill: #c38cd4;
}
.card-action-info.topic-digital-literacy svg.loading-icon .loading-quarter-circle {
	fill: #c38cd4;
}
.topic-digital-literacy .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #c38cd4;
}
.topic-digital-literacy .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #c38cd4;
}
.card-action-button.topic-game-development svg.loading-icon .loading-quarter-circle {
	fill: #20898c;
}
.card-action-info.topic-game-development svg.loading-icon .loading-quarter-circle {
	fill: #20898c;
}
.topic-game-development .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #20898c;
}
.topic-game-development .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #20898c;
}
.card-action-button.topic-csharp svg.loading-icon .loading-quarter-circle {
	fill: #9e4d83;
}
.card-action-info.topic-csharp svg.loading-icon .loading-quarter-circle {
	fill: #9e4d83;
}
.topic-csharp .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #9e4d83;
}
.topic-csharp .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #9e4d83;
}
.card-action-button.topic-databases svg.loading-icon .loading-quarter-circle {
	fill: #eb7728;
}
.card-action-info.topic-databases svg.loading-icon .loading-quarter-circle {
	fill: #eb7728;
}
.topic-databases .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #eb7728;
}
.topic-databases .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #eb7728;
}
.card-action-button.topic-undefined svg.loading-icon .loading-quarter-circle {
	fill: #717b85;
}
.card-action-info.topic-undefined svg.loading-icon .loading-quarter-circle {
	fill: #717b85;
}
.topic-undefined .card-action-button svg.loading-icon .loading-quarter-circle {
	fill: #717b85;
}
.topic-undefined .card-action-info svg.loading-icon .loading-quarter-circle {
	fill: #717b85;
}
.card-action-button svg.building-icon {
	left: 7px; top: 7px; position: absolute;
}
.card-action-info svg.building-icon {
	left: 7px; top: 7px; position: absolute;
}
.card-action-button svg.salary-icon {
	top: 3px;
}
.card-action-info svg.salary-icon {
	top: 3px;
}
.card-action-button svg.play-icon {
	left: 2px; width: 12px; height: 14px;
}
.card-action-info svg.play-icon {
	left: 2px; width: 12px; height: 14px;
}
.card-action-button.loading svg.play-icon {
	display: none;
}
.card-action-info.loading svg.play-icon {
	display: none;
}
.topic-html .card-action-button:hover {
	border-color: rgb(57, 173, 209);
}
.topic-html .card-action-button:focus {
	border-color: rgb(57, 173, 209);
}
.topic-css .card-action-button:hover {
	border-color: rgb(48, 121, 171);
}
.topic-css .card-action-button:focus {
	border-color: rgb(48, 121, 171);
}
.topic-javascript .card-action-button:hover {
	border-color: rgb(194, 89, 117);
}
.topic-javascript .card-action-button:focus {
	border-color: rgb(194, 89, 117);
}
.topic-java .card-action-button:hover {
	border-color: rgb(44, 150, 118);
}
.topic-java .card-action-button:focus {
	border-color: rgb(44, 150, 118);
}
.topic-ruby .card-action-button:hover {
	border-color: rgb(225, 82, 88);
}
.topic-ruby .card-action-button:focus {
	border-color: rgb(225, 82, 88);
}
.topic-business .card-action-button:hover {
	border-color: rgb(249, 132, 91);
}
.topic-business .card-action-button:focus {
	border-color: rgb(249, 132, 91);
}
.topic-wordpress .card-action-button:hover {
	border-color: rgb(131, 140, 199);
}
.topic-wordpress .card-action-button:focus {
	border-color: rgb(131, 140, 199);
}
.topic-php .card-action-button:hover {
	border-color: rgb(125, 102, 158);
}
.topic-php .card-action-button:focus {
	border-color: rgb(125, 102, 158);
}
.topic-ios .card-action-button:hover {
	border-color: rgb(83, 187, 180);
}
.topic-ios .card-action-button:focus {
	border-color: rgb(83, 187, 180);
}
.topic-android .card-action-button:hover {
	border-color: rgb(92, 184, 96);
}
.topic-android .card-action-button:focus {
	border-color: rgb(92, 184, 96);
}
.topic-design .card-action-button:hover {
	border-color: rgb(229, 154, 19);
}
.topic-design .card-action-button:focus {
	border-color: rgb(229, 154, 19);
}
.topic-development-tools .card-action-button:hover {
	border-color: rgb(99, 122, 145);
}
.topic-development-tools .card-action-button:focus {
	border-color: rgb(99, 122, 145);
}
.topic-python .card-action-button:hover {
	border-color: rgb(240, 146, 176);
}
.topic-python .card-action-button:focus {
	border-color: rgb(240, 146, 176);
}
.topic-digital-literacy .card-action-button:hover {
	border-color: rgb(195, 140, 212);
}
.topic-digital-literacy .card-action-button:focus {
	border-color: rgb(195, 140, 212);
}
.topic-game-development .card-action-button:hover {
	border-color: rgb(32, 137, 140);
}
.topic-game-development .card-action-button:focus {
	border-color: rgb(32, 137, 140);
}
.topic-csharp .card-action-button:hover {
	border-color: rgb(158, 77, 131);
}
.topic-csharp .card-action-button:focus {
	border-color: rgb(158, 77, 131);
}
.topic-databases .card-action-button:hover {
	border-color: rgb(235, 119, 40);
}
.topic-databases .card-action-button:focus {
	border-color: rgb(235, 119, 40);
}
.topic-undefined .card-action-button:hover {
	border-color: rgb(113, 123, 133);
}
.topic-undefined .card-action-button:focus {
	border-color: rgb(113, 123, 133);
}
.topic-html .card-action-button:hover svg {
	fill: #39add1;
}
.topic-html .card-action-button:focus svg {
	fill: #39add1;
}
.topic-css .card-action-button:hover svg {
	fill: #3079ab;
}
.topic-css .card-action-button:focus svg {
	fill: #3079ab;
}
.topic-javascript .card-action-button:hover svg {
	fill: #c25975;
}
.topic-javascript .card-action-button:focus svg {
	fill: #c25975;
}
.topic-java .card-action-button:hover svg {
	fill: #2c9676;
}
.topic-java .card-action-button:focus svg {
	fill: #2c9676;
}
.topic-ruby .card-action-button:hover svg {
	fill: #e15258;
}
.topic-ruby .card-action-button:focus svg {
	fill: #e15258;
}
.topic-business .card-action-button:hover svg {
	fill: #f9845b;
}
.topic-business .card-action-button:focus svg {
	fill: #f9845b;
}
.topic-wordpress .card-action-button:hover svg {
	fill: #838cc7;
}
.topic-wordpress .card-action-button:focus svg {
	fill: #838cc7;
}
.topic-php .card-action-button:hover svg {
	fill: #7d669e;
}
.topic-php .card-action-button:focus svg {
	fill: #7d669e;
}
.topic-ios .card-action-button:hover svg {
	fill: #53bbb4;
}
.topic-ios .card-action-button:focus svg {
	fill: #53bbb4;
}
.topic-android .card-action-button:hover svg {
	fill: #5cb860;
}
.topic-android .card-action-button:focus svg {
	fill: #5cb860;
}
.topic-design .card-action-button:hover svg {
	fill: #e59a13;
}
.topic-design .card-action-button:focus svg {
	fill: #e59a13;
}
.topic-development-tools .card-action-button:hover svg {
	fill: #637a91;
}
.topic-development-tools .card-action-button:focus svg {
	fill: #637a91;
}
.topic-python .card-action-button:hover svg {
	fill: #f092b0;
}
.topic-python .card-action-button:focus svg {
	fill: #f092b0;
}
.topic-digital-literacy .card-action-button:hover svg {
	fill: #c38cd4;
}
.topic-digital-literacy .card-action-button:focus svg {
	fill: #c38cd4;
}
.topic-game-development .card-action-button:hover svg {
	fill: #20898c;
}
.topic-game-development .card-action-button:focus svg {
	fill: #20898c;
}
.topic-csharp .card-action-button:hover svg {
	fill: #9e4d83;
}
.topic-csharp .card-action-button:focus svg {
	fill: #9e4d83;
}
.topic-databases .card-action-button:hover svg {
	fill: #eb7728;
}
.topic-databases .card-action-button:focus svg {
	fill: #eb7728;
}
.topic-undefined .card-action-button:hover svg {
	fill: #717b85;
}
.topic-undefined .card-action-button:focus svg {
	fill: #717b85;
}
.card-action-trailer::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer::before {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform-origin: center center;
}
.card-action-trailer::after {
	background: rgb(56, 64, 71); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Watch Trailer"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-action-trailer:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg);
}
.card-action-trailer:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.card-action-trailer .tooltip {
	display: none;
}
:first-child.card .card-action-trailer .tooltip {
	animation:floater 1s infinite; width: 230px; margin-left: -115px; display: block; -webkit-animation: floater 1s ease infinite;
}
.card-tooltip {
	background: rgb(56, 64, 71); padding: 15px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: 280px; text-align: center; bottom: 100%; color: rgb(255, 255, 255); visibility: hidden; position: absolute; z-index: 1000; opacity: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.card-tooltip p {
	margin: 0px; color: rgb(151, 163, 166); line-height: 1.6;
}
.card-tooltip p strong {
	color: rgb(255, 255, 255);
}
.card-tooltip::after {
	background: rgb(56, 64, 71); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; top: 100%; width: 10px; height: 10px; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center center;
}
.card-action:hover .card-tooltip {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.card .confirmation-tarp {
	background: rgba(255, 255, 255, 0.97); padding: 60px 30px 0px; border-radius: 0px 0px 4px 4px; animation:fade-in 0.15s ease-in; left: 15px; top: 58px; text-align: center; right: 15px; bottom: 0px; display: none; position: absolute; z-index: 3; -webkit-animation: fade-in 0.15s ease-in;
}
.card .fade-out.confirmation-tarp {
	animation:fade-out 0.3s ease-out forwards; -webkit-animation: fade-out 0.3s ease-out forwards;
}
.card .confirmation-tarp h4 {
	color: rgb(75, 86, 88); line-height: 24px; font-size: 18px; font-weight: 500; margin-bottom: 8px;
}
.card .confirmation-tarp p {
	color: rgb(123, 139, 142); font-size: 14px; margin-bottom: 20px;
}
.card .confirmation-tarp .button {
	margin: 20px 0px 0px; display: block;
}
.card .confirmation-tarp .button .loading-icon {
	margin: 0px auto; width: 18px; height: 18px; display: none; 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 {
	top: 10px; font-size: 14px; font-weight: 500; position: relative;
}
.card.topic-html .confirmation-tarp .view-all {
	color: rgb(57, 173, 209);
}
.topic-html .card .confirmation-tarp .view-all {
	color: rgb(57, 173, 209);
}
.card.topic-css .confirmation-tarp .view-all {
	color: rgb(48, 121, 171);
}
.topic-css .card .confirmation-tarp .view-all {
	color: rgb(48, 121, 171);
}
.card.topic-javascript .confirmation-tarp .view-all {
	color: rgb(194, 89, 117);
}
.topic-javascript .card .confirmation-tarp .view-all {
	color: rgb(194, 89, 117);
}
.card.topic-java .confirmation-tarp .view-all {
	color: rgb(44, 150, 118);
}
.topic-java .card .confirmation-tarp .view-all {
	color: rgb(44, 150, 118);
}
.card.topic-ruby .confirmation-tarp .view-all {
	color: rgb(225, 82, 88);
}
.topic-ruby .card .confirmation-tarp .view-all {
	color: rgb(225, 82, 88);
}
.card.topic-business .confirmation-tarp .view-all {
	color: rgb(249, 132, 91);
}
.topic-business .card .confirmation-tarp .view-all {
	color: rgb(249, 132, 91);
}
.card.topic-wordpress .confirmation-tarp .view-all {
	color: rgb(131, 140, 199);
}
.topic-wordpress .card .confirmation-tarp .view-all {
	color: rgb(131, 140, 199);
}
.card.topic-php .confirmation-tarp .view-all {
	color: rgb(125, 102, 158);
}
.topic-php .card .confirmation-tarp .view-all {
	color: rgb(125, 102, 158);
}
.card.topic-ios .confirmation-tarp .view-all {
	color: rgb(83, 187, 180);
}
.topic-ios .card .confirmation-tarp .view-all {
	color: rgb(83, 187, 180);
}
.card.topic-android .confirmation-tarp .view-all {
	color: rgb(92, 184, 96);
}
.topic-android .card .confirmation-tarp .view-all {
	color: rgb(92, 184, 96);
}
.card.topic-design .confirmation-tarp .view-all {
	color: rgb(229, 154, 19);
}
.topic-design .card .confirmation-tarp .view-all {
	color: rgb(229, 154, 19);
}
.card.topic-development-tools .confirmation-tarp .view-all {
	color: rgb(99, 122, 145);
}
.topic-development-tools .card .confirmation-tarp .view-all {
	color: rgb(99, 122, 145);
}
.card.topic-python .confirmation-tarp .view-all {
	color: rgb(240, 146, 176);
}
.topic-python .card .confirmation-tarp .view-all {
	color: rgb(240, 146, 176);
}
.card.topic-digital-literacy .confirmation-tarp .view-all {
	color: rgb(195, 140, 212);
}
.topic-digital-literacy .card .confirmation-tarp .view-all {
	color: rgb(195, 140, 212);
}
.card.topic-game-development .confirmation-tarp .view-all {
	color: rgb(32, 137, 140);
}
.topic-game-development .card .confirmation-tarp .view-all {
	color: rgb(32, 137, 140);
}
.card.topic-csharp .confirmation-tarp .view-all {
	color: rgb(158, 77, 131);
}
.topic-csharp .card .confirmation-tarp .view-all {
	color: rgb(158, 77, 131);
}
.card.topic-databases .confirmation-tarp .view-all {
	color: rgb(235, 119, 40);
}
.topic-databases .card .confirmation-tarp .view-all {
	color: rgb(235, 119, 40);
}
.card.topic-undefined .confirmation-tarp .view-all {
	color: rgb(113, 123, 133);
}
.topic-undefined .card .confirmation-tarp .view-all {
	color: rgb(113, 123, 133);
}
.card .confirmation-tarp .view-all svg {
	top: 2px; margin-left: 3px; position: relative;
}
.card.topic-html .confirmation-tarp .view-all svg {
	fill: #39add1;
}
.topic-html .card .confirmation-tarp .view-all svg {
	fill: #39add1;
}
.card.topic-css .confirmation-tarp .view-all svg {
	fill: #3079ab;
}
.topic-css .card .confirmation-tarp .view-all svg {
	fill: #3079ab;
}
.card.topic-javascript .confirmation-tarp .view-all svg {
	fill: #c25975;
}
.topic-javascript .card .confirmation-tarp .view-all svg {
	fill: #c25975;
}
.card.topic-java .confirmation-tarp .view-all svg {
	fill: #2c9676;
}
.topic-java .card .confirmation-tarp .view-all svg {
	fill: #2c9676;
}
.card.topic-ruby .confirmation-tarp .view-all svg {
	fill: #e15258;
}
.topic-ruby .card .confirmation-tarp .view-all svg {
	fill: #e15258;
}
.card.topic-business .confirmation-tarp .view-all svg {
	fill: #f9845b;
}
.topic-business .card .confirmation-tarp .view-all svg {
	fill: #f9845b;
}
.card.topic-wordpress .confirmation-tarp .view-all svg {
	fill: #838cc7;
}
.topic-wordpress .card .confirmation-tarp .view-all svg {
	fill: #838cc7;
}
.card.topic-php .confirmation-tarp .view-all svg {
	fill: #7d669e;
}
.topic-php .card .confirmation-tarp .view-all svg {
	fill: #7d669e;
}
.card.topic-ios .confirmation-tarp .view-all svg {
	fill: #53bbb4;
}
.topic-ios .card .confirmation-tarp .view-all svg {
	fill: #53bbb4;
}
.card.topic-android .confirmation-tarp .view-all svg {
	fill: #5cb860;
}
.topic-android .card .confirmation-tarp .view-all svg {
	fill: #5cb860;
}
.card.topic-design .confirmation-tarp .view-all svg {
	fill: #e59a13;
}
.topic-design .card .confirmation-tarp .view-all svg {
	fill: #e59a13;
}
.card.topic-development-tools .confirmation-tarp .view-all svg {
	fill: #637a91;
}
.topic-development-tools .card .confirmation-tarp .view-all svg {
	fill: #637a91;
}
.card.topic-python .confirmation-tarp .view-all svg {
	fill: #f092b0;
}
.topic-python .card .confirmation-tarp .view-all svg {
	fill: #f092b0;
}
.card.topic-digital-literacy .confirmation-tarp .view-all svg {
	fill: #c38cd4;
}
.topic-digital-literacy .card .confirmation-tarp .view-all svg {
	fill: #c38cd4;
}
.card.topic-game-development .confirmation-tarp .view-all svg {
	fill: #20898c;
}
.topic-game-development .card .confirmation-tarp .view-all svg {
	fill: #20898c;
}
.card.topic-csharp .confirmation-tarp .view-all svg {
	fill: #9e4d83;
}
.topic-csharp .card .confirmation-tarp .view-all svg {
	fill: #9e4d83;
}
.card.topic-databases .confirmation-tarp .view-all svg {
	fill: #eb7728;
}
.topic-databases .card .confirmation-tarp .view-all svg {
	fill: #eb7728;
}
.card.topic-undefined .confirmation-tarp .view-all svg {
	fill: #717b85;
}
.topic-undefined .card .confirmation-tarp .view-all svg {
	fill: #717b85;
}
:not([data-location=bookmarks]).card .bookmarkable-tarp .removed-wrapper {
	display: none;
}
[data-location=bookmarks]:not(.bookmarked).personalized.card {
	animation:fall-out 0.3s ease-out; opacity: 0; -webkit-animation: fall-out 0.3s ease-out;
}
#card-trailer-modal {
	margin: 30px auto; padding: 0px; width: 50%; 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%;
}
}
.tag {
	background: none; padding: 0px 12px; border-radius: 100px; border: 2px solid rgba(48, 73, 97, 0.1); transition:border-color 0.15s, background-color 0.15s, color 0.15s; border-image: none; text-align: center; line-height: 32px; font-size: 13px; font-weight: 500; display: inline-block; white-space: nowrap; position: relative; -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.tags > li > a {
	background: none; padding: 0px 12px; border-radius: 100px; border: 2px solid rgba(48, 73, 97, 0.1); transition:border-color 0.15s, background-color 0.15s, color 0.15s; border-image: none; text-align: center; line-height: 32px; font-size: 13px; font-weight: 500; display: inline-block; white-space: nowrap; position: relative; -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.tags > li > span {
	background: none; padding: 0px 12px; border-radius: 100px; border: 2px solid rgba(48, 73, 97, 0.1); transition:border-color 0.15s, background-color 0.15s, color 0.15s; border-image: none; text-align: center; line-height: 32px; font-size: 13px; font-weight: 500; display: inline-block; white-space: nowrap; position: relative; -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
:not(.has-topic-color).tag {
	color: rgb(123, 139, 142);
}
.tags > li > a:not(.has-topic-color) {
	color: rgb(123, 139, 142);
}
.tags > li > span:not(.has-topic-color) {
	color: rgb(123, 139, 142);
}
.tags {
	margin-bottom: -9px; box-sizing: border-box;
}
.tags * {
	box-sizing: border-box;
}
.tags *::before {
	box-sizing: border-box;
}
.tags *::after {
	box-sizing: border-box;
}
.tags > li {
	margin: 0px 7px 9px 0px; display: inline-block;
}
.tags > li.topic-html > a {
	color: rgb(57, 173, 209);
}
.tags > li.topic-html > span {
	color: rgb(57, 173, 209);
}
.tags > li.topic-css > a {
	color: rgb(48, 121, 171);
}
.tags > li.topic-css > span {
	color: rgb(48, 121, 171);
}
.tags > li.topic-javascript > a {
	color: rgb(194, 89, 117);
}
.tags > li.topic-javascript > span {
	color: rgb(194, 89, 117);
}
.tags > li.topic-java > a {
	color: rgb(44, 150, 118);
}
.tags > li.topic-java > span {
	color: rgb(44, 150, 118);
}
.tags > li.topic-ruby > a {
	color: rgb(225, 82, 88);
}
.tags > li.topic-ruby > span {
	color: rgb(225, 82, 88);
}
.tags > li.topic-business > a {
	color: rgb(249, 132, 91);
}
.tags > li.topic-business > span {
	color: rgb(249, 132, 91);
}
.tags > li.topic-wordpress > a {
	color: rgb(131, 140, 199);
}
.tags > li.topic-wordpress > span {
	color: rgb(131, 140, 199);
}
.tags > li.topic-php > a {
	color: rgb(125, 102, 158);
}
.tags > li.topic-php > span {
	color: rgb(125, 102, 158);
}
.tags > li.topic-ios > a {
	color: rgb(83, 187, 180);
}
.tags > li.topic-ios > span {
	color: rgb(83, 187, 180);
}
.tags > li.topic-android > a {
	color: rgb(92, 184, 96);
}
.tags > li.topic-android > span {
	color: rgb(92, 184, 96);
}
.tags > li.topic-design > a {
	color: rgb(229, 154, 19);
}
.tags > li.topic-design > span {
	color: rgb(229, 154, 19);
}
.tags > li.topic-development-tools > a {
	color: rgb(99, 122, 145);
}
.tags > li.topic-development-tools > span {
	color: rgb(99, 122, 145);
}
.tags > li.topic-python > a {
	color: rgb(240, 146, 176);
}
.tags > li.topic-python > span {
	color: rgb(240, 146, 176);
}
.tags > li.topic-digital-literacy > a {
	color: rgb(195, 140, 212);
}
.tags > li.topic-digital-literacy > span {
	color: rgb(195, 140, 212);
}
.tags > li.topic-game-development > a {
	color: rgb(32, 137, 140);
}
.tags > li.topic-game-development > span {
	color: rgb(32, 137, 140);
}
.tags > li.topic-csharp > a {
	color: rgb(158, 77, 131);
}
.tags > li.topic-csharp > span {
	color: rgb(158, 77, 131);
}
.tags > li.topic-databases > a {
	color: rgb(235, 119, 40);
}
.tags > li.topic-databases > span {
	color: rgb(235, 119, 40);
}
.tags > li.topic-undefined > a {
	color: rgb(113, 123, 133);
}
.tags > li.topic-undefined > span {
	color: rgb(113, 123, 133);
}
.tags > li.topic-html > a:hover {
	border-color: rgb(57, 173, 209); color: rgb(57, 173, 209);
}
.tags > li.topic-css > a:hover {
	border-color: rgb(48, 121, 171); color: rgb(48, 121, 171);
}
.tags > li.topic-javascript > a:hover {
	border-color: rgb(194, 89, 117); color: rgb(194, 89, 117);
}
.tags > li.topic-java > a:hover {
	border-color: rgb(44, 150, 118); color: rgb(44, 150, 118);
}
.tags > li.topic-ruby > a:hover {
	border-color: rgb(225, 82, 88); color: rgb(225, 82, 88);
}
.tags > li.topic-business > a:hover {
	border-color: rgb(249, 132, 91); color: rgb(249, 132, 91);
}
.tags > li.topic-wordpress > a:hover {
	border-color: rgb(131, 140, 199); color: rgb(131, 140, 199);
}
.tags > li.topic-php > a:hover {
	border-color: rgb(125, 102, 158); color: rgb(125, 102, 158);
}
.tags > li.topic-ios > a:hover {
	border-color: rgb(83, 187, 180); color: rgb(83, 187, 180);
}
.tags > li.topic-android > a:hover {
	border-color: rgb(92, 184, 96); color: rgb(92, 184, 96);
}
.tags > li.topic-design > a:hover {
	border-color: rgb(229, 154, 19); color: rgb(229, 154, 19);
}
.tags > li.topic-development-tools > a:hover {
	border-color: rgb(99, 122, 145); color: rgb(99, 122, 145);
}
.tags > li.topic-python > a:hover {
	border-color: rgb(240, 146, 176); color: rgb(240, 146, 176);
}
.tags > li.topic-digital-literacy > a:hover {
	border-color: rgb(195, 140, 212); color: rgb(195, 140, 212);
}
.tags > li.topic-game-development > a:hover {
	border-color: rgb(32, 137, 140); color: rgb(32, 137, 140);
}
.tags > li.topic-csharp > a:hover {
	border-color: rgb(158, 77, 131); color: rgb(158, 77, 131);
}
.tags > li.topic-databases > a:hover {
	border-color: rgb(235, 119, 40); color: rgb(235, 119, 40);
}
.tags > li.topic-undefined > a:hover {
	border-color: rgb(113, 123, 133); color: rgb(113, 123, 133);
}
.tags > li > a.hidden {
	display: none;
}
.tags > li > a:hover {
	border-color: rgb(123, 139, 142); color: rgb(87, 99, 102);
}
.tags > li.pro-content a {
	color: rgb(255, 255, 255);
}
.tags > li.hidden {
	display: none;
}
.large.tags > li > a {
	padding: 0px 18px; line-height: 40px; font-size: 16px;
}
.large.tags > li > span {
	padding: 0px 18px; line-height: 40px; font-size: 16px;
}
.form-item {
	margin-bottom: 13px; position: relative;
}
.form-item .input-text {
	margin-bottom: 0px;
}
.form-item label {
	margin: 0px; left: 18px; top: 13px; right: 18px; color: rgb(123, 139, 142); line-height: 1.3; overflow: hidden; font-size: 14px; font-weight: normal; white-space: nowrap; position: absolute; z-index: 5; cursor: text;
}
.form-item-inline.form-item label {
	white-space: normal;
}
.form-item p {
	margin: 5px 0px 0px; color: rgb(123, 139, 142); line-height: 1.4; font-size: 14px;
}
.form-item p label {
	left: 0px; top: 2px; font-size: 14px; position: relative;
}
.form-item p a {
	color: rgb(87, 99, 102); font-weight: 500;
}
.form-item p a:hover {
	text-decoration: underline;
}
.with-label-below.form-item {
	margin-bottom: 0px;
}
.with-label-below.form-item .input-text {
	margin-bottom: 0px;
}
.form-prefill .text {
	padding-left: 147px;
}
.input-text {
	background: rgb(232, 235, 237); margin: 0px; padding: 12px 15px; outline: 0px; border-radius: 5px; border: 2px solid rgb(232, 235, 237); transition:0.2s; border-image: none; width: 100%; color: rgb(87, 99, 102); font-family: "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; box-sizing: border-box; -webkit-transition: 0.2s; -webkit-appearance: none;
}
textarea {
	background: rgb(232, 235, 237); margin: 0px; padding: 12px 15px; outline: 0px; border-radius: 5px; border: 2px solid rgb(232, 235, 237); transition:0.2s; border-image: none; width: 100%; color: rgb(87, 99, 102); font-family: "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; box-sizing: border-box; -webkit-transition: 0.2s; -webkit-appearance: none;
}
:-ms-input-placeholder.input-text {
	color: rgb(123, 139, 142);
}
textarea:-ms-input-placeholder {
	color: rgb(123, 139, 142);
}
.input-text .placeholder {
	color: rgb(123, 139, 142);
}
textarea .placeholder {
	color: rgb(123, 139, 142);
}
.input-text:focus {
	background: rgb(255, 255, 255); border-color: rgb(212, 217, 221);
}
textarea:focus {
	background: rgb(255, 255, 255); border-color: rgb(212, 217, 221);
}
.input-text {
	margin-bottom: 15px;
}
.expanding-input {
	height: 45px; min-height: 0px; resize: none;
}
textarea {
	margin: 0px 0px 15px; padding: 11px 15px; transition:height 0.4s, 0.2s; width: 100%; line-height: 1.5; font-weight: normal; display: block; min-height: 155px; -webkit-transition: height 0.4s, 0.2s;
}
textarea.embed-code {
	font-family: Courier, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.add-field {
	margin: 0px 0px 10px; color: rgb(87, 99, 102); font-size: 14px; font-weight: 500; display: inline-block;
}
.add-field:hover {
	color: rgb(87, 99, 102);
}
.remove-field {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-close-white-a4c3b25f23875ef55eb7c17a415157b0.svg") no-repeat center / 12px 12px rgb(183, 192, 199); border-radius: 3px; top: 10px; width: 24px; right: 10px; bottom: 10px; text-indent: -9999px; overflow: hidden; position: absolute;
}
.remove-field:hover {
	background-color: rgb(237, 90, 90);
}
.form-element {
	background: rgb(232, 235, 237); border-radius: 5px; border: 2px solid rgb(232, 235, 237); border-image: none; color: rgb(87, 99, 102); line-height: 1; font-weight: normal; display: block;
}
.form-element span {
	padding: 14px 50px 13px 13px; overflow: visible; font-size: 14px; font-weight: 500;
}
.form-element select {
	left: 0px; top: 0px; width: 100%;
}
.form-element:active {
	background: rgb(255, 255, 255); border-color: rgb(232, 235, 237);
}
.form-element:focus {
	background: rgb(255, 255, 255); border-color: rgb(232, 235, 237);
}
.active.form-element {
	background: rgb(255, 255, 255); border-color: rgb(232, 235, 237);
}
.focus.form-element {
	background: rgb(255, 255, 255); border-color: rgb(232, 235, 237);
}
.form-element:active::after {
	background-color: rgb(87, 99, 102);
}
.form-element:focus::after {
	background-color: rgb(87, 99, 102);
}
.active.form-element::after {
	background-color: rgb(87, 99, 102);
}
.focus.form-element::after {
	background-color: rgb(87, 99, 102);
}
div.form-element::after {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-select-afa1df242c3103bafba0d77cea36e5d5.svg") no-repeat center rgb(183, 192, 199); border-radius: 3px; top: 3px; width: 30px; right: 3px; bottom: 3px; position: absolute; content: "";
}
.form-element-inline .form-element {
	margin-right: 10px; display: inline-block;
}
.uploader {
	margin-bottom: 15px;
}
.uploader .button {
	margin-right: 10px; margin-bottom: 0px; float: left;
}
.uploader .filename {
	color: rgb(123, 139, 142); line-height: 40px; font-size: 14px; cursor: pointer;
}
div.form-element span {
	cursor: pointer;
}
div.disabled.form-element span {
	color: rgb(187, 187, 187);
}
div.uploader {
	cursor: pointer;
}
.form-element {
	vertical-align: middle; -ms-zoom: 1;
}
.uploader {
	vertical-align: middle; -ms-zoom: 1;
}
.form-element select:focus {
	outline: 0px;
}
.radio input:focus {
	outline: 0px;
}
.checker input:focus {
	outline: 0px;
}
.uploader input:focus {
	outline: 0px;
}
div.form-element {
	overflow: hidden; position: relative;
}
div.form-element span {
	display: block; white-space: nowrap; -ms-text-overflow: ellipsis; min-height: 14px;
}
div.form-element select {
	background: none; border: currentColor; border-image: none; top: 0px; bottom: 0px; position: absolute; z-index: 1; opacity: 0;
}
div.uploader {
	position: relative; cursor: default;
}
div.uploader span.filename {
	display: inline-block; white-space: nowrap; cursor: default; -ms-text-overflow: ellipsis;
}
div.uploader input {
	border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: 1; cursor: pointer; opacity: 0;
}
.message {
	padding: 15px; border-radius: 5px; margin-bottom: 10px;
}
.message p {
	font-size: 14px; margin-bottom: 0px !important;
}
.error.message {
	background: rgb(237, 90, 90);
}
.error.message p {
	color: rgb(255, 255, 255) !important; font-size: 14px !important;
}
.waiting.message {
	text-align: center;
}
.form-item .error-message {
	color: rgb(255, 255, 255) !important;
}
.form-item .error-message a {
	color: rgb(255, 255, 255) !important;
}
.form-item .field_with_errors input {
	border: 1px solid rgb(237, 90, 90); border-image: none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}
.form-item .field_with_warnings.field_with_errors input {
	border-color: rgb(255, 212, 102);
}
.form-item .field_with_warnings.field_with_errors input:focus {
	border-color: rgb(255, 212, 102);
}
.form-item .field_with_warnings.field_with_errors input:active {
	border-color: rgb(255, 212, 102);
}
.form-item .error-message {
	background: rgb(237, 90, 90); margin: 0px; padding: 7px 14px; border-radius: 0px 0px 5px 5px; color: rgb(255, 255, 255) !important; line-height: 1.3; font-size: 14px !important; display: block;
}
.form-item .warning-message.error-message {
	background: rgb(255, 212, 102); color: rgb(128, 92, 0) !important;
}
.form-item input.field_with_errors.email {
	border-color: rgb(237, 90, 90) rgb(237, 90, 90) currentColor; border-radius: 5px 5px 0px 0px !important; border-bottom-width: 0px; border-bottom-style: none; background-color: white;
}
.form-item input.field_with_errors.password {
	border-color: rgb(237, 90, 90) rgb(237, 90, 90) currentColor; border-radius: 5px 5px 0px 0px !important; border-bottom-width: 0px; border-bottom-style: none; background-color: white;
}
.form-item input.field_with_errors.form-element {
	border-color: rgb(237, 90, 90) rgb(237, 90, 90) currentColor; border-radius: 5px 5px 0px 0px !important; border-bottom-width: 0px; border-bottom-style: none; background-color: white;
}
.form-item input.field_with_errors.text {
	border-color: rgb(237, 90, 90) rgb(237, 90, 90) currentColor; border-radius: 5px 5px 0px 0px !important; border-bottom-width: 0px; border-bottom-style: none; background-color: white;
}
.form-item textarea.field_with_errors.form-element {
	border-color: rgb(237, 90, 90) rgb(237, 90, 90) currentColor; border-radius: 5px 5px 0px 0px !important; border-bottom-width: 0px; border-bottom-style: none; background-color: white;
}
.form-item .field_with_errors.form-element {
	border-color: rgb(237, 90, 90) rgb(237, 90, 90) currentColor; border-radius: 5px 5px 0px 0px !important; border-bottom-width: 0px; border-bottom-style: none; background-color: white;
}
.form-item .field_with_errors label {
	
}
.form-item .field_with_errors label span {
	
}
textarea.field_with_errors {
	border-color: rgb(237, 90, 90); background-color: white;
}
.field_with_errors.text {
	border-color: rgb(237, 90, 90); background-color: white;
}
fieldset {
	padding: 0px 0px 5px; margin-bottom: 18px; border-bottom-color: rgb(237, 239, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
fieldset label {
	font-size: 14px; margin-bottom: 10px; display: block;
}
fieldset label input {
	margin: -2px 3px 0px 0px;
}
fieldset p label {
	font-size: 14px;
}
fieldset h4 {
	margin: 0px 0px 10px; font-size: 14px;
}
fieldset .button {
	margin-bottom: 15px;
}
fieldset .grid-25 label {
	margin: 16px 15px 10px 0px; font-size: 14px; font-weight: 500; display: block;
}
fieldset .grid-25 strong {
	margin: 16px 15px 10px 0px; font-size: 14px; font-weight: 500; display: block;
}
fieldset .grid-20 label {
	margin: 16px 15px 10px 0px; font-size: 14px; font-weight: 500; display: block;
}
fieldset .grid-20 strong {
	margin: 16px 15px 10px 0px; font-size: 14px; font-weight: 500; display: block;
}
fieldset .grid-25 strong {
	margin-bottom: 3px;
}
fieldset .grid-20 strong {
	margin-bottom: 3px;
}
fieldset .grid-25 p {
	color: rgb(123, 139, 142); line-height: 1.3; font-size: 12px; margin-bottom: 15px;
}
fieldset .grid-20 p {
	color: rgb(123, 139, 142); line-height: 1.3; font-size: 12px; margin-bottom: 15px;
}
.avatar-upload {
	padding-left: 110px;
}
.avatar-upload .avatar {
	margin: 0px 0px 10px -110px; width: 80px; height: 80px; float: left; background-size: cover;
}
.avatar-upload .avatar img {
	width: 80px;
}
.avatar-upload .uploader {
	margin: 15px 0px 10px; overflow: hidden;
}
.avatar-upload p {
	color: rgb(123, 139, 142); line-height: 1.5; font-size: 14px; margin-bottom: 10px;
}
.avatar-upload a {
	color: rgb(87, 99, 102); font-weight: 500;
}
.avatar-upload a:hover {
	color: rgb(75, 86, 88);
}
.textarea-title textarea.form-element {
	padding: 11px 15px; height: 45px; min-height: 0px; resize: none;
}
.form-footer {
	width: 100%; margin-bottom: -10px; display: inline-block;
}
.form-footer::before {
	display: table; content: " ";
}
.form-footer::after {
	display: table; content: " ";
}
.form-footer::after {
	clear: both;
}
.form-footer .button {
	margin: 0px 10px 10px 0px; float: left;
}
.form-footer .button-right.button {
	float: right;
}
.text-centered.form-footer .button {
	margin-right: 0px; float: none;
}
.form-footer p {
	margin: 0px !important; padding: 13px 0px 0px; color: rgb(123, 139, 142); line-height: 1.4; font-size: 13px; display: inline-block;
}
.form-footer p button {
	padding: 9px 12px; margin-top: -13px;
}
.form-footer .input-checkbox {
	margin-top: -2px;
}
.form-footer label {
	font-size: 14px;
}
@media screen and (max-width:679px)
{
.form-footer {
	margin-bottom: 0px;
}
}
.form-item-inline {
	padding-left: 20px;
}
.form-item-inline .input-checkbox {
	margin: 2px 0px 0px -20px; float: left;
}
.form-item-inline .input-radio {
	margin: 2px 0px 0px -20px; float: left;
}
.form-item-inline label {
	left: 0px; top: 0px; color: rgb(87, 99, 102); font-size: 14px; font-weight: 500; display: inline-block; position: relative;
}
.form-item-inline strong {
	left: 0px; top: 0px; color: rgb(87, 99, 102); font-size: 14px; font-weight: 500; display: inline-block; position: relative;
}
.form-item-inline strong a {
	color: rgb(87, 99, 102);
}
.credit-card-chosen .form-element {
	margin-bottom: 5px;
}
.tooltip {
	background: rgb(45, 51, 57); padding: 15px; border-radius: 5px; width: 200px; text-align: left; color: rgb(255, 255, 255); line-height: 1 !important; display: block; white-space: normal; position: absolute; z-index: 50000; text-shadow: none;
}
.tooltip-right.tooltip {
	top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tooltip-left.tooltip {
	top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tooltip-right.tooltip {
	left: 100%; margin-left: 5px;
}
.tooltip-left.tooltip {
	right: 100%; margin-right: 5px;
}
.tooltip-top.tooltip {
	left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.tooltip-bottom.tooltip {
	left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.tooltip-top.tooltip {
	bottom: 100%;
}
.tooltip-small.tooltip-top.tooltip {
	padding: 10px 10px 5px; width: 70px; text-align: center; margin-left: -45px;
}
.tooltip-bottom.tooltip {
	top: 100%;
}
.tooltip::before {
	background: rgb(45, 51, 57); width: 14px; height: 14px; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.tooltip-top.tooltip::before {
	left: 50%; margin-left: -7px;
}
.tooltip-bottom.tooltip::before {
	left: 50%; margin-left: -7px;
}
.tooltip-top.tooltip::before {
	border-radius: 0px 0px 3px; bottom: -7px;
}
.tooltip-bottom.tooltip::before {
	border-radius: 3px 0px 0px; top: -7px;
}
.tooltip-left.tooltip::before {
	top: 50%; margin-top: -7px;
}
.tooltip-right.tooltip::before {
	top: 50%; margin-top: -7px;
}
.tooltip-left.tooltip::before {
	border-radius: 0px 3px 0px 0px; right: -7px;
}
.tooltip-right.tooltip::before {
	border-radius: 0px 0px 0px 3px; left: -7px;
}
.tooltip strong {
	color: rgb(255, 255, 255) !important; line-height: 1.4; font-size: 14px !important; font-weight: 500; margin-bottom: 5px; display: block;
}
.tooltip p {
	margin: 0px;
}
.tooltip p strong {
	font-size: 13px !important; display: inline;
}
.tooltip p {
	color: rgb(137, 151, 154) !important; line-height: 1.4; font-size: 13px !important; font-weight: normal;
}
.tooltip li {
	color: rgb(137, 151, 154) !important; line-height: 1.4; font-size: 13px !important; font-weight: normal;
}
.tooltip .check-list li {
	padding: 5px 0px 5px 24px; color: rgb(87, 99, 102) !important; line-height: 1.5; font-size: 13px !important; font-weight: normal; float: none;
}
.tooltip .check-list li::before {
	background-position: -169px -61px; margin-top: 4px;
}
.tooltip-light.tooltip {
	background: rgb(255, 255, 255); box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.08), 0px 0px 1px rgba(0,0,0,0.1), 0px 2px 0px rgba(0,0,0,0.08);
}
.tooltip-light.tooltip::before {
	background: rgb(255, 255, 255);
}
.tooltip-light.tooltip strong {
	color: rgb(56, 64, 71) !important;
}
.tooltip-light.tooltip p {
	color: rgb(75, 86, 88);
}
.tooltip-top.tooltip-light.tooltip::before {
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.08);
}
.tooltip-bottom.tooltip-light.tooltip::before {
	box-shadow: -1px -1px 0px rgba(0,0,0,0.05);
}
.tooltip-left.tooltip-light.tooltip::before {
	box-shadow: 1px -1px 0px rgba(0,0,0,0.08);
}
.tooltip-right.tooltip-light.tooltip::before {
	box-shadow: -1px 1px 0px rgba(0,0,0,0.08);
}
.modal {
	left: 0px; top: 0px; right: 0px; position: absolute; z-index: 50000; max-width: 1340px;
}
@media screen and (min-width:960px)
{
.modal {
	padding: 30px;
}
.treehouse-layout .modal {
	left: 70px;
}
}
@media screen and (max-width:959px)
{
.modal {
	padding: 10px 30px;
}
}
.modal .module + .module {
	margin-bottom: 0px;
}
.modal p {
	line-height: 1.4; font-size: 14px; margin-bottom: 20px;
}
.modal .grid-container {
	margin: 0px -15px;
}
.modal .achievement-hero {
	background: rgb(249, 250, 250); padding: 50px 0px; border-radius: 5px 5px 0px 0px; text-align: center; line-height: 1; overflow: hidden; font-size: inherit; border-bottom-color: rgb(237, 239, 240); border-bottom-width: 1px; border-bottom-style: solid; float: none; position: relative; min-height: 150px;
}
@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 .track-complete.achievement-hero {
	background-image: url("https://static.teamtreehouse.com/assets/icons/icon-track-completion-card-ec06a03fd9a012a5ecc7eb564743163b.svg"); background-size: 100%; background-color: rgb(95, 207, 128);
}
.modal .track-complete.achievement-hero p {
	color: rgb(213, 242, 221); font-size: 18px; font-weight: 500;
}
.modal .track-complete.achievement-hero p .points-total {
	color: rgb(255, 255, 255); font-size: 52px; display: block;
}
.modal .achievement-hero .check-complete {
	margin: 10px 0px 15px; width: 20%;
}
.modal .achievement-hero .achievement-badge {
	width: 200px; height: 240px; text-align: center; line-height: 240px; display: inline-block; position: relative;
}
.modal .achievement-hero .achievement-badge img {
	width: 200px;
}
.modal .achievement-hero .achievement-badge .icon-complete {
	top: 35px; right: -20px; position: absolute; z-index: 2;
}
.modal .achievement-hero .achievement-badge .points-earned {
	background: rgb(249, 250, 250); padding: 5px; border-radius: 80px; left: -50px; width: 60px; height: 60px; bottom: 35px; line-height: 57px; position: absolute; z-index: 2; animation-name: fanFair; animation-duration: 13s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-name: fanFair; -webkit-animation-duration: 13s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;
}
.modal .achievement-hero .achievement-badge .points-earned sup {
	margin: 0px 1px 0px -0.25em; font-size: 14px;
}
.modal .achievement-hero .achievement-badge .points-earned h3 {
	font-size: 18px;
}
.modal .achievement-hero .points-earned {
	width: 240px; height: 165px; text-align: center; padding-top: 75px; margin-left: 15px; display: inline-block; position: relative;
}
.modal .achievement-hero .points-earned .icon {
	left: 0px; top: 0px; position: absolute;
}
.modal-active .modal .achievement-hero .points-earned .icon {
	animation-name: spinning; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; -webkit-animation-name: spinning; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1;
}
.modal .achievement-hero .points-earned h3 {
	font-size: 64px; font-weight: 500; display: inline-block;
}
.modal .achievement-hero .points-earned sup {
	margin: 0px 3px 0px -0.65em; color: rgb(123, 139, 142); font-size: 48px; font-weight: 500; display: inline-block;
}
.modal .achievement-hero .points-earned p {
	font-size: 18px; font-weight: 500; margin-bottom: 30px;
}
.modal .achievement-hero .points-earned img {
	width: 150px; margin-bottom: -250px;
}
.modal-active.modal .achievement-hero .points-earned .icon {
	animation-name: spinning; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; -webkit-animation-name: spinning; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1;
}
.modal .modal-callout h2 {
	color: rgb(56, 64, 71); line-height: 34px; font-size: 26px; font-weight: 500; margin-bottom: 8px;
}
.modal .modal-callout p {
	color: rgb(87, 99, 102); line-height: 1.6; font-size: 15px; font-weight: normal;
}
.modal .modal-callout p a {
	color: rgb(75, 86, 88); font-weight: 500;
}
.modal .modal-callout p strong {
	color: rgb(87, 99, 102); font-weight: 500;
}
.modal .achievement-rewards {
	position: relative;
}
.modal .achievement-rewards-callout {
	background: rgb(56, 64, 71); padding: 0px 115px 0px 20px; border-radius: 5px; left: 15px; right: 15px; bottom: 30px; position: absolute; z-index: 1;
}
.modal .achievement-rewards-callout::before {
	display: table; content: " ";
}
.modal .achievement-rewards-callout::after {
	display: table; content: " ";
}
.modal .achievement-rewards-callout::after {
	clear: both;
}
.modal .achievement-rewards-callout .badge-earned {
	padding: 22px 0px 22px 65px;
}
.modal .achievement-rewards-callout .badge-earned img {
	margin: 0px 0px 0px -65px; width: 50px; float: left;
}
.modal .achievement-rewards-callout .badge-earned strong {
	margin: 7px 0px 5px; color: rgb(95, 207, 128); font-size: 14px; font-weight: 500; display: block;
}
.modal .achievement-rewards-callout .badge-earned h3 {
	color: rgb(255, 255, 255); line-height: 1.2; font-size: 18px; font-weight: 500;
}
.modal .achievement-rewards-callout .points-earned {
	margin: 10px -95px 10px 0px; padding: 0px; width: 75px; height: 75px; text-align: center; line-height: 75px; float: right; position: relative;
}
.modal .achievement-rewards-callout .points-earned img {
	margin: 0px; animation:spinning 350ms linear infinite; left: 0px; top: 0px; width: 75px; position: absolute; opacity: 0.2; -webkit-animation: spinning 350ms linear 0s infinite;
}
.modal .achievement-rewards-callout .points-earned strong {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: 500;
}
.modal .achievement-rewards-callout .points-earned sup {
	margin: -10px 1px 0px -3px; color: rgb(75, 86, 88); font-size: 18px; font-weight: 500; display: inline-block;
}
.modal .login-modal form {
	margin-bottom: 0px;
}
.modal .login-modal .contained {
	padding: 30px;
}
.modal .login-modal .contained .secondary-heading {
	padding: 0px;
}
.modal .login-modal fieldset {
	margin: 20px 0px 0px; padding: 0px; border: currentColor; border-image: none;
}
.modal .login-modal .actions {
	padding: 0px;
}
.modal .login-modal fieldset + fieldset {
	margin: 7px 0px 15px;
}
.modal .login-modal p.forgot-password {
	top: 10px; float: right; position: relative;
}
.modal .login-modal p a {
	color: rgb(166, 176, 183); font-size: 13px; float: right;
}
.button.modal-close {
	margin: 0px; position: absolute; z-index: 2;
}
@media screen and (min-width:680px)
{
.button.modal-close {
	top: 15px; right: 15px;
}
}
@media screen and (max-width:679px)
{
.button.modal-close {
	top: 10px; right: 10px;
}
}
.modal-tarp {
	background: rgba(45, 51, 57, 0.7); padding: 30px 15px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 499; transition-duration: 0.2s; -webkit-transition-duration: 0.2s;
}
@media screen and (min-width:960px)
{
.treehouse-layout .modal-tarp {
	left: 70px;
}
}
@media screen and (max-width:959px)
{
.treehouse-layout .modal-tarp {
	left: 0px;
}
}
.desktop-nav-expanded .treehouse-layout .modal-tarp {
	left: 220px;
}
.modal .mixed-box .box-footer .icon {
	margin: 0px 12px 5px 0px; top: 3px; float: left; position: relative;
}
.modal .mixed-box .box-footer p {
	text-align: left; color: rgb(123, 139, 142); line-height: 1.5; font-size: 13px; margin-bottom: 2px;
}
.modal .mixed-box .box-footer p a {
	color: rgb(87, 99, 102); font-weight: 500;
}
.modal .mixed-box .box-footer p strong {
	font-weight: 500;
}
.mejs-container {
	background: rgb(45, 51, 57); clear: both; box-sizing: border-box;
}
.mejs-container * {
	box-sizing: border-box;
}
.mejs-container *::before {
	box-sizing: border-box;
}
.mejs-container *::after {
	box-sizing: border-box;
}
.mejs-container.fixed-controls {
	position: relative;
}
:not(.mejs-container-fullscreen).mejs-container {
	width: auto !important; height: auto !important;
}
:not(.mejs-container-fullscreen):not(.has-stage-progress).mejs-container {
	border-radius: 4px;
}
:not(.has-stage-progress):not(.mejs-container-fullscreen).mejs-container.connect-to-box.fixed-controls {
	border-radius: 4px 4px 0px 0px;
}
.mejs-container * {
	
}
.mejs-container .mejs-mediaelement {
	transition:padding 0.25s; left: 0px; top: 0px; width: auto; height: auto; right: 0px; bottom: 0px; position: relative; -webkit-transition: padding 0.25s ease;
}
.mejs-container.fixed-controls.mejs-container-fullscreen .mejs-mediaelement {
	bottom: 60px; position: absolute;
}
.mejs-container .mejs-mediaelement video {
	margin: 0px auto; width: 100% !important; height: auto !important; display: block; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center;
}
:not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video {
	max-height: 720px; max-width: 1280px;
}
:not(.max-width-reached):not(.mejs-container-fullscreen):not(.fixed-controls).mejs-container .mejs-mediaelement video {
	border-radius: 4px;
}
:not(.mejs-container-fullscreen).mejs-container.fixed-controls.padded-when-max-width-reached.max-width-reached .mejs-mediaelement video {
	border-radius: 4px;
}
.mejs-container.fixed-controls.mejs-container-fullscreen .mejs-mediaelement video {
	left: 0px; top: 0px; height: 100% !important; right: 0px; bottom: 0px; position: absolute;
}
.mejs-container .mejs-overlay {
	height: auto !important; bottom: 0px;
}
.mejs-container .mejs-layers .mejs-poster {
	height: auto !important; bottom: 0px;
}
.mejs-container.mejs-treehouse-is-playing .mejs-overlay {
	display: none;
}
.mejs-container.mejs-treehouse-is-playing .mejs-layers .mejs-poster {
	display: none;
}
.mejs-container.fixed-controls .mejs-overlay {
	border-radius: 4px 4px 0px 0px !important;
}
.mejs-container.fixed-controls .mejs-layers .mejs-poster {
	border-radius: 4px 4px 0px 0px !important;
}
@media screen and (max-width:679px)
{
.mejs-container.fixed-controls .mejs-overlay {
	bottom: 0px;
}
.mejs-container.fixed-controls .mejs-layers .mejs-poster {
	bottom: 0px;
}
}
@media screen and (min-width:680px)
{
.mejs-container.fixed-controls .mejs-overlay {
	bottom: 60px;
}
.mejs-container.fixed-controls .mejs-layers .mejs-poster {
	bottom: 60px;
}
}
.mejs-container .mejs-controls {
	background: rgba(56, 64, 71, 0.98); border-radius: 4px; width: auto; height: 60px; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1), 0px 2px 0px rgba(0,0,0,0.1);
}
.mejs-container.no-controls .mejs-controls {
	display: none !important;
}
@media screen and (max-width:959px) and (min-width:680px)
{
.mejs-container .mejs-controls {
	left: 15px; right: 15px; bottom: 15px;
}
}
@media screen and (min-width:960px)
{
.mejs-container .mejs-controls {
	left: 30px; right: 30px; bottom: 30px;
}
}
@media screen and (max-width:679px)
{
.mejs-container .mejs-controls {
	display: none !important;
}
}
.mejs-container.fixed-controls .mejs-controls {
	background: rgb(56, 64, 71); left: 0px; right: 0px; bottom: 0px; box-shadow: none;
}
:not(.mejs-container-fullscreen).mejs-container.fixed-controls .mejs-controls {
	position: relative;
}
:not(.mejs-container-fullscreen).mejs-container.fixed-controls :not(.connect-to-box).mejs-controls {
	border-radius: 0px 0px 4px 4px;
}
:not(.mejs-container-fullscreen).mejs-container.fixed-controls .connect-to-box.mejs-controls {
	border-radius: 0px;
}
.mejs-container.fixed-controls.mejs-container-fullscreen .mejs-controls {
	border-radius: 0px; position: fixed;
}
.mejs-container .mejs-controls div {
	height: auto;
}
.mejs-container .mejs-controls button {
	border-radius: 0px;
}
.mejs-container .mejs-controls .mejs-playpause-button {
	border-radius: 5px 0px 0px 5px; width: 60px; height: 60px; cursor: pointer;
}
.mejs-container.fixed-controls .mejs-controls .mejs-playpause-button {
	border-radius: 0px;
}
.mejs-container .mejs-controls .mejs-button {
	width: 38px; height: 60px; overflow: visible !important; position: relative;
}
.mejs-container .mejs-controls :last-child.mejs-button {
	margin-right: 10px;
}
.mejs-container .mejs-controls .mejs-button button {
	background: none; margin: 0px; padding: 0px 8px; border: currentColor; border-image: none; width: 100%; height: 100%; overflow: visible; position: relative;
}
.mejs-container .mejs-controls .mejs-button button svg {
	top: 0px; fill: #666f78;
}
.mejs-container .mejs-controls .mejs-button:hover button svg {
	fill: #fff;
}
.mejs-container .mejs-controls .mejs-playpause-button.mejs-button {
	border-radius: 4px 0px 0px 4px; transition:background 0.3s; width: 60px; -webkit-transition: background 0.3s ease;
}
.mejs-container .mejs-controls .mejs-playpause-button.mejs-button svg {
	fill: #fff;
}
.mejs-container .mejs-controls .mejs-playpause-button.mejs-button:hover {
	background: rgb(52, 59, 65);
}
.mejs-container .mejs-controls :not(:hover).mejs-playpause-button.mejs-button svg {
	opacity: 0.85;
}
.mejs-container .mejs-controls .mejs-pause.mejs-button svg.play-icon {
	display: none;
}
.mejs-container .mejs-controls .mejs-play.mejs-button svg.play-icon {
	width: 20px; height: 22px;
}
.mejs-container .mejs-controls .mejs-play.mejs-button svg.pause-icon {
	display: none;
}
.mejs-container.simple-controls .mejs-controls .mejs-rewind-button.mejs-button {
	display: none;
}
.mejs-container .mejs-controls .mejs-rewind-button.mejs-button::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-rewind-button.mejs-button::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-rewind-button.mejs-button::before {
	background: rgb(36, 41, 46); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 11px) rotate(45deg); -webkit-transform: translate(-50%, 11px) rotate(45deg); -webkit-transform-origin: center center;
}
.mejs-container .mejs-controls .mejs-rewind-button.mejs-button::after {
	background: rgb(36, 41, 46); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Rewind Video"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-rewind-button.mejs-button:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, 9px) rotate(45deg); -webkit-transform: translate(-50%, 9px) rotate(45deg);
}
.mejs-container .mejs-controls .mejs-rewind-button.mejs-button:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px);
}
.mejs-container .mejs-controls .mejs-rewind-button.mejs-button button svg {
	top: -2px;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button {
	width: 38px !important;
}
.mejs-container.simple-controls .mejs-controls .mejs-speed-button.mejs-button {
	display: none;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button:hover .mejs-speed-controls {
	visibility: visible; opacity: 1; transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px);
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls {
	background: rgb(36, 41, 46); padding: 10px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: 40px; text-align: center; bottom: 100%; color: rgb(255, 255, 255); visibility: hidden; position: absolute; z-index: 1000; opacity: 0; transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls::after {
	background: rgb(36, 41, 46); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; top: 100%; width: 10px; height: 10px; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center center;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol {
	margin: 0px !important; padding: 0px;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li {
	list-style: none; margin: 0px !important;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed {
	background: rgb(56, 64, 71); width: 20px; height: 20px; font-size: 0px; position: relative; z-index: 2; cursor: pointer;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(46, 154, 78);
}
.topic-html .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(41, 143, 174);
}
.topic-css .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(37, 93, 131);
}
.topic-javascript .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(170, 62, 91);
}
.topic-java .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(32, 111, 87);
}
.topic-ruby .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(217, 39, 46);
}
.topic-business .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(247, 95, 42);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(96, 107, 183);
}
.topic-php .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(100, 81, 128);
}
.topic-ios .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(62, 157, 151);
}
.topic-android .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(68, 157, 72);
}
.topic-design .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(182, 122, 15);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(78, 97, 115);
}
.topic-python .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(234, 101, 144);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(176, 103, 198);
}
.topic-game-development .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(23, 96, 98);
}
.topic-csharp .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(124, 60, 103);
}
.topic-databases .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(205, 94, 19);
}
.topic-undefined .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover {
	background: rgb(90, 98, 105);
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(95, 207, 128);
}
.topic-html .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(57, 173, 209);
}
.topic-css .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(48, 121, 171);
}
.topic-javascript .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(194, 89, 117);
}
.topic-java .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(44, 150, 118);
}
.topic-ruby .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(225, 82, 88);
}
.topic-business .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(249, 132, 91);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(131, 140, 199);
}
.topic-php .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(125, 102, 158);
}
.topic-ios .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(83, 187, 180);
}
.topic-android .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(92, 184, 96);
}
.topic-design .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(229, 154, 19);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(99, 122, 145);
}
.topic-python .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(240, 146, 176);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(195, 140, 212);
}
.topic-game-development .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(32, 137, 140);
}
.topic-csharp .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(158, 77, 131);
}
.topic-databases .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(235, 119, 40);
}
.topic-undefined .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed {
	background: rgb(113, 123, 133);
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li:first-child.mejs-speed {
	border-radius: 4px 4px 0px 0px;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li:last-child.mejs-speed {
	border-radius: 0px 0px 4px 4px;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed:hover .speed-tooltip {
	visibility: visible; opacity: 1; transform: translate(-20px, -50%); -webkit-transform: translate(-20px, -50%);
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed .speed-tooltip {
	background: rgb(36, 41, 46); padding: 10px 15px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; top: 50%; width: auto; text-align: center; right: 100%; color: rgb(255, 255, 255); line-height: 18px; font-size: 14px; font-weight: 500; visibility: hidden; position: absolute; z-index: 1000; opacity: 0; transform: translate(-15px, -50%); -webkit-transform: translate(-15px, -50%); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol li.mejs-speed .speed-tooltip::before {
	background: rgb(36, 41, 46); transform-origin: center center; border-radius: 0px 3px 0px 0px; left: 100%; top: 50%; width: 10px; height: 10px; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center center;
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(95, 207, 128);
}
.mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(95, 207, 128);
}
.topic-html .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(57, 173, 209);
}
.topic-html .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(57, 173, 209);
}
.topic-css .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(48, 121, 171);
}
.topic-css .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(48, 121, 171);
}
.topic-javascript .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(194, 89, 117);
}
.topic-javascript .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(194, 89, 117);
}
.topic-java .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(44, 150, 118);
}
.topic-java .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(44, 150, 118);
}
.topic-ruby .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(225, 82, 88);
}
.topic-ruby .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(225, 82, 88);
}
.topic-business .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(249, 132, 91);
}
.topic-business .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(249, 132, 91);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(131, 140, 199);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(131, 140, 199);
}
.topic-php .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(125, 102, 158);
}
.topic-php .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(125, 102, 158);
}
.topic-ios .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(83, 187, 180);
}
.topic-ios .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(83, 187, 180);
}
.topic-android .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(92, 184, 96);
}
.topic-android .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(92, 184, 96);
}
.topic-design .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(229, 154, 19);
}
.topic-design .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(229, 154, 19);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(99, 122, 145);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(99, 122, 145);
}
.topic-python .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(240, 146, 176);
}
.topic-python .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(240, 146, 176);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(195, 140, 212);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(195, 140, 212);
}
.topic-game-development .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(32, 137, 140);
}
.topic-game-development .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(32, 137, 140);
}
.topic-csharp .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(158, 77, 131);
}
.topic-csharp .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(158, 77, 131);
}
.topic-databases .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(235, 119, 40);
}
.topic-databases .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(235, 119, 40);
}
.topic-undefined .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed {
	background: rgb(113, 123, 133);
}
.topic-undefined .mejs-container .mejs-controls .mejs-speed-button.mejs-button .mejs-speed-controls ol:not(:hover) li.current-speed.mejs-speed ~ .mejs-speed {
	background: rgb(113, 123, 133);
}
.mejs-container .mejs-controls .mejs-captions-button.mejs-button:hover .mejs-captions-selector {
	visibility: visible; opacity: 1; transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px);
}
.mejs-container .mejs-controls .mejs-captions-button.mejs-button .mejs-captions-selector {
	background: rgb(36, 41, 46); padding: 10px 15px; border-radius: 4px; border: currentColor; transition:transform 0.3s, opacity 0.3s; border-image: none; left: 50%; width: 130px; height: auto !important; text-align: center; bottom: 100%; color: rgb(255, 255, 255); overflow: visible; visibility: hidden; position: absolute; z-index: 1000; opacity: 0; transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-captions-button.mejs-button .mejs-captions-selector::after {
	background: rgb(36, 41, 46); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; top: 100%; width: 10px; height: 10px; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center center;
}
.mejs-container .mejs-controls .mejs-captions-button.mejs-button .mejs-captions-selector li {
	margin: 0px; padding: 5px 0px; text-align: left;
}
.mejs-container .mejs-controls .mejs-captions-button.mejs-button .mejs-captions-selector li label {
	font: 500 14px/20px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0px 0px 0px 8px; color: rgb(123, 139, 142); cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.mejs-container .mejs-controls .mejs-captions-button.mejs-button .mejs-captions-selector li label:hover {
	color: rgb(255, 255, 255);
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button button {
	overflow: hidden;
}
.mejs-container .mejs-controls .mejs-unmute.mejs-volume-button.mejs-button button {
	width: 20px;
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button:hover .mejs-volume-slider {
	visibility: visible; opacity: 1; transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px);
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-slider {
	background: rgb(36, 41, 46); padding: 10px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; top: auto; width: 40px; height: 130px; text-align: center; bottom: 100%; color: rgb(255, 255, 255); overflow: visible; display: block !important; visibility: hidden; position: absolute; z-index: 1000; opacity: 0; transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-slider::after {
	background: rgb(36, 41, 46); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; top: 100%; width: 10px; height: 10px; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center center;
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-total {
	border-radius: 3px; left: auto; width: 20px; float: none;
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	border-radius: 3px; left: auto; width: 20px; float: none;
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-total {
	background: rgb(56, 64, 71); left: 10px; top: 10px; height: auto; right: 10px; bottom: 10px; position: absolute;
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(95, 207, 128); border-radius: 3px; top: auto !important; bottom: 10px;
}
.topic-html .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(57, 173, 209);
}
.topic-css .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(48, 121, 171);
}
.topic-javascript .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(194, 89, 117);
}
.topic-java .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(44, 150, 118);
}
.topic-ruby .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(225, 82, 88);
}
.topic-business .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(249, 132, 91);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(131, 140, 199);
}
.topic-php .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(125, 102, 158);
}
.topic-ios .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(83, 187, 180);
}
.topic-android .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(92, 184, 96);
}
.topic-design .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(229, 154, 19);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(99, 122, 145);
}
.topic-python .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(240, 146, 176);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(195, 140, 212);
}
.topic-game-development .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(32, 137, 140);
}
.topic-csharp .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(158, 77, 131);
}
.topic-databases .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(235, 119, 40);
}
.topic-undefined .mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-current {
	background: rgb(113, 123, 133);
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-button .mejs-volume-handle {
	background: none; left: auto; width: 20px;
}
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-button {
	width: 34px;
}
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-button::before {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-button::after {
	transition:transform 0.3s, opacity 0.3s; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-button::before {
	background: rgb(36, 41, 46); transform-origin: center center; border-radius: 0px 0px 3px; left: 50%; width: 10px; height: 10px; bottom: 100%; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, 11px) rotate(45deg); -webkit-transform: translate(-50%, 11px) rotate(45deg); -webkit-transform-origin: center center;
}
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-button::after {
	background: rgb(36, 41, 46); font: 500 14px/22px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px; border-radius: 4px; transition:transform 0.3s, opacity 0.3s; left: 50%; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); white-space: nowrap; visibility: hidden; position: absolute; z-index: 1000; content: "Fullscreen"; font-size-adjust: none; font-stretch: normal; opacity: 0; transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-button:hover::before {
	visibility: visible; opacity: 1; transform: translate(-50%, 9px) rotate(45deg); -webkit-transform: translate(-50%, 9px) rotate(45deg);
}
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-button:hover::after {
	visibility: visible; opacity: 1; transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px);
}
.mejs-container.mejs-container-fullscreen .mejs-controls .mejs-fullscreen-button.mejs-button::after {
	white-space: normal; content: "Exit Fullscreen";
}
.mejs-container.mejs-container-fullscreen .mejs-controls :last-child.mejs-fullscreen-button.mejs-button::after {
	left: 0px;
}
.mejs-container.fixed-controls.mejs-container-fullscreen .mejs-controls :last-child.mejs-fullscreen-button.mejs-button::after {
	left: -20px;
}
.mejs-container .mejs-controls .mejs-workspaces-button.mejs-button {
	margin: 0px 0px 0px 12px; width: auto; border-left-color: rgb(49, 56, 62); border-left-width: 2px; border-left-style: solid;
}
.mejs-container .mejs-controls .mejs-console-button.mejs-button {
	margin: 0px 0px 0px 12px; width: auto; border-left-color: rgb(49, 56, 62); border-left-width: 2px; border-left-style: solid;
}
.mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button {
	margin: 0px 0px 0px 12px; width: auto; border-left-color: rgb(49, 56, 62); border-left-width: 2px; border-left-style: solid;
}
.mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #5fcf80;
}
.mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #5fcf80;
}
.mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #5fcf80;
}
.topic-html .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #39add1;
}
.topic-html .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #39add1;
}
.topic-html .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #39add1;
}
.topic-css .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #3079ab;
}
.topic-css .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #3079ab;
}
.topic-css .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #3079ab;
}
.topic-javascript .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #c25975;
}
.topic-javascript .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #c25975;
}
.topic-javascript .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #c25975;
}
.topic-java .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #2c9676;
}
.topic-java .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #2c9676;
}
.topic-java .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #2c9676;
}
.topic-ruby .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #e15258;
}
.topic-ruby .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #e15258;
}
.topic-ruby .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #e15258;
}
.topic-business .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #f9845b;
}
.topic-business .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #f9845b;
}
.topic-business .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #f9845b;
}
.topic-wordpress .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #838cc7;
}
.topic-wordpress .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #838cc7;
}
.topic-wordpress .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #838cc7;
}
.topic-php .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #7d669e;
}
.topic-php .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #7d669e;
}
.topic-php .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #7d669e;
}
.topic-ios .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #53bbb4;
}
.topic-ios .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #53bbb4;
}
.topic-ios .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #53bbb4;
}
.topic-android .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #5cb860;
}
.topic-android .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #5cb860;
}
.topic-android .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #5cb860;
}
.topic-design .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #e59a13;
}
.topic-design .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #e59a13;
}
.topic-design .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #e59a13;
}
.topic-development-tools .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #637a91;
}
.topic-development-tools .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #637a91;
}
.topic-development-tools .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #637a91;
}
.topic-python .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #f092b0;
}
.topic-python .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #f092b0;
}
.topic-python .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #f092b0;
}
.topic-digital-literacy .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #c38cd4;
}
.topic-digital-literacy .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #c38cd4;
}
.topic-digital-literacy .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #c38cd4;
}
.topic-game-development .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #20898c;
}
.topic-game-development .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #20898c;
}
.topic-game-development .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #20898c;
}
.topic-csharp .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #9e4d83;
}
.topic-csharp .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #9e4d83;
}
.topic-csharp .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #9e4d83;
}
.topic-databases .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #eb7728;
}
.topic-databases .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #eb7728;
}
.topic-databases .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #eb7728;
}
.topic-undefined .mejs-container .mejs-controls :not(:hover).mejs-workspaces-button.mejs-button button svg {
	fill: #717b85;
}
.topic-undefined .mejs-container .mejs-controls :not(:hover).mejs-console-button.mejs-button button svg {
	fill: #717b85;
}
.topic-undefined .mejs-container .mejs-controls :not(:hover).mejs-sql-playground-button.mejs-button button svg {
	fill: #717b85;
}
.mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	padding: 0px 20px; animation:pulsate-opacity-to-65 1.05s linear 8 alternate; width: auto; color: rgb(95, 207, 128); font-size: 14px; -webkit-animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate;
}
.mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	padding: 0px 20px; animation:pulsate-opacity-to-65 1.05s linear 8 alternate; width: auto; color: rgb(95, 207, 128); font-size: 14px; -webkit-animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate;
}
.mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	padding: 0px 20px; animation:pulsate-opacity-to-65 1.05s linear 8 alternate; width: auto; color: rgb(95, 207, 128); font-size: 14px; -webkit-animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate;
}
.mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button.loading {
	animation:loading 2s infinite; -webkit-animation: loading 2s infinite;
}
.mejs-container .mejs-controls .mejs-console-button.mejs-button button.loading {
	animation:loading 2s infinite; -webkit-animation: loading 2s infinite;
}
.mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button.loading {
	animation:loading 2s infinite; -webkit-animation: loading 2s infinite;
}
.topic-html .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(82, 183, 215);
}
.topic-html .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(82, 183, 215);
}
.topic-html .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(82, 183, 215);
}
.topic-css .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(55, 138, 195);
}
.topic-css .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(55, 138, 195);
}
.topic-css .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(55, 138, 195);
}
.topic-javascript .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(202, 111, 136);
}
.topic-javascript .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(202, 111, 136);
}
.topic-javascript .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(202, 111, 136);
}
.topic-java .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(51, 174, 137);
}
.topic-java .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(51, 174, 137);
}
.topic-java .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(51, 174, 137);
}
.topic-ruby .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(230, 108, 113);
}
.topic-ruby .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(230, 108, 113);
}
.topic-ruby .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(230, 108, 113);
}
.topic-business .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(250, 154, 121);
}
.topic-business .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(250, 154, 121);
}
.topic-business .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(250, 154, 121);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(152, 160, 209);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(152, 160, 209);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(152, 160, 209);
}
.topic-php .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(141, 121, 170);
}
.topic-php .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(141, 121, 170);
}
.topic-php .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(141, 121, 170);
}
.topic-ios .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(105, 196, 190);
}
.topic-ios .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(105, 196, 190);
}
.topic-ios .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(105, 196, 190);
}
.topic-android .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(113, 193, 117);
}
.topic-android .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(113, 193, 117);
}
.topic-android .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(113, 193, 117);
}
.topic-design .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(237, 167, 41);
}
.topic-design .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(237, 167, 41);
}
.topic-design .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(237, 167, 41);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(115, 137, 159);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(115, 137, 159);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(115, 137, 159);
}
.topic-python .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(244, 173, 195);
}
.topic-python .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(244, 173, 195);
}
.topic-python .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(244, 173, 195);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(207, 162, 220);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(207, 162, 220);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(207, 162, 220);
}
.topic-game-development .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(38, 161, 165);
}
.topic-game-development .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(38, 161, 165);
}
.topic-game-development .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(38, 161, 165);
}
.topic-csharp .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(175, 91, 147);
}
.topic-csharp .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(175, 91, 147);
}
.topic-csharp .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(175, 91, 147);
}
.topic-databases .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(238, 137, 68);
}
.topic-databases .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(238, 137, 68);
}
.topic-databases .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(238, 137, 68);
}
.topic-undefined .mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button {
	color: rgb(129, 138, 148);
}
.topic-undefined .mejs-container .mejs-controls .mejs-console-button.mejs-button button {
	color: rgb(129, 138, 148);
}
.topic-undefined .mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button {
	color: rgb(129, 138, 148);
}
.mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button svg {
	margin-right: 9px;
}
.mejs-container .mejs-controls .mejs-console-button.mejs-button button svg {
	margin-right: 9px;
}
.mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button svg {
	margin-right: 9px;
}
.mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button:hover {
	color: rgb(255, 255, 255);
}
.mejs-container .mejs-controls .mejs-console-button.mejs-button button:hover {
	color: rgb(255, 255, 255);
}
.mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button:hover {
	color: rgb(255, 255, 255);
}
.mejs-container .mejs-controls .mejs-workspaces-button.mejs-button button:hover svg {
	fill: #fff;
}
.mejs-container .mejs-controls .mejs-console-button.mejs-button button:hover svg {
	fill: #fff;
}
.mejs-container .mejs-controls .mejs-sql-playground-button.mejs-button button:hover svg {
	fill: #fff;
}
.mejs-container .mejs-controls .mejs-time {
	height: 60px; box-sizing: border-box;
}
.mejs-container .mejs-controls .mejs-currenttime-container.mejs-time {
	padding: 0px 0px 0px 15px; width: 64px;
}
.mejs-container .mejs-controls .mejs-duration-container.mejs-time {
	padding: 0px 40px 0px 10px; width: 70px;
}
.mejs-container .mejs-controls .long-duration.mejs-time {
	width: 80px; padding-left: 10px;
}
.mejs-container .mejs-controls .mejs-time .mejs-currenttime {
	font: 13px/60px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; color: rgb(102, 111, 120); font-size-adjust: none; font-stretch: normal;
}
.mejs-container .mejs-controls .mejs-time .mejs-duration {
	font: 13px/60px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; color: rgb(102, 111, 120); font-size-adjust: none; font-stretch: normal;
}
.mejs-container .mejs-controls .mejs-time-rail {
	padding: 23px 0px 0px; height: 100%;
}
.mejs-container .mejs-controls .mejs-time-rail span {
	height: auto;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
	display: none;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
	background: rgb(47, 54, 60); border-radius: 14px; height: 14px;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
	background: rgb(47, 54, 60); border-radius: 14px; height: 14px;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(47, 54, 60); border-radius: 14px; height: 14px;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering {
	background: rgb(47, 54, 60); border-radius: 14px; height: 14px;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(95, 207, 128); border: 3px solid rgb(47, 54, 60); transition:width 0.15s; border-image: none; -webkit-transition: width 0.15s ease;
}
.topic-html .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(57, 173, 209);
}
.topic-css .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(48, 121, 171);
}
.topic-javascript .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(194, 89, 117);
}
.topic-java .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(44, 150, 118);
}
.topic-ruby .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(225, 82, 88);
}
.topic-business .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(249, 132, 91);
}
.topic-wordpress .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(131, 140, 199);
}
.topic-php .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(125, 102, 158);
}
.topic-ios .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(83, 187, 180);
}
.topic-android .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(92, 184, 96);
}
.topic-design .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(229, 154, 19);
}
.topic-development-tools .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(99, 122, 145);
}
.topic-python .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(240, 146, 176);
}
.topic-digital-literacy .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(195, 140, 212);
}
.topic-game-development .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(32, 137, 140);
}
.topic-csharp .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(158, 77, 131);
}
.topic-databases .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(235, 119, 40);
}
.topic-undefined .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgb(113, 123, 133);
}
.mejs-container .mejs-controls .mejs-time-rail:hover .mejs-time-float {
	visibility: visible; opacity: 1; transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px);
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
	background: rgb(36, 41, 46); margin: 0px; padding: 10px 20px; border-radius: 4px; border: currentColor; transition:transform 0.3s, opacity 0.3s; border-image: none; left: 50%; top: auto; width: auto; text-align: center; bottom: 100%; color: rgb(255, 255, 255); visibility: hidden; position: absolute; z-index: 1000; opacity: 0; transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current {
	font: 500 14px/18px "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; width: auto; color: rgb(255, 255, 255); display: inline; position: relative; font-size-adjust: none; font-stretch: normal;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	background: rgb(36, 41, 46); transform-origin: center center; border-radius: 0px 0px 3px; border: currentColor; border-image: none; left: 50%; top: 100%; width: 10px; height: 10px; position: absolute; z-index: 1001; content: ""; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: center center;
}
.mejs-container .mejs-controls .mejs-time-total {
	background: rgb(0, 0, 0); margin: 0px;
}
.mejs-captions-layer {
	left: 0px; right: 0px;
}
@media screen and (max-width:679px)
{
.mejs-captions-layer {
	bottom: 0px;
}
}
@media screen and (min-width:680px)
{
.mejs-captions-layer {
	bottom: 60px;
}
}
.mejs-captions-layer .mejs-captions-position {
	width: auto;
}
@media screen and (min-width:680px)
{
.mejs-captions-layer .mejs-captions-position {
	left: 30px; right: 30px; bottom: 15px;
}
}
@media screen and (max-width:679px)
{
.mejs-captions-layer .mejs-captions-position {
	left: 20px; right: 20px; bottom: 10px;
}
}
.mejs-captions-layer .mejs-captions-text {
	background: rgba(0, 0, 0, 0.85); padding: 10px; border-radius: 4px; border: currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 1.45; display: inline-block; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
}
@media screen and (min-width:960px)
{
.mejs-captions-layer .mejs-captions-text {
	font-size: 18px;
}
}
@media screen and (max-width:959px) and (min-width:680px)
{
.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 {
	left: 0px; top: 0px; width: auto !important; height: auto !important; right: 0px; bottom: 0px;
}
div:not(.mejs-treehouse-is-paused).mejs-container .mejs-overlay {
	background: rgba(0, 0, 0, 0.25); border-radius: 4px;
}
.mejs-overlay:hover .mejs-overlay-button {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-player-4532618970c39a6c31d09b27ad6cf901.svg") no-repeat;
}
.mejs-overlay .mejs-overlay-button {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-player-4532618970c39a6c31d09b27ad6cf901.svg") no-repeat; width: 100px; height: 100px; margin-top: -50px !important;
}
.mejs-overlay .mejs-overlay-loading {
	background: none; margin: -50px 0px 0px -68px; transform-origin: center center; animation:spin 1s linear infinite; width: 100px; height: 100px; -webkit-animation: spin 1s linear infinite; -webkit-transform-origin: center center;
}
.mejs-overlay .mejs-overlay-loading span {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-player-4532618970c39a6c31d09b27ad6cf901.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: rgb(255, 255, 255); padding: 30px 15px; border-radius: 5px; margin-bottom: 30px; position: relative; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
}
.contained::before {
	display: table; content: " ";
}
.contained::after {
	display: table; content: " ";
}
.contained::after {
	clear: both;
}
.secondary.contained {
	padding: 20px;
}
.secondary.contained .disclaimer {
	margin: 0px -20px -20px; padding: 15px 20px 15px 65px;
}
.secondary.contained .disclaimer .icon-info.icon {
	text-indent: -9999px;
}
@media screen and (max-width:679px)
{
.contained {
	padding: 20px 5px;
}
}
span.loading-spinner {
	border-radius: 100px; border: 3px solid rgb(185, 193, 199); animation:spin 1.2s linear infinite; border-image: none; left: 10px; top: 18px; width: 100px; height: 100px; display: none; position: relative; -webkit-animation: spin 1.2s infinite linear;
}
html.loading span.loading-spinner {
	display: inline-block;
}
span.loading-spinner > span {
	border-radius: 100px; border: 3px solid rgb(96, 103, 109); border-image: none; left: -3px; top: -3px; width: 100px; height: 100px; display: inline-block; position: absolute; z-index: 2; clip: rect(0px, 9px, 10px, 0px);
}
span.loading-spinner-large.loading-spinner {
	margin: 0px 0px -45px; border: 15px solid rgb(240, 242, 244); border-image: none; left: 0px; top: 0px; width: 80px; height: 80px; display: inline-block;
}
span.loading-spinner-large.loading-spinner > span {
	border: 15px solid rgb(56, 64, 71); border-image: none; left: -15px; top: -15px; width: 80px; height: 80px; clip: rect(0px, 40px, 40px, 0px);
}
.circle-progress {
	transition:stroke-dashoffset 0.3s ease-in-out; overflow: visible; fill: none; stroke-dasharray: 0; stroke-dashoffset: 0; stroke-width: 2px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -webkit-transition: stroke-dashoffset 0.3s ease-in-out;
}
.ff .circle-progress {
	animation:rotate-90 linear forwards; -webkit-animation: rotate-90 0s 1 linear forwards;
}
.circle-progress-base {
	stroke: #dfe3e4;
}
.circle-progress-base-overlay {
	stroke: #dfe3e4;
}
.circle-progress-bar {
	stroke: #5fcf80;
}
.radial-progress {
	width: 80px; height: 80px; display: inline-block; position: relative;
}
.radial-progress::after {
	border-radius: 50%; border: 6px solid rgb(212, 217, 221); border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.radial-progress .progress {
	margin: auto; left: 0px; top: 0px; height: 1em; text-align: center; right: 0px; bottom: 0px; color: rgb(56, 64, 71); line-height: 1; position: absolute;
}
.unstarted.radial-progress .progress {
	color: rgb(87, 99, 102);
}
.radial-progress svg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; 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; -webkit-transition: stroke-dashoffset 0.5s;
}
html.has-fixed-alert {
	animation:slide-down 500ms ease-in-out 1s forwards; position: relative; -webkit-animation: slide-down 500ms ease-in-out 1s 1 forwards;
}
html.closed-all-fixed-alerts.has-fixed-alert {
	animation:slide-up 400ms forwards; -webkit-animation: slide-up 400ms ease 0s 1 forwards;
}
.alert-banner {
	padding: 15px 44px 15px 15px;
}
:not(.fixed).alert-banner {
	border-radius: 4px; margin-bottom: 30px; position: relative;
}
:not(.fixed).closed.alert-banner {
	display: none;
}
.fixed.alert-banner {
	left: 0px; top: 0px; right: 0px; position: fixed; z-index: 1000; transform: translateY(-100%); -webkit-transform: translatey(-100%);
}
.has-fixed-alert .fixed.alert-banner {
	animation:fixed-alert-slide-in 500ms ease-in-out 1s forwards; -webkit-animation: fixed-alert-slide-in 500ms ease-in-out 1s 1 forwards;
}
.closed.fixed.alert-banner {
	animation:shift-up 400ms forwards; -webkit-animation: shift-up 400ms ease 0s 1 forwards;
}
.slide-in.alert-banner {
	animation:alert-slide-in 2s; -webkit-animation: alert-slide-in 2s ease;
}
@media screen and (max-width:959px)
{
.with-hero .alert-banner {
	margin-top: -20px;
}
}
.alert-banner h6 {
	margin: 0px 0px 15px; color: white;
}
.alert-banner p {
	margin: 0px; color: inherit;
}
@media screen and (max-width:679px)
{
.alert-banner p {
	line-height: 18px; font-size: 13px;
}
}
@media screen and (min-width:680px)
{
.alert-banner p {
	line-height: 20px; font-size: 14px;
}
}
.alert-banner p .icon {
	margin: -5px 10px 0px -3px; position: relative;
}
.alert-banner ul {
	margin-bottom: 10px;
}
.alert-banner ul li {
	margin: 0px 0px 5px 15px; line-height: 1.4em; font-size: 13px; list-style-type: disc;
}
.alert-banner strong {
	font-weight: 500;
}
.alert-banner a:not(.button) {
	transition:color 200ms ease-in-out; color: inherit; font-weight: normal; -webkit-transition: color 200ms ease-in-out;
}
.alert-banner a:not(.button):hover {
	color: white;
}
.with-icon.alert-banner {
	padding-right: 15px; padding-left: 55px;
}
.with-icon.alert-banner p > svg {
	left: 15px; top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translatey(-50%);
}
.alert-banner .close-alert {
	background: none; margin: 0px; padding: 10px; border: currentColor; transition:opacity 0.3s; border-image: none; top: 8px; height: auto; right: 5px; line-height: 14px; vertical-align: middle; position: absolute; cursor: pointer; opacity: 0.6; -webkit-transition: opacity 0.3s ease;
}
.alert-banner .close-alert:hover {
	opacity: 1;
}
.alert-banner .close-icon {
	width: 14px; height: 14px; fill: #fff;
}
.alert-banner button.alert-action {
	margin: 0px; top: 50%; right: 10px; position: absolute; transform: translateY(-50%); -webkit-transform: translatey(-50%);
}
.alert-banner .alert-action.button {
	margin: 0px; top: 50%; right: 10px; position: absolute; transform: translateY(-50%); -webkit-transform: translatey(-50%);
}
.alert-banner button.alert-action + p {
	overflow: hidden; margin-right: 100px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.alert-banner .alert-action.button + p {
	overflow: hidden; margin-right: 100px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.alert-banner button.alert-action + p a {
	text-decoration: none;
}
.alert-banner .alert-action.button + p a {
	text-decoration: none;
}
:not(.icons-only).info.alert-banner {
	background: rgb(198, 204, 210); color: rgb(64, 72, 74);
}
:not(.icons-only).info.alert-banner strong {
	color: rgb(75, 86, 88);
}
:not(.icons-only).info.alert-banner a:not(.button) {
	color: rgb(75, 86, 88);
}
:not(.icons-only).info.alert-banner .close-icon {
	fill: #fff;
}
:not(.icons-only).success.alert-banner {
	background: rgb(95, 207, 128); color: rgb(232, 248, 237); text-shadow: 0px 1px 0px rgba(0,0,0,0.07);
}
:not(.icons-only).success.alert-banner svg {
	fill: #e8f8ed;
}
:not(.icons-only).success.alert-banner strong {
	color: rgb(255, 255, 255);
}
:not(.icons-only).success.alert-banner a:not(.button) {
	color: rgb(255, 255, 255);
}
:not(.icons-only).warning.alert-banner {
	background: rgb(255, 212, 102); color: rgb(179, 128, 0); text-shadow: 0px 1px 0px rgba(255,255,255,0.07);
}
:not(.icons-only).warning.alert-banner svg {
	fill: #b38000;
}
:not(.icons-only).warning.alert-banner strong {
	color: rgb(128, 92, 0);
}
:not(.icons-only).warning.alert-banner a:not(.button) {
	color: rgb(128, 92, 0);
}
:not(.icons-only).warning.alert-banner .cta {
	font-weight: 500; border-bottom-color: rgb(230, 165, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
:not(.icons-only).warning.alert-banner .close-icon {
	fill: #b28000;
}
:not(.icons-only).warning.alert-banner button {
	border-color: rgb(204, 147, 0); color: rgb(204, 147, 0);
}
:not(.icons-only).warning.alert-banner .button {
	border-color: rgb(204, 147, 0); color: rgb(204, 147, 0);
}
:not(.icons-only).warning.alert-banner button:hover {
	border-color: rgb(179, 128, 0); color: rgb(179, 128, 0);
}
:not(.icons-only).warning.alert-banner .button:hover {
	border-color: rgb(179, 128, 0); color: rgb(179, 128, 0);
}
:not(.icons-only).error.alert-banner {
	background: rgb(237, 90, 90); color: rgb(250, 205, 205); text-shadow: 0px 1px 0px rgba(0,0,0,0.07);
}
:not(.icons-only).error.alert-banner svg {
	fill: #facdcd;
}
:not(.icons-only).error.alert-banner strong {
	color: rgb(255, 255, 255);
}
:not(.icons-only).error.alert-banner a:not(.button) {
	color: rgb(255, 255, 255);
}
:not(.icons-only).error.alert-banner .cta {
	font-weight: 500; border-bottom-color: rgb(226, 25, 25); border-bottom-width: 1px; border-bottom-style: solid;
}
.alert .icon {
	margin-right: 15px; float: left;
}
.global-message {
	margin: 20px 0px; padding: 20px; border-radius: 4px; color: rgb(255, 255, 255); line-height: 1.4; font-size: 14px; position: relative;
}
.global-message strong {
	font-weight: bold; margin-right: 3px; display: inline-block;
}
.global-message p {
	margin: 0px !important; display: inline-block;
}
.global-message a {
	padding: 7px; border-radius: 4px; margin-top: -4px; float: right;
}
.global-message a .icon {
	float: left;
}
.success.global-message {
	background: rgb(95, 207, 128);
}
.success.global-message p {
	color: rgb(213, 242, 221);
}
.success.global-message a {
	background-color: rgb(64, 198, 103);
}
.success.global-message strong {
	color: rgb(255, 255, 255);
}
.error.global-message {
	background: rgb(237, 90, 90);
}
.error.global-message p {
	color: rgb(252, 228, 228);
}
.error.global-message a {
	background-color: rgb(233, 53, 53);
}
.error.global-message a.cta {
	color: rgb(255, 255, 255); text-decoration: underline; float: none; background-color: rgb(237, 90, 90);
}
@media screen and (max-width:679px)
{
.global-message a {
	top: 10px; right: 10px; margin-top: 0px; float: none; position: absolute;
}
}
.add-html-fill {
	fill: #39add1;
}
.add-html-fill-before::before {
	fill: #39add1;
}
.add-html-fill-after::after {
	fill: #39add1;
}
.add-html-fill-on-hover:hover {
	fill: #39add1;
}
.add-html-fill-to-child-on-hover:hover .add-html-fill-on-parent-hover {
	fill: #39add1;
}
.add-html-fill-light {
	fill: #4eb6d6;
}
.add-html-fill-light-before::before {
	fill: #4eb6d6;
}
.add-html-fill-light-after::after {
	fill: #4eb6d6;
}
.add-html-fill-light-on-hover:hover {
	fill: #4eb6d6;
}
.add-html-fill-light-to-child-on-hover:hover .add-html-fill-light-on-parent-hover {
	fill: #4eb6d6;
}
.add-html-fill-lighter {
	fill: #62bedb;
}
.add-html-fill-lighter-before::before {
	fill: #62bedb;
}
.add-html-fill-lighter-after::after {
	fill: #62bedb;
}
.add-html-fill-lighter-on-hover:hover {
	fill: #62bedb;
}
.add-html-fill-lighter-to-child-on-hover:hover .add-html-fill-lighter-on-parent-hover {
	fill: #62bedb;
}
.add-html-fill-lightest {
	fill: #8ccfe4;
}
.add-html-fill-lightest-before::before {
	fill: #8ccfe4;
}
.add-html-fill-lightest-after::after {
	fill: #8ccfe4;
}
.add-html-fill-lightest-on-hover:hover {
	fill: #8ccfe4;
}
.add-html-fill-lightest-to-child-on-hover:hover .add-html-fill-lightest-on-parent-hover {
	fill: #8ccfe4;
}
.add-html-fill-dark {
	fill: #2da0c3;
}
.add-html-fill-dark-before::before {
	fill: #2da0c3;
}
.add-html-fill-dark-after::after {
	fill: #2da0c3;
}
.add-html-fill-dark-on-hover:hover {
	fill: #2da0c3;
}
.add-html-fill-dark-to-child-on-hover:hover .add-html-fill-dark-on-parent-hover {
	fill: #2da0c3;
}
.add-html-fill-darker {
	fill: #298fae;
}
.add-html-fill-darker-before::before {
	fill: #298fae;
}
.add-html-fill-darker-after::after {
	fill: #298fae;
}
.add-html-fill-darker-on-hover:hover {
	fill: #298fae;
}
.add-html-fill-darker-to-child-on-hover:hover .add-html-fill-darker-on-parent-hover {
	fill: #298fae;
}
.add-html-fill-darkest {
	fill: #1f6d85;
}
.add-html-fill-darkest-before::before {
	fill: #1f6d85;
}
.add-html-fill-darkest-after::after {
	fill: #1f6d85;
}
.add-html-fill-darkest-on-hover:hover {
	fill: #1f6d85;
}
.add-html-fill-darkest-to-child-on-hover:hover .add-html-fill-darkest-on-parent-hover {
	fill: #1f6d85;
}
.add-html-stroke {
	stroke: #39add1;
}
.add-html-stroke-before::before {
	stroke: #39add1;
}
.add-html-stroke-after::after {
	stroke: #39add1;
}
.add-html-stroke-on-hover:hover {
	stroke: #39add1;
}
.add-html-stroke-to-child-on-hover:hover .add-html-stroke-on-parent-hover {
	stroke: #39add1;
}
.add-html-stroke-light {
	stroke: #4eb6d6;
}
.add-html-stroke-light-before::before {
	stroke: #4eb6d6;
}
.add-html-stroke-light-after::after {
	stroke: #4eb6d6;
}
.add-html-stroke-light-on-hover:hover {
	stroke: #4eb6d6;
}
.add-html-stroke-light-to-child-on-hover:hover .add-html-stroke-light-on-parent-hover {
	stroke: #4eb6d6;
}
.add-html-stroke-lighter {
	stroke: #62bedb;
}
.add-html-stroke-lighter-before::before {
	stroke: #62bedb;
}
.add-html-stroke-lighter-after::after {
	stroke: #62bedb;
}
.add-html-stroke-lighter-on-hover:hover {
	stroke: #62bedb;
}
.add-html-stroke-lighter-to-child-on-hover:hover .add-html-stroke-lighter-on-parent-hover {
	stroke: #62bedb;
}
.add-html-stroke-lightest {
	stroke: #8ccfe4;
}
.add-html-stroke-lightest-before::before {
	stroke: #8ccfe4;
}
.add-html-stroke-lightest-after::after {
	stroke: #8ccfe4;
}
.add-html-stroke-lightest-on-hover:hover {
	stroke: #8ccfe4;
}
.add-html-stroke-lightest-to-child-on-hover:hover .add-html-stroke-lightest-on-parent-hover {
	stroke: #8ccfe4;
}
.add-html-stroke-dark {
	stroke: #2da0c3;
}
.add-html-stroke-dark-before::before {
	stroke: #2da0c3;
}
.add-html-stroke-dark-after::after {
	stroke: #2da0c3;
}
.add-html-stroke-dark-on-hover:hover {
	stroke: #2da0c3;
}
.add-html-stroke-dark-to-child-on-hover:hover .add-html-stroke-dark-on-parent-hover {
	stroke: #2da0c3;
}
.add-html-stroke-darker {
	stroke: #298fae;
}
.add-html-stroke-darker-before::before {
	stroke: #298fae;
}
.add-html-stroke-darker-after::after {
	stroke: #298fae;
}
.add-html-stroke-darker-on-hover:hover {
	stroke: #298fae;
}
.add-html-stroke-darker-to-child-on-hover:hover .add-html-stroke-darker-on-parent-hover {
	stroke: #298fae;
}
.add-html-stroke-darkest {
	stroke: #1f6d85;
}
.add-html-stroke-darkest-before::before {
	stroke: #1f6d85;
}
.add-html-stroke-darkest-after::after {
	stroke: #1f6d85;
}
.add-html-stroke-darkest-on-hover:hover {
	stroke: #1f6d85;
}
.add-html-stroke-darkest-to-child-on-hover:hover .add-html-stroke-darkest-on-parent-hover {
	stroke: #1f6d85;
}
.add-html-color {
	color: rgb(57, 173, 209);
}
.add-html-color-before::before {
	color: rgb(57, 173, 209);
}
.add-html-color-after::after {
	color: rgb(57, 173, 209);
}
.add-html-color-on-hover:hover {
	color: rgb(57, 173, 209);
}
.add-html-color-to-child-on-hover:hover .add-html-color-on-parent-hover {
	color: rgb(57, 173, 209);
}
.add-html-color-light {
	color: rgb(78, 182, 214);
}
.add-html-color-light-before::before {
	color: rgb(78, 182, 214);
}
.add-html-color-light-after::after {
	color: rgb(78, 182, 214);
}
.add-html-color-light-on-hover:hover {
	color: rgb(78, 182, 214);
}
.add-html-color-light-to-child-on-hover:hover .add-html-color-light-on-parent-hover {
	color: rgb(78, 182, 214);
}
.add-html-color-lighter {
	color: rgb(98, 190, 219);
}
.add-html-color-lighter-before::before {
	color: rgb(98, 190, 219);
}
.add-html-color-lighter-after::after {
	color: rgb(98, 190, 219);
}
.add-html-color-lighter-on-hover:hover {
	color: rgb(98, 190, 219);
}
.add-html-color-lighter-to-child-on-hover:hover .add-html-color-lighter-on-parent-hover {
	color: rgb(98, 190, 219);
}
.add-html-color-lightest {
	color: rgb(140, 207, 228);
}
.add-html-color-lightest-before::before {
	color: rgb(140, 207, 228);
}
.add-html-color-lightest-after::after {
	color: rgb(140, 207, 228);
}
.add-html-color-lightest-on-hover:hover {
	color: rgb(140, 207, 228);
}
.add-html-color-lightest-to-child-on-hover:hover .add-html-color-lightest-on-parent-hover {
	color: rgb(140, 207, 228);
}
.add-html-color-dark {
	color: rgb(45, 160, 195);
}
.add-html-color-dark-before::before {
	color: rgb(45, 160, 195);
}
.add-html-color-dark-after::after {
	color: rgb(45, 160, 195);
}
.add-html-color-dark-on-hover:hover {
	color: rgb(45, 160, 195);
}
.add-html-color-dark-to-child-on-hover:hover .add-html-color-dark-on-parent-hover {
	color: rgb(45, 160, 195);
}
.add-html-color-darker {
	color: rgb(41, 143, 174);
}
.add-html-color-darker-before::before {
	color: rgb(41, 143, 174);
}
.add-html-color-darker-after::after {
	color: rgb(41, 143, 174);
}
.add-html-color-darker-on-hover:hover {
	color: rgb(41, 143, 174);
}
.add-html-color-darker-to-child-on-hover:hover .add-html-color-darker-on-parent-hover {
	color: rgb(41, 143, 174);
}
.add-html-color-darkest {
	color: rgb(31, 109, 133);
}
.add-html-color-darkest-before::before {
	color: rgb(31, 109, 133);
}
.add-html-color-darkest-after::after {
	color: rgb(31, 109, 133);
}
.add-html-color-darkest-on-hover:hover {
	color: rgb(31, 109, 133);
}
.add-html-color-darkest-to-child-on-hover:hover .add-html-color-darkest-on-parent-hover {
	color: rgb(31, 109, 133);
}
.add-html-border-color {
	border-color: rgb(57, 173, 209);
}
.add-html-border-color-before::before {
	border-color: rgb(57, 173, 209);
}
.add-html-border-color-after::after {
	border-color: rgb(57, 173, 209);
}
.add-html-border-color-on-hover:hover {
	border-color: rgb(57, 173, 209);
}
.add-html-border-color-to-child-on-hover:hover .add-html-border-color-on-parent-hover {
	border-color: rgb(57, 173, 209);
}
.add-html-border-color-light {
	border-color: rgb(78, 182, 214);
}
.add-html-border-color-light-before::before {
	border-color: rgb(78, 182, 214);
}
.add-html-border-color-light-after::after {
	border-color: rgb(78, 182, 214);
}
.add-html-border-color-light-on-hover:hover {
	border-color: rgb(78, 182, 214);
}
.add-html-border-color-light-to-child-on-hover:hover .add-html-border-color-light-on-parent-hover {
	border-color: rgb(78, 182, 214);
}
.add-html-border-color-lighter {
	border-color: rgb(98, 190, 219);
}
.add-html-border-color-lighter-before::before {
	border-color: rgb(98, 190, 219);
}
.add-html-border-color-lighter-after::after {
	border-color: rgb(98, 190, 219);
}
.add-html-border-color-lighter-on-hover:hover {
	border-color: rgb(98, 190, 219);
}
.add-html-border-color-lighter-to-child-on-hover:hover .add-html-border-color-lighter-on-parent-hover {
	border-color: rgb(98, 190, 219);
}
.add-html-border-color-lightest {
	border-color: rgb(140, 207, 228);
}
.add-html-border-color-lightest-before::before {
	border-color: rgb(140, 207, 228);
}
.add-html-border-color-lightest-after::after {
	border-color: rgb(140, 207, 228);
}
.add-html-border-color-lightest-on-hover:hover {
	border-color: rgb(140, 207, 228);
}
.add-html-border-color-lightest-to-child-on-hover:hover .add-html-border-color-lightest-on-parent-hover {
	border-color: rgb(140, 207, 228);
}
.add-html-border-color-dark {
	border-color: rgb(45, 160, 195);
}
.add-html-border-color-dark-before::before {
	border-color: rgb(45, 160, 195);
}
.add-html-border-color-dark-after::after {
	border-color: rgb(45, 160, 195);
}
.add-html-border-color-dark-on-hover:hover {
	border-color: rgb(45, 160, 195);
}
.add-html-border-color-dark-to-child-on-hover:hover .add-html-border-color-dark-on-parent-hover {
	border-color: rgb(45, 160, 195);
}
.add-html-border-color-darker {
	border-color: rgb(41, 143, 174);
}
.add-html-border-color-darker-before::before {
	border-color: rgb(41, 143, 174);
}
.add-html-border-color-darker-after::after {
	border-color: rgb(41, 143, 174);
}
.add-html-border-color-darker-on-hover:hover {
	border-color: rgb(41, 143, 174);
}
.add-html-border-color-darker-to-child-on-hover:hover .add-html-border-color-darker-on-parent-hover {
	border-color: rgb(41, 143, 174);
}
.add-html-border-color-darkest {
	border-color: rgb(31, 109, 133);
}
.add-html-border-color-darkest-before::before {
	border-color: rgb(31, 109, 133);
}
.add-html-border-color-darkest-after::after {
	border-color: rgb(31, 109, 133);
}
.add-html-border-color-darkest-on-hover:hover {
	border-color: rgb(31, 109, 133);
}
.add-html-border-color-darkest-to-child-on-hover:hover .add-html-border-color-darkest-on-parent-hover {
	border-color: rgb(31, 109, 133);
}
.add-html-background-color {
	background-color: rgb(57, 173, 209);
}
.add-html-background-color-before::before {
	background-color: rgb(57, 173, 209);
}
.add-html-background-color-after::after {
	background-color: rgb(57, 173, 209);
}
.add-html-background-color-on-hover:hover {
	background-color: rgb(57, 173, 209);
}
.add-html-background-color-to-child-on-hover:hover .add-html-background-color-on-parent-hover {
	background-color: rgb(57, 173, 209);
}
.add-html-background-color-light {
	background-color: rgb(78, 182, 214);
}
.add-html-background-color-light-before::before {
	background-color: rgb(78, 182, 214);
}
.add-html-background-color-light-after::after {
	background-color: rgb(78, 182, 214);
}
.add-html-background-color-light-on-hover:hover {
	background-color: rgb(78, 182, 214);
}
.add-html-background-color-light-to-child-on-hover:hover .add-html-background-color-light-on-parent-hover {
	background-color: rgb(78, 182, 214);
}
.add-html-background-color-lighter {
	background-color: rgb(98, 190, 219);
}
.add-html-background-color-lighter-before::before {
	background-color: rgb(98, 190, 219);
}
.add-html-background-color-lighter-after::after {
	background-color: rgb(98, 190, 219);
}
.add-html-background-color-lighter-on-hover:hover {
	background-color: rgb(98, 190, 219);
}
.add-html-background-color-lighter-to-child-on-hover:hover .add-html-background-color-lighter-on-parent-hover {
	background-color: rgb(98, 190, 219);
}
.add-html-background-color-lightest {
	background-color: rgb(140, 207, 228);
}
.add-html-background-color-lightest-before::before {
	background-color: rgb(140, 207, 228);
}
.add-html-background-color-lightest-after::after {
	background-color: rgb(140, 207, 228);
}
.add-html-background-color-lightest-on-hover:hover {
	background-color: rgb(140, 207, 228);
}
.add-html-background-color-lightest-to-child-on-hover:hover .add-html-background-color-lightest-on-parent-hover {
	background-color: rgb(140, 207, 228);
}
.add-html-background-color-dark {
	background-color: rgb(45, 160, 195);
}
.add-html-background-color-dark-before::before {
	background-color: rgb(45, 160, 195);
}
.add-html-background-color-dark-after::after {
	background-color: rgb(45, 160, 195);
}
.add-html-background-color-dark-on-hover:hover {
	background-color: rgb(45, 160, 195);
}
.add-html-background-color-dark-to-child-on-hover:hover .add-html-background-color-dark-on-parent-hover {
	background-color: rgb(45, 160, 195);
}
.add-html-background-color-darker {
	background-color: rgb(41, 143, 174);
}
.add-html-background-color-darker-before::before {
	background-color: rgb(41, 143, 174);
}
.add-html-background-color-darker-after::after {
	background-color: rgb(41, 143, 174);
}
.add-html-background-color-darker-on-hover:hover {
	background-color: rgb(41, 143, 174);
}
.add-html-background-color-darker-to-child-on-hover:hover .add-html-background-color-darker-on-parent-hover {
	background-color: rgb(41, 143, 174);
}
.add-html-background-color-darkest {
	background-color: rgb(31, 109, 133);
}
.add-html-background-color-darkest-before::before {
	background-color: rgb(31, 109, 133);
}
.add-html-background-color-darkest-after::after {
	background-color: rgb(31, 109, 133);
}
.add-html-background-color-darkest-on-hover:hover {
	background-color: rgb(31, 109, 133);
}
.add-html-background-color-darkest-to-child-on-hover:hover .add-html-background-color-darkest-on-parent-hover {
	background-color: rgb(31, 109, 133);
}
.add-css-fill {
	fill: #3079ab;
}
.add-css-fill-before::before {
	fill: #3079ab;
}
.add-css-fill-after::after {
	fill: #3079ab;
}
.add-css-fill-on-hover:hover {
	fill: #3079ab;
}
.add-css-fill-to-child-on-hover:hover .add-css-fill-on-parent-hover {
	fill: #3079ab;
}
.add-css-fill-light {
	fill: #3687bf;
}
.add-css-fill-light-before::before {
	fill: #3687bf;
}
.add-css-fill-light-after::after {
	fill: #3687bf;
}
.add-css-fill-light-on-hover:hover {
	fill: #3687bf;
}
.add-css-fill-light-to-child-on-hover:hover .add-css-fill-light-on-parent-hover {
	fill: #3687bf;
}
.add-css-fill-lighter {
	fill: #4494ca;
}
.add-css-fill-lighter-before::before {
	fill: #4494ca;
}
.add-css-fill-lighter-after::after {
	fill: #4494ca;
}
.add-css-fill-lighter-on-hover:hover {
	fill: #4494ca;
}
.add-css-fill-lighter-to-child-on-hover:hover .add-css-fill-lighter-on-parent-hover {
	fill: #4494ca;
}
.add-css-fill-lightest {
	fill: #6baad6;
}
.add-css-fill-lightest-before::before {
	fill: #6baad6;
}
.add-css-fill-lightest-after::after {
	fill: #6baad6;
}
.add-css-fill-lightest-on-hover:hover {
	fill: #6baad6;
}
.add-css-fill-lightest-to-child-on-hover:hover .add-css-fill-lightest-on-parent-hover {
	fill: #6baad6;
}
.add-css-fill-dark {
	fill: #2a6b97;
}
.add-css-fill-dark-before::before {
	fill: #2a6b97;
}
.add-css-fill-dark-after::after {
	fill: #2a6b97;
}
.add-css-fill-dark-on-hover:hover {
	fill: #2a6b97;
}
.add-css-fill-dark-to-child-on-hover:hover .add-css-fill-dark-on-parent-hover {
	fill: #2a6b97;
}
.add-css-fill-darker {
	fill: #255d83;
}
.add-css-fill-darker-before::before {
	fill: #255d83;
}
.add-css-fill-darker-after::after {
	fill: #255d83;
}
.add-css-fill-darker-on-hover:hover {
	fill: #255d83;
}
.add-css-fill-darker-to-child-on-hover:hover .add-css-fill-darker-on-parent-hover {
	fill: #255d83;
}
.add-css-fill-darkest {
	fill: #1a415b;
}
.add-css-fill-darkest-before::before {
	fill: #1a415b;
}
.add-css-fill-darkest-after::after {
	fill: #1a415b;
}
.add-css-fill-darkest-on-hover:hover {
	fill: #1a415b;
}
.add-css-fill-darkest-to-child-on-hover:hover .add-css-fill-darkest-on-parent-hover {
	fill: #1a415b;
}
.add-css-stroke {
	stroke: #3079ab;
}
.add-css-stroke-before::before {
	stroke: #3079ab;
}
.add-css-stroke-after::after {
	stroke: #3079ab;
}
.add-css-stroke-on-hover:hover {
	stroke: #3079ab;
}
.add-css-stroke-to-child-on-hover:hover .add-css-stroke-on-parent-hover {
	stroke: #3079ab;
}
.add-css-stroke-light {
	stroke: #3687bf;
}
.add-css-stroke-light-before::before {
	stroke: #3687bf;
}
.add-css-stroke-light-after::after {
	stroke: #3687bf;
}
.add-css-stroke-light-on-hover:hover {
	stroke: #3687bf;
}
.add-css-stroke-light-to-child-on-hover:hover .add-css-stroke-light-on-parent-hover {
	stroke: #3687bf;
}
.add-css-stroke-lighter {
	stroke: #4494ca;
}
.add-css-stroke-lighter-before::before {
	stroke: #4494ca;
}
.add-css-stroke-lighter-after::after {
	stroke: #4494ca;
}
.add-css-stroke-lighter-on-hover:hover {
	stroke: #4494ca;
}
.add-css-stroke-lighter-to-child-on-hover:hover .add-css-stroke-lighter-on-parent-hover {
	stroke: #4494ca;
}
.add-css-stroke-lightest {
	stroke: #6baad6;
}
.add-css-stroke-lightest-before::before {
	stroke: #6baad6;
}
.add-css-stroke-lightest-after::after {
	stroke: #6baad6;
}
.add-css-stroke-lightest-on-hover:hover {
	stroke: #6baad6;
}
.add-css-stroke-lightest-to-child-on-hover:hover .add-css-stroke-lightest-on-parent-hover {
	stroke: #6baad6;
}
.add-css-stroke-dark {
	stroke: #2a6b97;
}
.add-css-stroke-dark-before::before {
	stroke: #2a6b97;
}
.add-css-stroke-dark-after::after {
	stroke: #2a6b97;
}
.add-css-stroke-dark-on-hover:hover {
	stroke: #2a6b97;
}
.add-css-stroke-dark-to-child-on-hover:hover .add-css-stroke-dark-on-parent-hover {
	stroke: #2a6b97;
}
.add-css-stroke-darker {
	stroke: #255d83;
}
.add-css-stroke-darker-before::before {
	stroke: #255d83;
}
.add-css-stroke-darker-after::after {
	stroke: #255d83;
}
.add-css-stroke-darker-on-hover:hover {
	stroke: #255d83;
}
.add-css-stroke-darker-to-child-on-hover:hover .add-css-stroke-darker-on-parent-hover {
	stroke: #255d83;
}
.add-css-stroke-darkest {
	stroke: #1a415b;
}
.add-css-stroke-darkest-before::before {
	stroke: #1a415b;
}
.add-css-stroke-darkest-after::after {
	stroke: #1a415b;
}
.add-css-stroke-darkest-on-hover:hover {
	stroke: #1a415b;
}
.add-css-stroke-darkest-to-child-on-hover:hover .add-css-stroke-darkest-on-parent-hover {
	stroke: #1a415b;
}
.add-css-color {
	color: rgb(48, 121, 171);
}
.add-css-color-before::before {
	color: rgb(48, 121, 171);
}
.add-css-color-after::after {
	color: rgb(48, 121, 171);
}
.add-css-color-on-hover:hover {
	color: rgb(48, 121, 171);
}
.add-css-color-to-child-on-hover:hover .add-css-color-on-parent-hover {
	color: rgb(48, 121, 171);
}
.add-css-color-light {
	color: rgb(54, 135, 191);
}
.add-css-color-light-before::before {
	color: rgb(54, 135, 191);
}
.add-css-color-light-after::after {
	color: rgb(54, 135, 191);
}
.add-css-color-light-on-hover:hover {
	color: rgb(54, 135, 191);
}
.add-css-color-light-to-child-on-hover:hover .add-css-color-light-on-parent-hover {
	color: rgb(54, 135, 191);
}
.add-css-color-lighter {
	color: rgb(68, 148, 202);
}
.add-css-color-lighter-before::before {
	color: rgb(68, 148, 202);
}
.add-css-color-lighter-after::after {
	color: rgb(68, 148, 202);
}
.add-css-color-lighter-on-hover:hover {
	color: rgb(68, 148, 202);
}
.add-css-color-lighter-to-child-on-hover:hover .add-css-color-lighter-on-parent-hover {
	color: rgb(68, 148, 202);
}
.add-css-color-lightest {
	color: rgb(107, 170, 214);
}
.add-css-color-lightest-before::before {
	color: rgb(107, 170, 214);
}
.add-css-color-lightest-after::after {
	color: rgb(107, 170, 214);
}
.add-css-color-lightest-on-hover:hover {
	color: rgb(107, 170, 214);
}
.add-css-color-lightest-to-child-on-hover:hover .add-css-color-lightest-on-parent-hover {
	color: rgb(107, 170, 214);
}
.add-css-color-dark {
	color: rgb(42, 107, 151);
}
.add-css-color-dark-before::before {
	color: rgb(42, 107, 151);
}
.add-css-color-dark-after::after {
	color: rgb(42, 107, 151);
}
.add-css-color-dark-on-hover:hover {
	color: rgb(42, 107, 151);
}
.add-css-color-dark-to-child-on-hover:hover .add-css-color-dark-on-parent-hover {
	color: rgb(42, 107, 151);
}
.add-css-color-darker {
	color: rgb(37, 93, 131);
}
.add-css-color-darker-before::before {
	color: rgb(37, 93, 131);
}
.add-css-color-darker-after::after {
	color: rgb(37, 93, 131);
}
.add-css-color-darker-on-hover:hover {
	color: rgb(37, 93, 131);
}
.add-css-color-darker-to-child-on-hover:hover .add-css-color-darker-on-parent-hover {
	color: rgb(37, 93, 131);
}
.add-css-color-darkest {
	color: rgb(26, 65, 91);
}
.add-css-color-darkest-before::before {
	color: rgb(26, 65, 91);
}
.add-css-color-darkest-after::after {
	color: rgb(26, 65, 91);
}
.add-css-color-darkest-on-hover:hover {
	color: rgb(26, 65, 91);
}
.add-css-color-darkest-to-child-on-hover:hover .add-css-color-darkest-on-parent-hover {
	color: rgb(26, 65, 91);
}
.add-css-border-color {
	border-color: rgb(48, 121, 171);
}
.add-css-border-color-before::before {
	border-color: rgb(48, 121, 171);
}
.add-css-border-color-after::after {
	border-color: rgb(48, 121, 171);
}
.add-css-border-color-on-hover:hover {
	border-color: rgb(48, 121, 171);
}
.add-css-border-color-to-child-on-hover:hover .add-css-border-color-on-parent-hover {
	border-color: rgb(48, 121, 171);
}
.add-css-border-color-light {
	border-color: rgb(54, 135, 191);
}
.add-css-border-color-light-before::before {
	border-color: rgb(54, 135, 191);
}
.add-css-border-color-light-after::after {
	border-color: rgb(54, 135, 191);
}
.add-css-border-color-light-on-hover:hover {
	border-color: rgb(54, 135, 191);
}
.add-css-border-color-light-to-child-on-hover:hover .add-css-border-color-light-on-parent-hover {
	border-color: rgb(54, 135, 191);
}
.add-css-border-color-lighter {
	border-color: rgb(68, 148, 202);
}
.add-css-border-color-lighter-before::before {
	border-color: rgb(68, 148, 202);
}
.add-css-border-color-lighter-after::after {
	border-color: rgb(68, 148, 202);
}
.add-css-border-color-lighter-on-hover:hover {
	border-color: rgb(68, 148, 202);
}
.add-css-border-color-lighter-to-child-on-hover:hover .add-css-border-color-lighter-on-parent-hover {
	border-color: rgb(68, 148, 202);
}
.add-css-border-color-lightest {
	border-color: rgb(107, 170, 214);
}
.add-css-border-color-lightest-before::before {
	border-color: rgb(107, 170, 214);
}
.add-css-border-color-lightest-after::after {
	border-color: rgb(107, 170, 214);
}
.add-css-border-color-lightest-on-hover:hover {
	border-color: rgb(107, 170, 214);
}
.add-css-border-color-lightest-to-child-on-hover:hover .add-css-border-color-lightest-on-parent-hover {
	border-color: rgb(107, 170, 214);
}
.add-css-border-color-dark {
	border-color: rgb(42, 107, 151);
}
.add-css-border-color-dark-before::before {
	border-color: rgb(42, 107, 151);
}
.add-css-border-color-dark-after::after {
	border-color: rgb(42, 107, 151);
}
.add-css-border-color-dark-on-hover:hover {
	border-color: rgb(42, 107, 151);
}
.add-css-border-color-dark-to-child-on-hover:hover .add-css-border-color-dark-on-parent-hover {
	border-color: rgb(42, 107, 151);
}
.add-css-border-color-darker {
	border-color: rgb(37, 93, 131);
}
.add-css-border-color-darker-before::before {
	border-color: rgb(37, 93, 131);
}
.add-css-border-color-darker-after::after {
	border-color: rgb(37, 93, 131);
}
.add-css-border-color-darker-on-hover:hover {
	border-color: rgb(37, 93, 131);
}
.add-css-border-color-darker-to-child-on-hover:hover .add-css-border-color-darker-on-parent-hover {
	border-color: rgb(37, 93, 131);
}
.add-css-border-color-darkest {
	border-color: rgb(26, 65, 91);
}
.add-css-border-color-darkest-before::before {
	border-color: rgb(26, 65, 91);
}
.add-css-border-color-darkest-after::after {
	border-color: rgb(26, 65, 91);
}
.add-css-border-color-darkest-on-hover:hover {
	border-color: rgb(26, 65, 91);
}
.add-css-border-color-darkest-to-child-on-hover:hover .add-css-border-color-darkest-on-parent-hover {
	border-color: rgb(26, 65, 91);
}
.add-css-background-color {
	background-color: rgb(48, 121, 171);
}
.add-css-background-color-before::before {
	background-color: rgb(48, 121, 171);
}
.add-css-background-color-after::after {
	background-color: rgb(48, 121, 171);
}
.add-css-background-color-on-hover:hover {
	background-color: rgb(48, 121, 171);
}
.add-css-background-color-to-child-on-hover:hover .add-css-background-color-on-parent-hover {
	background-color: rgb(48, 121, 171);
}
.add-css-background-color-light {
	background-color: rgb(54, 135, 191);
}
.add-css-background-color-light-before::before {
	background-color: rgb(54, 135, 191);
}
.add-css-background-color-light-after::after {
	background-color: rgb(54, 135, 191);
}
.add-css-background-color-light-on-hover:hover {
	background-color: rgb(54, 135, 191);
}
.add-css-background-color-light-to-child-on-hover:hover .add-css-background-color-light-on-parent-hover {
	background-color: rgb(54, 135, 191);
}
.add-css-background-color-lighter {
	background-color: rgb(68, 148, 202);
}
.add-css-background-color-lighter-before::before {
	background-color: rgb(68, 148, 202);
}
.add-css-background-color-lighter-after::after {
	background-color: rgb(68, 148, 202);
}
.add-css-background-color-lighter-on-hover:hover {
	background-color: rgb(68, 148, 202);
}
.add-css-background-color-lighter-to-child-on-hover:hover .add-css-background-color-lighter-on-parent-hover {
	background-color: rgb(68, 148, 202);
}
.add-css-background-color-lightest {
	background-color: rgb(107, 170, 214);
}
.add-css-background-color-lightest-before::before {
	background-color: rgb(107, 170, 214);
}
.add-css-background-color-lightest-after::after {
	background-color: rgb(107, 170, 214);
}
.add-css-background-color-lightest-on-hover:hover {
	background-color: rgb(107, 170, 214);
}
.add-css-background-color-lightest-to-child-on-hover:hover .add-css-background-color-lightest-on-parent-hover {
	background-color: rgb(107, 170, 214);
}
.add-css-background-color-dark {
	background-color: rgb(42, 107, 151);
}
.add-css-background-color-dark-before::before {
	background-color: rgb(42, 107, 151);
}
.add-css-background-color-dark-after::after {
	background-color: rgb(42, 107, 151);
}
.add-css-background-color-dark-on-hover:hover {
	background-color: rgb(42, 107, 151);
}
.add-css-background-color-dark-to-child-on-hover:hover .add-css-background-color-dark-on-parent-hover {
	background-color: rgb(42, 107, 151);
}
.add-css-background-color-darker {
	background-color: rgb(37, 93, 131);
}
.add-css-background-color-darker-before::before {
	background-color: rgb(37, 93, 131);
}
.add-css-background-color-darker-after::after {
	background-color: rgb(37, 93, 131);
}
.add-css-background-color-darker-on-hover:hover {
	background-color: rgb(37, 93, 131);
}
.add-css-background-color-darker-to-child-on-hover:hover .add-css-background-color-darker-on-parent-hover {
	background-color: rgb(37, 93, 131);
}
.add-css-background-color-darkest {
	background-color: rgb(26, 65, 91);
}
.add-css-background-color-darkest-before::before {
	background-color: rgb(26, 65, 91);
}
.add-css-background-color-darkest-after::after {
	background-color: rgb(26, 65, 91);
}
.add-css-background-color-darkest-on-hover:hover {
	background-color: rgb(26, 65, 91);
}
.add-css-background-color-darkest-to-child-on-hover:hover .add-css-background-color-darkest-on-parent-hover {
	background-color: rgb(26, 65, 91);
}
.add-javascript-fill {
	fill: #c25975;
}
.add-javascript-fill-before::before {
	fill: #c25975;
}
.add-javascript-fill-after::after {
	fill: #c25975;
}
.add-javascript-fill-on-hover:hover {
	fill: #c25975;
}
.add-javascript-fill-to-child-on-hover:hover .add-javascript-fill-on-parent-hover {
	fill: #c25975;
}
.add-javascript-fill-light {
	fill: #c96c85;
}
.add-javascript-fill-light-before::before {
	fill: #c96c85;
}
.add-javascript-fill-light-after::after {
	fill: #c96c85;
}
.add-javascript-fill-light-on-hover:hover {
	fill: #c96c85;
}
.add-javascript-fill-light-to-child-on-hover:hover .add-javascript-fill-light-on-parent-hover {
	fill: #c96c85;
}
.add-javascript-fill-lighter {
	fill: #d07e94;
}
.add-javascript-fill-lighter-before::before {
	fill: #d07e94;
}
.add-javascript-fill-lighter-after::after {
	fill: #d07e94;
}
.add-javascript-fill-lighter-on-hover:hover {
	fill: #d07e94;
}
.add-javascript-fill-lighter-to-child-on-hover:hover .add-javascript-fill-lighter-on-parent-hover {
	fill: #d07e94;
}
.add-javascript-fill-lightest {
	fill: #dda4b3;
}
.add-javascript-fill-lightest-before::before {
	fill: #dda4b3;
}
.add-javascript-fill-lightest-after::after {
	fill: #dda4b3;
}
.add-javascript-fill-lightest-on-hover:hover {
	fill: #dda4b3;
}
.add-javascript-fill-lightest-to-child-on-hover:hover .add-javascript-fill-lightest-on-parent-hover {
	fill: #dda4b3;
}
.add-javascript-fill-dark {
	fill: #bb4665;
}
.add-javascript-fill-dark-before::before {
	fill: #bb4665;
}
.add-javascript-fill-dark-after::after {
	fill: #bb4665;
}
.add-javascript-fill-dark-on-hover:hover {
	fill: #bb4665;
}
.add-javascript-fill-dark-to-child-on-hover:hover .add-javascript-fill-dark-on-parent-hover {
	fill: #bb4665;
}
.add-javascript-fill-darker {
	fill: #aa3e5b;
}
.add-javascript-fill-darker-before::before {
	fill: #aa3e5b;
}
.add-javascript-fill-darker-after::after {
	fill: #aa3e5b;
}
.add-javascript-fill-darker-on-hover:hover {
	fill: #aa3e5b;
}
.add-javascript-fill-darker-to-child-on-hover:hover .add-javascript-fill-darker-on-parent-hover {
	fill: #aa3e5b;
}
.add-javascript-fill-darkest {
	fill: #843147;
}
.add-javascript-fill-darkest-before::before {
	fill: #843147;
}
.add-javascript-fill-darkest-after::after {
	fill: #843147;
}
.add-javascript-fill-darkest-on-hover:hover {
	fill: #843147;
}
.add-javascript-fill-darkest-to-child-on-hover:hover .add-javascript-fill-darkest-on-parent-hover {
	fill: #843147;
}
.add-javascript-stroke {
	stroke: #c25975;
}
.add-javascript-stroke-before::before {
	stroke: #c25975;
}
.add-javascript-stroke-after::after {
	stroke: #c25975;
}
.add-javascript-stroke-on-hover:hover {
	stroke: #c25975;
}
.add-javascript-stroke-to-child-on-hover:hover .add-javascript-stroke-on-parent-hover {
	stroke: #c25975;
}
.add-javascript-stroke-light {
	stroke: #c96c85;
}
.add-javascript-stroke-light-before::before {
	stroke: #c96c85;
}
.add-javascript-stroke-light-after::after {
	stroke: #c96c85;
}
.add-javascript-stroke-light-on-hover:hover {
	stroke: #c96c85;
}
.add-javascript-stroke-light-to-child-on-hover:hover .add-javascript-stroke-light-on-parent-hover {
	stroke: #c96c85;
}
.add-javascript-stroke-lighter {
	stroke: #d07e94;
}
.add-javascript-stroke-lighter-before::before {
	stroke: #d07e94;
}
.add-javascript-stroke-lighter-after::after {
	stroke: #d07e94;
}
.add-javascript-stroke-lighter-on-hover:hover {
	stroke: #d07e94;
}
.add-javascript-stroke-lighter-to-child-on-hover:hover .add-javascript-stroke-lighter-on-parent-hover {
	stroke: #d07e94;
}
.add-javascript-stroke-lightest {
	stroke: #dda4b3;
}
.add-javascript-stroke-lightest-before::before {
	stroke: #dda4b3;
}
.add-javascript-stroke-lightest-after::after {
	stroke: #dda4b3;
}
.add-javascript-stroke-lightest-on-hover:hover {
	stroke: #dda4b3;
}
.add-javascript-stroke-lightest-to-child-on-hover:hover .add-javascript-stroke-lightest-on-parent-hover {
	stroke: #dda4b3;
}
.add-javascript-stroke-dark {
	stroke: #bb4665;
}
.add-javascript-stroke-dark-before::before {
	stroke: #bb4665;
}
.add-javascript-stroke-dark-after::after {
	stroke: #bb4665;
}
.add-javascript-stroke-dark-on-hover:hover {
	stroke: #bb4665;
}
.add-javascript-stroke-dark-to-child-on-hover:hover .add-javascript-stroke-dark-on-parent-hover {
	stroke: #bb4665;
}
.add-javascript-stroke-darker {
	stroke: #aa3e5b;
}
.add-javascript-stroke-darker-before::before {
	stroke: #aa3e5b;
}
.add-javascript-stroke-darker-after::after {
	stroke: #aa3e5b;
}
.add-javascript-stroke-darker-on-hover:hover {
	stroke: #aa3e5b;
}
.add-javascript-stroke-darker-to-child-on-hover:hover .add-javascript-stroke-darker-on-parent-hover {
	stroke: #aa3e5b;
}
.add-javascript-stroke-darkest {
	stroke: #843147;
}
.add-javascript-stroke-darkest-before::before {
	stroke: #843147;
}
.add-javascript-stroke-darkest-after::after {
	stroke: #843147;
}
.add-javascript-stroke-darkest-on-hover:hover {
	stroke: #843147;
}
.add-javascript-stroke-darkest-to-child-on-hover:hover .add-javascript-stroke-darkest-on-parent-hover {
	stroke: #843147;
}
.add-javascript-color {
	color: rgb(194, 89, 117);
}
.add-javascript-color-before::before {
	color: rgb(194, 89, 117);
}
.add-javascript-color-after::after {
	color: rgb(194, 89, 117);
}
.add-javascript-color-on-hover:hover {
	color: rgb(194, 89, 117);
}
.add-javascript-color-to-child-on-hover:hover .add-javascript-color-on-parent-hover {
	color: rgb(194, 89, 117);
}
.add-javascript-color-light {
	color: rgb(201, 108, 133);
}
.add-javascript-color-light-before::before {
	color: rgb(201, 108, 133);
}
.add-javascript-color-light-after::after {
	color: rgb(201, 108, 133);
}
.add-javascript-color-light-on-hover:hover {
	color: rgb(201, 108, 133);
}
.add-javascript-color-light-to-child-on-hover:hover .add-javascript-color-light-on-parent-hover {
	color: rgb(201, 108, 133);
}
.add-javascript-color-lighter {
	color: rgb(208, 126, 148);
}
.add-javascript-color-lighter-before::before {
	color: rgb(208, 126, 148);
}
.add-javascript-color-lighter-after::after {
	color: rgb(208, 126, 148);
}
.add-javascript-color-lighter-on-hover:hover {
	color: rgb(208, 126, 148);
}
.add-javascript-color-lighter-to-child-on-hover:hover .add-javascript-color-lighter-on-parent-hover {
	color: rgb(208, 126, 148);
}
.add-javascript-color-lightest {
	color: rgb(221, 164, 179);
}
.add-javascript-color-lightest-before::before {
	color: rgb(221, 164, 179);
}
.add-javascript-color-lightest-after::after {
	color: rgb(221, 164, 179);
}
.add-javascript-color-lightest-on-hover:hover {
	color: rgb(221, 164, 179);
}
.add-javascript-color-lightest-to-child-on-hover:hover .add-javascript-color-lightest-on-parent-hover {
	color: rgb(221, 164, 179);
}
.add-javascript-color-dark {
	color: rgb(187, 70, 101);
}
.add-javascript-color-dark-before::before {
	color: rgb(187, 70, 101);
}
.add-javascript-color-dark-after::after {
	color: rgb(187, 70, 101);
}
.add-javascript-color-dark-on-hover:hover {
	color: rgb(187, 70, 101);
}
.add-javascript-color-dark-to-child-on-hover:hover .add-javascript-color-dark-on-parent-hover {
	color: rgb(187, 70, 101);
}
.add-javascript-color-darker {
	color: rgb(170, 62, 91);
}
.add-javascript-color-darker-before::before {
	color: rgb(170, 62, 91);
}
.add-javascript-color-darker-after::after {
	color: rgb(170, 62, 91);
}
.add-javascript-color-darker-on-hover:hover {
	color: rgb(170, 62, 91);
}
.add-javascript-color-darker-to-child-on-hover:hover .add-javascript-color-darker-on-parent-hover {
	color: rgb(170, 62, 91);
}
.add-javascript-color-darkest {
	color: rgb(132, 49, 71);
}
.add-javascript-color-darkest-before::before {
	color: rgb(132, 49, 71);
}
.add-javascript-color-darkest-after::after {
	color: rgb(132, 49, 71);
}
.add-javascript-color-darkest-on-hover:hover {
	color: rgb(132, 49, 71);
}
.add-javascript-color-darkest-to-child-on-hover:hover .add-javascript-color-darkest-on-parent-hover {
	color: rgb(132, 49, 71);
}
.add-javascript-border-color {
	border-color: rgb(194, 89, 117);
}
.add-javascript-border-color-before::before {
	border-color: rgb(194, 89, 117);
}
.add-javascript-border-color-after::after {
	border-color: rgb(194, 89, 117);
}
.add-javascript-border-color-on-hover:hover {
	border-color: rgb(194, 89, 117);
}
.add-javascript-border-color-to-child-on-hover:hover .add-javascript-border-color-on-parent-hover {
	border-color: rgb(194, 89, 117);
}
.add-javascript-border-color-light {
	border-color: rgb(201, 108, 133);
}
.add-javascript-border-color-light-before::before {
	border-color: rgb(201, 108, 133);
}
.add-javascript-border-color-light-after::after {
	border-color: rgb(201, 108, 133);
}
.add-javascript-border-color-light-on-hover:hover {
	border-color: rgb(201, 108, 133);
}
.add-javascript-border-color-light-to-child-on-hover:hover .add-javascript-border-color-light-on-parent-hover {
	border-color: rgb(201, 108, 133);
}
.add-javascript-border-color-lighter {
	border-color: rgb(208, 126, 148);
}
.add-javascript-border-color-lighter-before::before {
	border-color: rgb(208, 126, 148);
}
.add-javascript-border-color-lighter-after::after {
	border-color: rgb(208, 126, 148);
}
.add-javascript-border-color-lighter-on-hover:hover {
	border-color: rgb(208, 126, 148);
}
.add-javascript-border-color-lighter-to-child-on-hover:hover .add-javascript-border-color-lighter-on-parent-hover {
	border-color: rgb(208, 126, 148);
}
.add-javascript-border-color-lightest {
	border-color: rgb(221, 164, 179);
}
.add-javascript-border-color-lightest-before::before {
	border-color: rgb(221, 164, 179);
}
.add-javascript-border-color-lightest-after::after {
	border-color: rgb(221, 164, 179);
}
.add-javascript-border-color-lightest-on-hover:hover {
	border-color: rgb(221, 164, 179);
}
.add-javascript-border-color-lightest-to-child-on-hover:hover .add-javascript-border-color-lightest-on-parent-hover {
	border-color: rgb(221, 164, 179);
}
.add-javascript-border-color-dark {
	border-color: rgb(187, 70, 101);
}
.add-javascript-border-color-dark-before::before {
	border-color: rgb(187, 70, 101);
}
.add-javascript-border-color-dark-after::after {
	border-color: rgb(187, 70, 101);
}
.add-javascript-border-color-dark-on-hover:hover {
	border-color: rgb(187, 70, 101);
}
.add-javascript-border-color-dark-to-child-on-hover:hover .add-javascript-border-color-dark-on-parent-hover {
	border-color: rgb(187, 70, 101);
}
.add-javascript-border-color-darker {
	border-color: rgb(170, 62, 91);
}
.add-javascript-border-color-darker-before::before {
	border-color: rgb(170, 62, 91);
}
.add-javascript-border-color-darker-after::after {
	border-color: rgb(170, 62, 91);
}
.add-javascript-border-color-darker-on-hover:hover {
	border-color: rgb(170, 62, 91);
}
.add-javascript-border-color-darker-to-child-on-hover:hover .add-javascript-border-color-darker-on-parent-hover {
	border-color: rgb(170, 62, 91);
}
.add-javascript-border-color-darkest {
	border-color: rgb(132, 49, 71);
}
.add-javascript-border-color-darkest-before::before {
	border-color: rgb(132, 49, 71);
}
.add-javascript-border-color-darkest-after::after {
	border-color: rgb(132, 49, 71);
}
.add-javascript-border-color-darkest-on-hover:hover {
	border-color: rgb(132, 49, 71);
}
.add-javascript-border-color-darkest-to-child-on-hover:hover .add-javascript-border-color-darkest-on-parent-hover {
	border-color: rgb(132, 49, 71);
}
.add-javascript-background-color {
	background-color: rgb(194, 89, 117);
}
.add-javascript-background-color-before::before {
	background-color: rgb(194, 89, 117);
}
.add-javascript-background-color-after::after {
	background-color: rgb(194, 89, 117);
}
.add-javascript-background-color-on-hover:hover {
	background-color: rgb(194, 89, 117);
}
.add-javascript-background-color-to-child-on-hover:hover .add-javascript-background-color-on-parent-hover {
	background-color: rgb(194, 89, 117);
}
.add-javascript-background-color-light {
	background-color: rgb(201, 108, 133);
}
.add-javascript-background-color-light-before::before {
	background-color: rgb(201, 108, 133);
}
.add-javascript-background-color-light-after::after {
	background-color: rgb(201, 108, 133);
}
.add-javascript-background-color-light-on-hover:hover {
	background-color: rgb(201, 108, 133);
}
.add-javascript-background-color-light-to-child-on-hover:hover .add-javascript-background-color-light-on-parent-hover {
	background-color: rgb(201, 108, 133);
}
.add-javascript-background-color-lighter {
	background-color: rgb(208, 126, 148);
}
.add-javascript-background-color-lighter-before::before {
	background-color: rgb(208, 126, 148);
}
.add-javascript-background-color-lighter-after::after {
	background-color: rgb(208, 126, 148);
}
.add-javascript-background-color-lighter-on-hover:hover {
	background-color: rgb(208, 126, 148);
}
.add-javascript-background-color-lighter-to-child-on-hover:hover .add-javascript-background-color-lighter-on-parent-hover {
	background-color: rgb(208, 126, 148);
}
.add-javascript-background-color-lightest {
	background-color: rgb(221, 164, 179);
}
.add-javascript-background-color-lightest-before::before {
	background-color: rgb(221, 164, 179);
}
.add-javascript-background-color-lightest-after::after {
	background-color: rgb(221, 164, 179);
}
.add-javascript-background-color-lightest-on-hover:hover {
	background-color: rgb(221, 164, 179);
}
.add-javascript-background-color-lightest-to-child-on-hover:hover .add-javascript-background-color-lightest-on-parent-hover {
	background-color: rgb(221, 164, 179);
}
.add-javascript-background-color-dark {
	background-color: rgb(187, 70, 101);
}
.add-javascript-background-color-dark-before::before {
	background-color: rgb(187, 70, 101);
}
.add-javascript-background-color-dark-after::after {
	background-color: rgb(187, 70, 101);
}
.add-javascript-background-color-dark-on-hover:hover {
	background-color: rgb(187, 70, 101);
}
.add-javascript-background-color-dark-to-child-on-hover:hover .add-javascript-background-color-dark-on-parent-hover {
	background-color: rgb(187, 70, 101);
}
.add-javascript-background-color-darker {
	background-color: rgb(170, 62, 91);
}
.add-javascript-background-color-darker-before::before {
	background-color: rgb(170, 62, 91);
}
.add-javascript-background-color-darker-after::after {
	background-color: rgb(170, 62, 91);
}
.add-javascript-background-color-darker-on-hover:hover {
	background-color: rgb(170, 62, 91);
}
.add-javascript-background-color-darker-to-child-on-hover:hover .add-javascript-background-color-darker-on-parent-hover {
	background-color: rgb(170, 62, 91);
}
.add-javascript-background-color-darkest {
	background-color: rgb(132, 49, 71);
}
.add-javascript-background-color-darkest-before::before {
	background-color: rgb(132, 49, 71);
}
.add-javascript-background-color-darkest-after::after {
	background-color: rgb(132, 49, 71);
}
.add-javascript-background-color-darkest-on-hover:hover {
	background-color: rgb(132, 49, 71);
}
.add-javascript-background-color-darkest-to-child-on-hover:hover .add-javascript-background-color-darkest-on-parent-hover {
	background-color: rgb(132, 49, 71);
}
.add-java-fill {
	fill: #2c9676;
}
.add-java-fill-before::before {
	fill: #2c9676;
}
.add-java-fill-after::after {
	fill: #2c9676;
}
.add-java-fill-on-hover:hover {
	fill: #2c9676;
}
.add-java-fill-to-child-on-hover:hover .add-java-fill-on-parent-hover {
	fill: #2c9676;
}
.add-java-fill-light {
	fill: #32aa86;
}
.add-java-fill-light-before::before {
	fill: #32aa86;
}
.add-java-fill-light-after::after {
	fill: #32aa86;
}
.add-java-fill-light-on-hover:hover {
	fill: #32aa86;
}
.add-java-fill-light-to-child-on-hover:hover .add-java-fill-light-on-parent-hover {
	fill: #32aa86;
}
.add-java-fill-lighter {
	fill: #38bd95;
}
.add-java-fill-lighter-before::before {
	fill: #38bd95;
}
.add-java-fill-lighter-after::after {
	fill: #38bd95;
}
.add-java-fill-lighter-on-hover:hover {
	fill: #38bd95;
}
.add-java-fill-lighter-to-child-on-hover:hover .add-java-fill-lighter-on-parent-hover {
	fill: #38bd95;
}
.add-java-fill-lightest {
	fill: #5aceab;
}
.add-java-fill-lightest-before::before {
	fill: #5aceab;
}
.add-java-fill-lightest-after::after {
	fill: #5aceab;
}
.add-java-fill-lightest-on-hover:hover {
	fill: #5aceab;
}
.add-java-fill-lightest-to-child-on-hover:hover .add-java-fill-lightest-on-parent-hover {
	fill: #5aceab;
}
.add-java-fill-dark {
	fill: #268266;
}
.add-java-fill-dark-before::before {
	fill: #268266;
}
.add-java-fill-dark-after::after {
	fill: #268266;
}
.add-java-fill-dark-on-hover:hover {
	fill: #268266;
}
.add-java-fill-dark-to-child-on-hover:hover .add-java-fill-dark-on-parent-hover {
	fill: #268266;
}
.add-java-fill-darker {
	fill: #206f57;
}
.add-java-fill-darker-before::before {
	fill: #206f57;
}
.add-java-fill-darker-after::after {
	fill: #206f57;
}
.add-java-fill-darker-on-hover:hover {
	fill: #206f57;
}
.add-java-fill-darker-to-child-on-hover:hover .add-java-fill-darker-on-parent-hover {
	fill: #206f57;
}
.add-java-fill-darkest {
	fill: #154738;
}
.add-java-fill-darkest-before::before {
	fill: #154738;
}
.add-java-fill-darkest-after::after {
	fill: #154738;
}
.add-java-fill-darkest-on-hover:hover {
	fill: #154738;
}
.add-java-fill-darkest-to-child-on-hover:hover .add-java-fill-darkest-on-parent-hover {
	fill: #154738;
}
.add-java-stroke {
	stroke: #2c9676;
}
.add-java-stroke-before::before {
	stroke: #2c9676;
}
.add-java-stroke-after::after {
	stroke: #2c9676;
}
.add-java-stroke-on-hover:hover {
	stroke: #2c9676;
}
.add-java-stroke-to-child-on-hover:hover .add-java-stroke-on-parent-hover {
	stroke: #2c9676;
}
.add-java-stroke-light {
	stroke: #32aa86;
}
.add-java-stroke-light-before::before {
	stroke: #32aa86;
}
.add-java-stroke-light-after::after {
	stroke: #32aa86;
}
.add-java-stroke-light-on-hover:hover {
	stroke: #32aa86;
}
.add-java-stroke-light-to-child-on-hover:hover .add-java-stroke-light-on-parent-hover {
	stroke: #32aa86;
}
.add-java-stroke-lighter {
	stroke: #38bd95;
}
.add-java-stroke-lighter-before::before {
	stroke: #38bd95;
}
.add-java-stroke-lighter-after::after {
	stroke: #38bd95;
}
.add-java-stroke-lighter-on-hover:hover {
	stroke: #38bd95;
}
.add-java-stroke-lighter-to-child-on-hover:hover .add-java-stroke-lighter-on-parent-hover {
	stroke: #38bd95;
}
.add-java-stroke-lightest {
	stroke: #5aceab;
}
.add-java-stroke-lightest-before::before {
	stroke: #5aceab;
}
.add-java-stroke-lightest-after::after {
	stroke: #5aceab;
}
.add-java-stroke-lightest-on-hover:hover {
	stroke: #5aceab;
}
.add-java-stroke-lightest-to-child-on-hover:hover .add-java-stroke-lightest-on-parent-hover {
	stroke: #5aceab;
}
.add-java-stroke-dark {
	stroke: #268266;
}
.add-java-stroke-dark-before::before {
	stroke: #268266;
}
.add-java-stroke-dark-after::after {
	stroke: #268266;
}
.add-java-stroke-dark-on-hover:hover {
	stroke: #268266;
}
.add-java-stroke-dark-to-child-on-hover:hover .add-java-stroke-dark-on-parent-hover {
	stroke: #268266;
}
.add-java-stroke-darker {
	stroke: #206f57;
}
.add-java-stroke-darker-before::before {
	stroke: #206f57;
}
.add-java-stroke-darker-after::after {
	stroke: #206f57;
}
.add-java-stroke-darker-on-hover:hover {
	stroke: #206f57;
}
.add-java-stroke-darker-to-child-on-hover:hover .add-java-stroke-darker-on-parent-hover {
	stroke: #206f57;
}
.add-java-stroke-darkest {
	stroke: #154738;
}
.add-java-stroke-darkest-before::before {
	stroke: #154738;
}
.add-java-stroke-darkest-after::after {
	stroke: #154738;
}
.add-java-stroke-darkest-on-hover:hover {
	stroke: #154738;
}
.add-java-stroke-darkest-to-child-on-hover:hover .add-java-stroke-darkest-on-parent-hover {
	stroke: #154738;
}
.add-java-color {
	color: rgb(44, 150, 118);
}
.add-java-color-before::before {
	color: rgb(44, 150, 118);
}
.add-java-color-after::after {
	color: rgb(44, 150, 118);
}
.add-java-color-on-hover:hover {
	color: rgb(44, 150, 118);
}
.add-java-color-to-child-on-hover:hover .add-java-color-on-parent-hover {
	color: rgb(44, 150, 118);
}
.add-java-color-light {
	color: rgb(50, 170, 134);
}
.add-java-color-light-before::before {
	color: rgb(50, 170, 134);
}
.add-java-color-light-after::after {
	color: rgb(50, 170, 134);
}
.add-java-color-light-on-hover:hover {
	color: rgb(50, 170, 134);
}
.add-java-color-light-to-child-on-hover:hover .add-java-color-light-on-parent-hover {
	color: rgb(50, 170, 134);
}
.add-java-color-lighter {
	color: rgb(56, 189, 149);
}
.add-java-color-lighter-before::before {
	color: rgb(56, 189, 149);
}
.add-java-color-lighter-after::after {
	color: rgb(56, 189, 149);
}
.add-java-color-lighter-on-hover:hover {
	color: rgb(56, 189, 149);
}
.add-java-color-lighter-to-child-on-hover:hover .add-java-color-lighter-on-parent-hover {
	color: rgb(56, 189, 149);
}
.add-java-color-lightest {
	color: rgb(90, 206, 171);
}
.add-java-color-lightest-before::before {
	color: rgb(90, 206, 171);
}
.add-java-color-lightest-after::after {
	color: rgb(90, 206, 171);
}
.add-java-color-lightest-on-hover:hover {
	color: rgb(90, 206, 171);
}
.add-java-color-lightest-to-child-on-hover:hover .add-java-color-lightest-on-parent-hover {
	color: rgb(90, 206, 171);
}
.add-java-color-dark {
	color: rgb(38, 130, 102);
}
.add-java-color-dark-before::before {
	color: rgb(38, 130, 102);
}
.add-java-color-dark-after::after {
	color: rgb(38, 130, 102);
}
.add-java-color-dark-on-hover:hover {
	color: rgb(38, 130, 102);
}
.add-java-color-dark-to-child-on-hover:hover .add-java-color-dark-on-parent-hover {
	color: rgb(38, 130, 102);
}
.add-java-color-darker {
	color: rgb(32, 111, 87);
}
.add-java-color-darker-before::before {
	color: rgb(32, 111, 87);
}
.add-java-color-darker-after::after {
	color: rgb(32, 111, 87);
}
.add-java-color-darker-on-hover:hover {
	color: rgb(32, 111, 87);
}
.add-java-color-darker-to-child-on-hover:hover .add-java-color-darker-on-parent-hover {
	color: rgb(32, 111, 87);
}
.add-java-color-darkest {
	color: rgb(21, 71, 56);
}
.add-java-color-darkest-before::before {
	color: rgb(21, 71, 56);
}
.add-java-color-darkest-after::after {
	color: rgb(21, 71, 56);
}
.add-java-color-darkest-on-hover:hover {
	color: rgb(21, 71, 56);
}
.add-java-color-darkest-to-child-on-hover:hover .add-java-color-darkest-on-parent-hover {
	color: rgb(21, 71, 56);
}
.add-java-border-color {
	border-color: rgb(44, 150, 118);
}
.add-java-border-color-before::before {
	border-color: rgb(44, 150, 118);
}
.add-java-border-color-after::after {
	border-color: rgb(44, 150, 118);
}
.add-java-border-color-on-hover:hover {
	border-color: rgb(44, 150, 118);
}
.add-java-border-color-to-child-on-hover:hover .add-java-border-color-on-parent-hover {
	border-color: rgb(44, 150, 118);
}
.add-java-border-color-light {
	border-color: rgb(50, 170, 134);
}
.add-java-border-color-light-before::before {
	border-color: rgb(50, 170, 134);
}
.add-java-border-color-light-after::after {
	border-color: rgb(50, 170, 134);
}
.add-java-border-color-light-on-hover:hover {
	border-color: rgb(50, 170, 134);
}
.add-java-border-color-light-to-child-on-hover:hover .add-java-border-color-light-on-parent-hover {
	border-color: rgb(50, 170, 134);
}
.add-java-border-color-lighter {
	border-color: rgb(56, 189, 149);
}
.add-java-border-color-lighter-before::before {
	border-color: rgb(56, 189, 149);
}
.add-java-border-color-lighter-after::after {
	border-color: rgb(56, 189, 149);
}
.add-java-border-color-lighter-on-hover:hover {
	border-color: rgb(56, 189, 149);
}
.add-java-border-color-lighter-to-child-on-hover:hover .add-java-border-color-lighter-on-parent-hover {
	border-color: rgb(56, 189, 149);
}
.add-java-border-color-lightest {
	border-color: rgb(90, 206, 171);
}
.add-java-border-color-lightest-before::before {
	border-color: rgb(90, 206, 171);
}
.add-java-border-color-lightest-after::after {
	border-color: rgb(90, 206, 171);
}
.add-java-border-color-lightest-on-hover:hover {
	border-color: rgb(90, 206, 171);
}
.add-java-border-color-lightest-to-child-on-hover:hover .add-java-border-color-lightest-on-parent-hover {
	border-color: rgb(90, 206, 171);
}
.add-java-border-color-dark {
	border-color: rgb(38, 130, 102);
}
.add-java-border-color-dark-before::before {
	border-color: rgb(38, 130, 102);
}
.add-java-border-color-dark-after::after {
	border-color: rgb(38, 130, 102);
}
.add-java-border-color-dark-on-hover:hover {
	border-color: rgb(38, 130, 102);
}
.add-java-border-color-dark-to-child-on-hover:hover .add-java-border-color-dark-on-parent-hover {
	border-color: rgb(38, 130, 102);
}
.add-java-border-color-darker {
	border-color: rgb(32, 111, 87);
}
.add-java-border-color-darker-before::before {
	border-color: rgb(32, 111, 87);
}
.add-java-border-color-darker-after::after {
	border-color: rgb(32, 111, 87);
}
.add-java-border-color-darker-on-hover:hover {
	border-color: rgb(32, 111, 87);
}
.add-java-border-color-darker-to-child-on-hover:hover .add-java-border-color-darker-on-parent-hover {
	border-color: rgb(32, 111, 87);
}
.add-java-border-color-darkest {
	border-color: rgb(21, 71, 56);
}
.add-java-border-color-darkest-before::before {
	border-color: rgb(21, 71, 56);
}
.add-java-border-color-darkest-after::after {
	border-color: rgb(21, 71, 56);
}
.add-java-border-color-darkest-on-hover:hover {
	border-color: rgb(21, 71, 56);
}
.add-java-border-color-darkest-to-child-on-hover:hover .add-java-border-color-darkest-on-parent-hover {
	border-color: rgb(21, 71, 56);
}
.add-java-background-color {
	background-color: rgb(44, 150, 118);
}
.add-java-background-color-before::before {
	background-color: rgb(44, 150, 118);
}
.add-java-background-color-after::after {
	background-color: rgb(44, 150, 118);
}
.add-java-background-color-on-hover:hover {
	background-color: rgb(44, 150, 118);
}
.add-java-background-color-to-child-on-hover:hover .add-java-background-color-on-parent-hover {
	background-color: rgb(44, 150, 118);
}
.add-java-background-color-light {
	background-color: rgb(50, 170, 134);
}
.add-java-background-color-light-before::before {
	background-color: rgb(50, 170, 134);
}
.add-java-background-color-light-after::after {
	background-color: rgb(50, 170, 134);
}
.add-java-background-color-light-on-hover:hover {
	background-color: rgb(50, 170, 134);
}
.add-java-background-color-light-to-child-on-hover:hover .add-java-background-color-light-on-parent-hover {
	background-color: rgb(50, 170, 134);
}
.add-java-background-color-lighter {
	background-color: rgb(56, 189, 149);
}
.add-java-background-color-lighter-before::before {
	background-color: rgb(56, 189, 149);
}
.add-java-background-color-lighter-after::after {
	background-color: rgb(56, 189, 149);
}
.add-java-background-color-lighter-on-hover:hover {
	background-color: rgb(56, 189, 149);
}
.add-java-background-color-lighter-to-child-on-hover:hover .add-java-background-color-lighter-on-parent-hover {
	background-color: rgb(56, 189, 149);
}
.add-java-background-color-lightest {
	background-color: rgb(90, 206, 171);
}
.add-java-background-color-lightest-before::before {
	background-color: rgb(90, 206, 171);
}
.add-java-background-color-lightest-after::after {
	background-color: rgb(90, 206, 171);
}
.add-java-background-color-lightest-on-hover:hover {
	background-color: rgb(90, 206, 171);
}
.add-java-background-color-lightest-to-child-on-hover:hover .add-java-background-color-lightest-on-parent-hover {
	background-color: rgb(90, 206, 171);
}
.add-java-background-color-dark {
	background-color: rgb(38, 130, 102);
}
.add-java-background-color-dark-before::before {
	background-color: rgb(38, 130, 102);
}
.add-java-background-color-dark-after::after {
	background-color: rgb(38, 130, 102);
}
.add-java-background-color-dark-on-hover:hover {
	background-color: rgb(38, 130, 102);
}
.add-java-background-color-dark-to-child-on-hover:hover .add-java-background-color-dark-on-parent-hover {
	background-color: rgb(38, 130, 102);
}
.add-java-background-color-darker {
	background-color: rgb(32, 111, 87);
}
.add-java-background-color-darker-before::before {
	background-color: rgb(32, 111, 87);
}
.add-java-background-color-darker-after::after {
	background-color: rgb(32, 111, 87);
}
.add-java-background-color-darker-on-hover:hover {
	background-color: rgb(32, 111, 87);
}
.add-java-background-color-darker-to-child-on-hover:hover .add-java-background-color-darker-on-parent-hover {
	background-color: rgb(32, 111, 87);
}
.add-java-background-color-darkest {
	background-color: rgb(21, 71, 56);
}
.add-java-background-color-darkest-before::before {
	background-color: rgb(21, 71, 56);
}
.add-java-background-color-darkest-after::after {
	background-color: rgb(21, 71, 56);
}
.add-java-background-color-darkest-on-hover:hover {
	background-color: rgb(21, 71, 56);
}
.add-java-background-color-darkest-to-child-on-hover:hover .add-java-background-color-darkest-on-parent-hover {
	background-color: rgb(21, 71, 56);
}
.add-ruby-fill {
	fill: #e15258;
}
.add-ruby-fill-before::before {
	fill: #e15258;
}
.add-ruby-fill-after::after {
	fill: #e15258;
}
.add-ruby-fill-on-hover:hover {
	fill: #e15258;
}
.add-ruby-fill-to-child-on-hover:hover .add-ruby-fill-on-parent-hover {
	fill: #e15258;
}
.add-ruby-fill-light {
	fill: #e5686d;
}
.add-ruby-fill-light-before::before {
	fill: #e5686d;
}
.add-ruby-fill-light-after::after {
	fill: #e5686d;
}
.add-ruby-fill-light-on-hover:hover {
	fill: #e5686d;
}
.add-ruby-fill-light-to-child-on-hover:hover .add-ruby-fill-light-on-parent-hover {
	fill: #e5686d;
}
.add-ruby-fill-lighter {
	fill: #e97d82;
}
.add-ruby-fill-lighter-before::before {
	fill: #e97d82;
}
.add-ruby-fill-lighter-after::after {
	fill: #e97d82;
}
.add-ruby-fill-lighter-on-hover:hover {
	fill: #e97d82;
}
.add-ruby-fill-lighter-to-child-on-hover:hover .add-ruby-fill-lighter-on-parent-hover {
	fill: #e97d82;
}
.add-ruby-fill-lightest {
	fill: #f0a9ac;
}
.add-ruby-fill-lightest-before::before {
	fill: #f0a9ac;
}
.add-ruby-fill-lightest-after::after {
	fill: #f0a9ac;
}
.add-ruby-fill-lightest-on-hover:hover {
	fill: #f0a9ac;
}
.add-ruby-fill-lightest-to-child-on-hover:hover .add-ruby-fill-lightest-on-parent-hover {
	fill: #f0a9ac;
}
.add-ruby-fill-dark {
	fill: #dd3c43;
}
.add-ruby-fill-dark-before::before {
	fill: #dd3c43;
}
.add-ruby-fill-dark-after::after {
	fill: #dd3c43;
}
.add-ruby-fill-dark-on-hover:hover {
	fill: #dd3c43;
}
.add-ruby-fill-dark-to-child-on-hover:hover .add-ruby-fill-dark-on-parent-hover {
	fill: #dd3c43;
}
.add-ruby-fill-darker {
	fill: #d9272e;
}
.add-ruby-fill-darker-before::before {
	fill: #d9272e;
}
.add-ruby-fill-darker-after::after {
	fill: #d9272e;
}
.add-ruby-fill-darker-on-hover:hover {
	fill: #d9272e;
}
.add-ruby-fill-darker-to-child-on-hover:hover .add-ruby-fill-darker-on-parent-hover {
	fill: #d9272e;
}
.add-ruby-fill-darkest {
	fill: #af1e24;
}
.add-ruby-fill-darkest-before::before {
	fill: #af1e24;
}
.add-ruby-fill-darkest-after::after {
	fill: #af1e24;
}
.add-ruby-fill-darkest-on-hover:hover {
	fill: #af1e24;
}
.add-ruby-fill-darkest-to-child-on-hover:hover .add-ruby-fill-darkest-on-parent-hover {
	fill: #af1e24;
}
.add-ruby-stroke {
	stroke: #e15258;
}
.add-ruby-stroke-before::before {
	stroke: #e15258;
}
.add-ruby-stroke-after::after {
	stroke: #e15258;
}
.add-ruby-stroke-on-hover:hover {
	stroke: #e15258;
}
.add-ruby-stroke-to-child-on-hover:hover .add-ruby-stroke-on-parent-hover {
	stroke: #e15258;
}
.add-ruby-stroke-light {
	stroke: #e5686d;
}
.add-ruby-stroke-light-before::before {
	stroke: #e5686d;
}
.add-ruby-stroke-light-after::after {
	stroke: #e5686d;
}
.add-ruby-stroke-light-on-hover:hover {
	stroke: #e5686d;
}
.add-ruby-stroke-light-to-child-on-hover:hover .add-ruby-stroke-light-on-parent-hover {
	stroke: #e5686d;
}
.add-ruby-stroke-lighter {
	stroke: #e97d82;
}
.add-ruby-stroke-lighter-before::before {
	stroke: #e97d82;
}
.add-ruby-stroke-lighter-after::after {
	stroke: #e97d82;
}
.add-ruby-stroke-lighter-on-hover:hover {
	stroke: #e97d82;
}
.add-ruby-stroke-lighter-to-child-on-hover:hover .add-ruby-stroke-lighter-on-parent-hover {
	stroke: #e97d82;
}
.add-ruby-stroke-lightest {
	stroke: #f0a9ac;
}
.add-ruby-stroke-lightest-before::before {
	stroke: #f0a9ac;
}
.add-ruby-stroke-lightest-after::after {
	stroke: #f0a9ac;
}
.add-ruby-stroke-lightest-on-hover:hover {
	stroke: #f0a9ac;
}
.add-ruby-stroke-lightest-to-child-on-hover:hover .add-ruby-stroke-lightest-on-parent-hover {
	stroke: #f0a9ac;
}
.add-ruby-stroke-dark {
	stroke: #dd3c43;
}
.add-ruby-stroke-dark-before::before {
	stroke: #dd3c43;
}
.add-ruby-stroke-dark-after::after {
	stroke: #dd3c43;
}
.add-ruby-stroke-dark-on-hover:hover {
	stroke: #dd3c43;
}
.add-ruby-stroke-dark-to-child-on-hover:hover .add-ruby-stroke-dark-on-parent-hover {
	stroke: #dd3c43;
}
.add-ruby-stroke-darker {
	stroke: #d9272e;
}
.add-ruby-stroke-darker-before::before {
	stroke: #d9272e;
}
.add-ruby-stroke-darker-after::after {
	stroke: #d9272e;
}
.add-ruby-stroke-darker-on-hover:hover {
	stroke: #d9272e;
}
.add-ruby-stroke-darker-to-child-on-hover:hover .add-ruby-stroke-darker-on-parent-hover {
	stroke: #d9272e;
}
.add-ruby-stroke-darkest {
	stroke: #af1e24;
}
.add-ruby-stroke-darkest-before::before {
	stroke: #af1e24;
}
.add-ruby-stroke-darkest-after::after {
	stroke: #af1e24;
}
.add-ruby-stroke-darkest-on-hover:hover {
	stroke: #af1e24;
}
.add-ruby-stroke-darkest-to-child-on-hover:hover .add-ruby-stroke-darkest-on-parent-hover {
	stroke: #af1e24;
}
.add-ruby-color {
	color: rgb(225, 82, 88);
}
.add-ruby-color-before::before {
	color: rgb(225, 82, 88);
}
.add-ruby-color-after::after {
	color: rgb(225, 82, 88);
}
.add-ruby-color-on-hover:hover {
	color: rgb(225, 82, 88);
}
.add-ruby-color-to-child-on-hover:hover .add-ruby-color-on-parent-hover {
	color: rgb(225, 82, 88);
}
.add-ruby-color-light {
	color: rgb(229, 104, 109);
}
.add-ruby-color-light-before::before {
	color: rgb(229, 104, 109);
}
.add-ruby-color-light-after::after {
	color: rgb(229, 104, 109);
}
.add-ruby-color-light-on-hover:hover {
	color: rgb(229, 104, 109);
}
.add-ruby-color-light-to-child-on-hover:hover .add-ruby-color-light-on-parent-hover {
	color: rgb(229, 104, 109);
}
.add-ruby-color-lighter {
	color: rgb(233, 125, 130);
}
.add-ruby-color-lighter-before::before {
	color: rgb(233, 125, 130);
}
.add-ruby-color-lighter-after::after {
	color: rgb(233, 125, 130);
}
.add-ruby-color-lighter-on-hover:hover {
	color: rgb(233, 125, 130);
}
.add-ruby-color-lighter-to-child-on-hover:hover .add-ruby-color-lighter-on-parent-hover {
	color: rgb(233, 125, 130);
}
.add-ruby-color-lightest {
	color: rgb(240, 169, 172);
}
.add-ruby-color-lightest-before::before {
	color: rgb(240, 169, 172);
}
.add-ruby-color-lightest-after::after {
	color: rgb(240, 169, 172);
}
.add-ruby-color-lightest-on-hover:hover {
	color: rgb(240, 169, 172);
}
.add-ruby-color-lightest-to-child-on-hover:hover .add-ruby-color-lightest-on-parent-hover {
	color: rgb(240, 169, 172);
}
.add-ruby-color-dark {
	color: rgb(221, 60, 67);
}
.add-ruby-color-dark-before::before {
	color: rgb(221, 60, 67);
}
.add-ruby-color-dark-after::after {
	color: rgb(221, 60, 67);
}
.add-ruby-color-dark-on-hover:hover {
	color: rgb(221, 60, 67);
}
.add-ruby-color-dark-to-child-on-hover:hover .add-ruby-color-dark-on-parent-hover {
	color: rgb(221, 60, 67);
}
.add-ruby-color-darker {
	color: rgb(217, 39, 46);
}
.add-ruby-color-darker-before::before {
	color: rgb(217, 39, 46);
}
.add-ruby-color-darker-after::after {
	color: rgb(217, 39, 46);
}
.add-ruby-color-darker-on-hover:hover {
	color: rgb(217, 39, 46);
}
.add-ruby-color-darker-to-child-on-hover:hover .add-ruby-color-darker-on-parent-hover {
	color: rgb(217, 39, 46);
}
.add-ruby-color-darkest {
	color: rgb(175, 30, 36);
}
.add-ruby-color-darkest-before::before {
	color: rgb(175, 30, 36);
}
.add-ruby-color-darkest-after::after {
	color: rgb(175, 30, 36);
}
.add-ruby-color-darkest-on-hover:hover {
	color: rgb(175, 30, 36);
}
.add-ruby-color-darkest-to-child-on-hover:hover .add-ruby-color-darkest-on-parent-hover {
	color: rgb(175, 30, 36);
}
.add-ruby-border-color {
	border-color: rgb(225, 82, 88);
}
.add-ruby-border-color-before::before {
	border-color: rgb(225, 82, 88);
}
.add-ruby-border-color-after::after {
	border-color: rgb(225, 82, 88);
}
.add-ruby-border-color-on-hover:hover {
	border-color: rgb(225, 82, 88);
}
.add-ruby-border-color-to-child-on-hover:hover .add-ruby-border-color-on-parent-hover {
	border-color: rgb(225, 82, 88);
}
.add-ruby-border-color-light {
	border-color: rgb(229, 104, 109);
}
.add-ruby-border-color-light-before::before {
	border-color: rgb(229, 104, 109);
}
.add-ruby-border-color-light-after::after {
	border-color: rgb(229, 104, 109);
}
.add-ruby-border-color-light-on-hover:hover {
	border-color: rgb(229, 104, 109);
}
.add-ruby-border-color-light-to-child-on-hover:hover .add-ruby-border-color-light-on-parent-hover {
	border-color: rgb(229, 104, 109);
}
.add-ruby-border-color-lighter {
	border-color: rgb(233, 125, 130);
}
.add-ruby-border-color-lighter-before::before {
	border-color: rgb(233, 125, 130);
}
.add-ruby-border-color-lighter-after::after {
	border-color: rgb(233, 125, 130);
}
.add-ruby-border-color-lighter-on-hover:hover {
	border-color: rgb(233, 125, 130);
}
.add-ruby-border-color-lighter-to-child-on-hover:hover .add-ruby-border-color-lighter-on-parent-hover {
	border-color: rgb(233, 125, 130);
}
.add-ruby-border-color-lightest {
	border-color: rgb(240, 169, 172);
}
.add-ruby-border-color-lightest-before::before {
	border-color: rgb(240, 169, 172);
}
.add-ruby-border-color-lightest-after::after {
	border-color: rgb(240, 169, 172);
}
.add-ruby-border-color-lightest-on-hover:hover {
	border-color: rgb(240, 169, 172);
}
.add-ruby-border-color-lightest-to-child-on-hover:hover .add-ruby-border-color-lightest-on-parent-hover {
	border-color: rgb(240, 169, 172);
}
.add-ruby-border-color-dark {
	border-color: rgb(221, 60, 67);
}
.add-ruby-border-color-dark-before::before {
	border-color: rgb(221, 60, 67);
}
.add-ruby-border-color-dark-after::after {
	border-color: rgb(221, 60, 67);
}
.add-ruby-border-color-dark-on-hover:hover {
	border-color: rgb(221, 60, 67);
}
.add-ruby-border-color-dark-to-child-on-hover:hover .add-ruby-border-color-dark-on-parent-hover {
	border-color: rgb(221, 60, 67);
}
.add-ruby-border-color-darker {
	border-color: rgb(217, 39, 46);
}
.add-ruby-border-color-darker-before::before {
	border-color: rgb(217, 39, 46);
}
.add-ruby-border-color-darker-after::after {
	border-color: rgb(217, 39, 46);
}
.add-ruby-border-color-darker-on-hover:hover {
	border-color: rgb(217, 39, 46);
}
.add-ruby-border-color-darker-to-child-on-hover:hover .add-ruby-border-color-darker-on-parent-hover {
	border-color: rgb(217, 39, 46);
}
.add-ruby-border-color-darkest {
	border-color: rgb(175, 30, 36);
}
.add-ruby-border-color-darkest-before::before {
	border-color: rgb(175, 30, 36);
}
.add-ruby-border-color-darkest-after::after {
	border-color: rgb(175, 30, 36);
}
.add-ruby-border-color-darkest-on-hover:hover {
	border-color: rgb(175, 30, 36);
}
.add-ruby-border-color-darkest-to-child-on-hover:hover .add-ruby-border-color-darkest-on-parent-hover {
	border-color: rgb(175, 30, 36);
}
.add-ruby-background-color {
	background-color: rgb(225, 82, 88);
}
.add-ruby-background-color-before::before {
	background-color: rgb(225, 82, 88);
}
.add-ruby-background-color-after::after {
	background-color: rgb(225, 82, 88);
}
.add-ruby-background-color-on-hover:hover {
	background-color: rgb(225, 82, 88);
}
.add-ruby-background-color-to-child-on-hover:hover .add-ruby-background-color-on-parent-hover {
	background-color: rgb(225, 82, 88);
}
.add-ruby-background-color-light {
	background-color: rgb(229, 104, 109);
}
.add-ruby-background-color-light-before::before {
	background-color: rgb(229, 104, 109);
}
.add-ruby-background-color-light-after::after {
	background-color: rgb(229, 104, 109);
}
.add-ruby-background-color-light-on-hover:hover {
	background-color: rgb(229, 104, 109);
}
.add-ruby-background-color-light-to-child-on-hover:hover .add-ruby-background-color-light-on-parent-hover {
	background-color: rgb(229, 104, 109);
}
.add-ruby-background-color-lighter {
	background-color: rgb(233, 125, 130);
}
.add-ruby-background-color-lighter-before::before {
	background-color: rgb(233, 125, 130);
}
.add-ruby-background-color-lighter-after::after {
	background-color: rgb(233, 125, 130);
}
.add-ruby-background-color-lighter-on-hover:hover {
	background-color: rgb(233, 125, 130);
}
.add-ruby-background-color-lighter-to-child-on-hover:hover .add-ruby-background-color-lighter-on-parent-hover {
	background-color: rgb(233, 125, 130);
}
.add-ruby-background-color-lightest {
	background-color: rgb(240, 169, 172);
}
.add-ruby-background-color-lightest-before::before {
	background-color: rgb(240, 169, 172);
}
.add-ruby-background-color-lightest-after::after {
	background-color: rgb(240, 169, 172);
}
.add-ruby-background-color-lightest-on-hover:hover {
	background-color: rgb(240, 169, 172);
}
.add-ruby-background-color-lightest-to-child-on-hover:hover .add-ruby-background-color-lightest-on-parent-hover {
	background-color: rgb(240, 169, 172);
}
.add-ruby-background-color-dark {
	background-color: rgb(221, 60, 67);
}
.add-ruby-background-color-dark-before::before {
	background-color: rgb(221, 60, 67);
}
.add-ruby-background-color-dark-after::after {
	background-color: rgb(221, 60, 67);
}
.add-ruby-background-color-dark-on-hover:hover {
	background-color: rgb(221, 60, 67);
}
.add-ruby-background-color-dark-to-child-on-hover:hover .add-ruby-background-color-dark-on-parent-hover {
	background-color: rgb(221, 60, 67);
}
.add-ruby-background-color-darker {
	background-color: rgb(217, 39, 46);
}
.add-ruby-background-color-darker-before::before {
	background-color: rgb(217, 39, 46);
}
.add-ruby-background-color-darker-after::after {
	background-color: rgb(217, 39, 46);
}
.add-ruby-background-color-darker-on-hover:hover {
	background-color: rgb(217, 39, 46);
}
.add-ruby-background-color-darker-to-child-on-hover:hover .add-ruby-background-color-darker-on-parent-hover {
	background-color: rgb(217, 39, 46);
}
.add-ruby-background-color-darkest {
	background-color: rgb(175, 30, 36);
}
.add-ruby-background-color-darkest-before::before {
	background-color: rgb(175, 30, 36);
}
.add-ruby-background-color-darkest-after::after {
	background-color: rgb(175, 30, 36);
}
.add-ruby-background-color-darkest-on-hover:hover {
	background-color: rgb(175, 30, 36);
}
.add-ruby-background-color-darkest-to-child-on-hover:hover .add-ruby-background-color-darkest-on-parent-hover {
	background-color: rgb(175, 30, 36);
}
.add-business-fill {
	fill: #f9845b;
}
.add-business-fill-before::before {
	fill: #f9845b;
}
.add-business-fill-after::after {
	fill: #f9845b;
}
.add-business-fill-on-hover:hover {
	fill: #f9845b;
}
.add-business-fill-to-child-on-hover:hover .add-business-fill-on-parent-hover {
	fill: #f9845b;
}
.add-business-fill-light {
	fill: #fa9674;
}
.add-business-fill-light-before::before {
	fill: #fa9674;
}
.add-business-fill-light-after::after {
	fill: #fa9674;
}
.add-business-fill-light-on-hover:hover {
	fill: #fa9674;
}
.add-business-fill-light-to-child-on-hover:hover .add-business-fill-light-on-parent-hover {
	fill: #fa9674;
}
.add-business-fill-lighter {
	fill: #fba98c;
}
.add-business-fill-lighter-before::before {
	fill: #fba98c;
}
.add-business-fill-lighter-after::after {
	fill: #fba98c;
}
.add-business-fill-lighter-on-hover:hover {
	fill: #fba98c;
}
.add-business-fill-lighter-to-child-on-hover:hover .add-business-fill-lighter-on-parent-hover {
	fill: #fba98c;
}
.add-business-fill-lightest {
	fill: #fdcebd;
}
.add-business-fill-lightest-before::before {
	fill: #fdcebd;
}
.add-business-fill-lightest-after::after {
	fill: #fdcebd;
}
.add-business-fill-lightest-on-hover:hover {
	fill: #fdcebd;
}
.add-business-fill-lightest-to-child-on-hover:hover .add-business-fill-lightest-on-parent-hover {
	fill: #fdcebd;
}
.add-business-fill-dark {
	fill: #f87242;
}
.add-business-fill-dark-before::before {
	fill: #f87242;
}
.add-business-fill-dark-after::after {
	fill: #f87242;
}
.add-business-fill-dark-on-hover:hover {
	fill: #f87242;
}
.add-business-fill-dark-to-child-on-hover:hover .add-business-fill-dark-on-parent-hover {
	fill: #f87242;
}
.add-business-fill-darker {
	fill: #f75f2a;
}
.add-business-fill-darker-before::before {
	fill: #f75f2a;
}
.add-business-fill-darker-after::after {
	fill: #f75f2a;
}
.add-business-fill-darker-on-hover:hover {
	fill: #f75f2a;
}
.add-business-fill-darker-to-child-on-hover:hover .add-business-fill-darker-on-parent-hover {
	fill: #f75f2a;
}
.add-business-fill-darkest {
	fill: #e64208;
}
.add-business-fill-darkest-before::before {
	fill: #e64208;
}
.add-business-fill-darkest-after::after {
	fill: #e64208;
}
.add-business-fill-darkest-on-hover:hover {
	fill: #e64208;
}
.add-business-fill-darkest-to-child-on-hover:hover .add-business-fill-darkest-on-parent-hover {
	fill: #e64208;
}
.add-business-stroke {
	stroke: #f9845b;
}
.add-business-stroke-before::before {
	stroke: #f9845b;
}
.add-business-stroke-after::after {
	stroke: #f9845b;
}
.add-business-stroke-on-hover:hover {
	stroke: #f9845b;
}
.add-business-stroke-to-child-on-hover:hover .add-business-stroke-on-parent-hover {
	stroke: #f9845b;
}
.add-business-stroke-light {
	stroke: #fa9674;
}
.add-business-stroke-light-before::before {
	stroke: #fa9674;
}
.add-business-stroke-light-after::after {
	stroke: #fa9674;
}
.add-business-stroke-light-on-hover:hover {
	stroke: #fa9674;
}
.add-business-stroke-light-to-child-on-hover:hover .add-business-stroke-light-on-parent-hover {
	stroke: #fa9674;
}
.add-business-stroke-lighter {
	stroke: #fba98c;
}
.add-business-stroke-lighter-before::before {
	stroke: #fba98c;
}
.add-business-stroke-lighter-after::after {
	stroke: #fba98c;
}
.add-business-stroke-lighter-on-hover:hover {
	stroke: #fba98c;
}
.add-business-stroke-lighter-to-child-on-hover:hover .add-business-stroke-lighter-on-parent-hover {
	stroke: #fba98c;
}
.add-business-stroke-lightest {
	stroke: #fdcebd;
}
.add-business-stroke-lightest-before::before {
	stroke: #fdcebd;
}
.add-business-stroke-lightest-after::after {
	stroke: #fdcebd;
}
.add-business-stroke-lightest-on-hover:hover {
	stroke: #fdcebd;
}
.add-business-stroke-lightest-to-child-on-hover:hover .add-business-stroke-lightest-on-parent-hover {
	stroke: #fdcebd;
}
.add-business-stroke-dark {
	stroke: #f87242;
}
.add-business-stroke-dark-before::before {
	stroke: #f87242;
}
.add-business-stroke-dark-after::after {
	stroke: #f87242;
}
.add-business-stroke-dark-on-hover:hover {
	stroke: #f87242;
}
.add-business-stroke-dark-to-child-on-hover:hover .add-business-stroke-dark-on-parent-hover {
	stroke: #f87242;
}
.add-business-stroke-darker {
	stroke: #f75f2a;
}
.add-business-stroke-darker-before::before {
	stroke: #f75f2a;
}
.add-business-stroke-darker-after::after {
	stroke: #f75f2a;
}
.add-business-stroke-darker-on-hover:hover {
	stroke: #f75f2a;
}
.add-business-stroke-darker-to-child-on-hover:hover .add-business-stroke-darker-on-parent-hover {
	stroke: #f75f2a;
}
.add-business-stroke-darkest {
	stroke: #e64208;
}
.add-business-stroke-darkest-before::before {
	stroke: #e64208;
}
.add-business-stroke-darkest-after::after {
	stroke: #e64208;
}
.add-business-stroke-darkest-on-hover:hover {
	stroke: #e64208;
}
.add-business-stroke-darkest-to-child-on-hover:hover .add-business-stroke-darkest-on-parent-hover {
	stroke: #e64208;
}
.add-business-color {
	color: rgb(249, 132, 91);
}
.add-business-color-before::before {
	color: rgb(249, 132, 91);
}
.add-business-color-after::after {
	color: rgb(249, 132, 91);
}
.add-business-color-on-hover:hover {
	color: rgb(249, 132, 91);
}
.add-business-color-to-child-on-hover:hover .add-business-color-on-parent-hover {
	color: rgb(249, 132, 91);
}
.add-business-color-light {
	color: rgb(250, 150, 116);
}
.add-business-color-light-before::before {
	color: rgb(250, 150, 116);
}
.add-business-color-light-after::after {
	color: rgb(250, 150, 116);
}
.add-business-color-light-on-hover:hover {
	color: rgb(250, 150, 116);
}
.add-business-color-light-to-child-on-hover:hover .add-business-color-light-on-parent-hover {
	color: rgb(250, 150, 116);
}
.add-business-color-lighter {
	color: rgb(251, 169, 140);
}
.add-business-color-lighter-before::before {
	color: rgb(251, 169, 140);
}
.add-business-color-lighter-after::after {
	color: rgb(251, 169, 140);
}
.add-business-color-lighter-on-hover:hover {
	color: rgb(251, 169, 140);
}
.add-business-color-lighter-to-child-on-hover:hover .add-business-color-lighter-on-parent-hover {
	color: rgb(251, 169, 140);
}
.add-business-color-lightest {
	color: rgb(253, 206, 189);
}
.add-business-color-lightest-before::before {
	color: rgb(253, 206, 189);
}
.add-business-color-lightest-after::after {
	color: rgb(253, 206, 189);
}
.add-business-color-lightest-on-hover:hover {
	color: rgb(253, 206, 189);
}
.add-business-color-lightest-to-child-on-hover:hover .add-business-color-lightest-on-parent-hover {
	color: rgb(253, 206, 189);
}
.add-business-color-dark {
	color: rgb(248, 114, 66);
}
.add-business-color-dark-before::before {
	color: rgb(248, 114, 66);
}
.add-business-color-dark-after::after {
	color: rgb(248, 114, 66);
}
.add-business-color-dark-on-hover:hover {
	color: rgb(248, 114, 66);
}
.add-business-color-dark-to-child-on-hover:hover .add-business-color-dark-on-parent-hover {
	color: rgb(248, 114, 66);
}
.add-business-color-darker {
	color: rgb(247, 95, 42);
}
.add-business-color-darker-before::before {
	color: rgb(247, 95, 42);
}
.add-business-color-darker-after::after {
	color: rgb(247, 95, 42);
}
.add-business-color-darker-on-hover:hover {
	color: rgb(247, 95, 42);
}
.add-business-color-darker-to-child-on-hover:hover .add-business-color-darker-on-parent-hover {
	color: rgb(247, 95, 42);
}
.add-business-color-darkest {
	color: rgb(230, 66, 8);
}
.add-business-color-darkest-before::before {
	color: rgb(230, 66, 8);
}
.add-business-color-darkest-after::after {
	color: rgb(230, 66, 8);
}
.add-business-color-darkest-on-hover:hover {
	color: rgb(230, 66, 8);
}
.add-business-color-darkest-to-child-on-hover:hover .add-business-color-darkest-on-parent-hover {
	color: rgb(230, 66, 8);
}
.add-business-border-color {
	border-color: rgb(249, 132, 91);
}
.add-business-border-color-before::before {
	border-color: rgb(249, 132, 91);
}
.add-business-border-color-after::after {
	border-color: rgb(249, 132, 91);
}
.add-business-border-color-on-hover:hover {
	border-color: rgb(249, 132, 91);
}
.add-business-border-color-to-child-on-hover:hover .add-business-border-color-on-parent-hover {
	border-color: rgb(249, 132, 91);
}
.add-business-border-color-light {
	border-color: rgb(250, 150, 116);
}
.add-business-border-color-light-before::before {
	border-color: rgb(250, 150, 116);
}
.add-business-border-color-light-after::after {
	border-color: rgb(250, 150, 116);
}
.add-business-border-color-light-on-hover:hover {
	border-color: rgb(250, 150, 116);
}
.add-business-border-color-light-to-child-on-hover:hover .add-business-border-color-light-on-parent-hover {
	border-color: rgb(250, 150, 116);
}
.add-business-border-color-lighter {
	border-color: rgb(251, 169, 140);
}
.add-business-border-color-lighter-before::before {
	border-color: rgb(251, 169, 140);
}
.add-business-border-color-lighter-after::after {
	border-color: rgb(251, 169, 140);
}
.add-business-border-color-lighter-on-hover:hover {
	border-color: rgb(251, 169, 140);
}
.add-business-border-color-lighter-to-child-on-hover:hover .add-business-border-color-lighter-on-parent-hover {
	border-color: rgb(251, 169, 140);
}
.add-business-border-color-lightest {
	border-color: rgb(253, 206, 189);
}
.add-business-border-color-lightest-before::before {
	border-color: rgb(253, 206, 189);
}
.add-business-border-color-lightest-after::after {
	border-color: rgb(253, 206, 189);
}
.add-business-border-color-lightest-on-hover:hover {
	border-color: rgb(253, 206, 189);
}
.add-business-border-color-lightest-to-child-on-hover:hover .add-business-border-color-lightest-on-parent-hover {
	border-color: rgb(253, 206, 189);
}
.add-business-border-color-dark {
	border-color: rgb(248, 114, 66);
}
.add-business-border-color-dark-before::before {
	border-color: rgb(248, 114, 66);
}
.add-business-border-color-dark-after::after {
	border-color: rgb(248, 114, 66);
}
.add-business-border-color-dark-on-hover:hover {
	border-color: rgb(248, 114, 66);
}
.add-business-border-color-dark-to-child-on-hover:hover .add-business-border-color-dark-on-parent-hover {
	border-color: rgb(248, 114, 66);
}
.add-business-border-color-darker {
	border-color: rgb(247, 95, 42);
}
.add-business-border-color-darker-before::before {
	border-color: rgb(247, 95, 42);
}
.add-business-border-color-darker-after::after {
	border-color: rgb(247, 95, 42);
}
.add-business-border-color-darker-on-hover:hover {
	border-color: rgb(247, 95, 42);
}
.add-business-border-color-darker-to-child-on-hover:hover .add-business-border-color-darker-on-parent-hover {
	border-color: rgb(247, 95, 42);
}
.add-business-border-color-darkest {
	border-color: rgb(230, 66, 8);
}
.add-business-border-color-darkest-before::before {
	border-color: rgb(230, 66, 8);
}
.add-business-border-color-darkest-after::after {
	border-color: rgb(230, 66, 8);
}
.add-business-border-color-darkest-on-hover:hover {
	border-color: rgb(230, 66, 8);
}
.add-business-border-color-darkest-to-child-on-hover:hover .add-business-border-color-darkest-on-parent-hover {
	border-color: rgb(230, 66, 8);
}
.add-business-background-color {
	background-color: rgb(249, 132, 91);
}
.add-business-background-color-before::before {
	background-color: rgb(249, 132, 91);
}
.add-business-background-color-after::after {
	background-color: rgb(249, 132, 91);
}
.add-business-background-color-on-hover:hover {
	background-color: rgb(249, 132, 91);
}
.add-business-background-color-to-child-on-hover:hover .add-business-background-color-on-parent-hover {
	background-color: rgb(249, 132, 91);
}
.add-business-background-color-light {
	background-color: rgb(250, 150, 116);
}
.add-business-background-color-light-before::before {
	background-color: rgb(250, 150, 116);
}
.add-business-background-color-light-after::after {
	background-color: rgb(250, 150, 116);
}
.add-business-background-color-light-on-hover:hover {
	background-color: rgb(250, 150, 116);
}
.add-business-background-color-light-to-child-on-hover:hover .add-business-background-color-light-on-parent-hover {
	background-color: rgb(250, 150, 116);
}
.add-business-background-color-lighter {
	background-color: rgb(251, 169, 140);
}
.add-business-background-color-lighter-before::before {
	background-color: rgb(251, 169, 140);
}
.add-business-background-color-lighter-after::after {
	background-color: rgb(251, 169, 140);
}
.add-business-background-color-lighter-on-hover:hover {
	background-color: rgb(251, 169, 140);
}
.add-business-background-color-lighter-to-child-on-hover:hover .add-business-background-color-lighter-on-parent-hover {
	background-color: rgb(251, 169, 140);
}
.add-business-background-color-lightest {
	background-color: rgb(253, 206, 189);
}
.add-business-background-color-lightest-before::before {
	background-color: rgb(253, 206, 189);
}
.add-business-background-color-lightest-after::after {
	background-color: rgb(253, 206, 189);
}
.add-business-background-color-lightest-on-hover:hover {
	background-color: rgb(253, 206, 189);
}
.add-business-background-color-lightest-to-child-on-hover:hover .add-business-background-color-lightest-on-parent-hover {
	background-color: rgb(253, 206, 189);
}
.add-business-background-color-dark {
	background-color: rgb(248, 114, 66);
}
.add-business-background-color-dark-before::before {
	background-color: rgb(248, 114, 66);
}
.add-business-background-color-dark-after::after {
	background-color: rgb(248, 114, 66);
}
.add-business-background-color-dark-on-hover:hover {
	background-color: rgb(248, 114, 66);
}
.add-business-background-color-dark-to-child-on-hover:hover .add-business-background-color-dark-on-parent-hover {
	background-color: rgb(248, 114, 66);
}
.add-business-background-color-darker {
	background-color: rgb(247, 95, 42);
}
.add-business-background-color-darker-before::before {
	background-color: rgb(247, 95, 42);
}
.add-business-background-color-darker-after::after {
	background-color: rgb(247, 95, 42);
}
.add-business-background-color-darker-on-hover:hover {
	background-color: rgb(247, 95, 42);
}
.add-business-background-color-darker-to-child-on-hover:hover .add-business-background-color-darker-on-parent-hover {
	background-color: rgb(247, 95, 42);
}
.add-business-background-color-darkest {
	background-color: rgb(230, 66, 8);
}
.add-business-background-color-darkest-before::before {
	background-color: rgb(230, 66, 8);
}
.add-business-background-color-darkest-after::after {
	background-color: rgb(230, 66, 8);
}
.add-business-background-color-darkest-on-hover:hover {
	background-color: rgb(230, 66, 8);
}
.add-business-background-color-darkest-to-child-on-hover:hover .add-business-background-color-darkest-on-parent-hover {
	background-color: rgb(230, 66, 8);
}
.add-wordpress-fill {
	fill: #838cc7;
}
.add-wordpress-fill-before::before {
	fill: #838cc7;
}
.add-wordpress-fill-after::after {
	fill: #838cc7;
}
.add-wordpress-fill-on-hover:hover {
	fill: #838cc7;
}
.add-wordpress-fill-to-child-on-hover:hover .add-wordpress-fill-on-parent-hover {
	fill: #838cc7;
}
.add-wordpress-fill-light {
	fill: #959ccf;
}
.add-wordpress-fill-light-before::before {
	fill: #959ccf;
}
.add-wordpress-fill-light-after::after {
	fill: #959ccf;
}
.add-wordpress-fill-light-on-hover:hover {
	fill: #959ccf;
}
.add-wordpress-fill-light-to-child-on-hover:hover .add-wordpress-fill-light-on-parent-hover {
	fill: #959ccf;
}
.add-wordpress-fill-lighter {
	fill: #a6add7;
}
.add-wordpress-fill-lighter-before::before {
	fill: #a6add7;
}
.add-wordpress-fill-lighter-after::after {
	fill: #a6add7;
}
.add-wordpress-fill-lighter-on-hover:hover {
	fill: #a6add7;
}
.add-wordpress-fill-lighter-to-child-on-hover:hover .add-wordpress-fill-lighter-on-parent-hover {
	fill: #a6add7;
}
.add-wordpress-fill-lightest {
	fill: #c9cde7;
}
.add-wordpress-fill-lightest-before::before {
	fill: #c9cde7;
}
.add-wordpress-fill-lightest-after::after {
	fill: #c9cde7;
}
.add-wordpress-fill-lightest-on-hover:hover {
	fill: #c9cde7;
}
.add-wordpress-fill-lightest-to-child-on-hover:hover .add-wordpress-fill-lightest-on-parent-hover {
	fill: #c9cde7;
}
.add-wordpress-fill-dark {
	fill: #717cbf;
}
.add-wordpress-fill-dark-before::before {
	fill: #717cbf;
}
.add-wordpress-fill-dark-after::after {
	fill: #717cbf;
}
.add-wordpress-fill-dark-on-hover:hover {
	fill: #717cbf;
}
.add-wordpress-fill-dark-to-child-on-hover:hover .add-wordpress-fill-dark-on-parent-hover {
	fill: #717cbf;
}
.add-wordpress-fill-darker {
	fill: #606bb7;
}
.add-wordpress-fill-darker-before::before {
	fill: #606bb7;
}
.add-wordpress-fill-darker-after::after {
	fill: #606bb7;
}
.add-wordpress-fill-darker-on-hover:hover {
	fill: #606bb7;
}
.add-wordpress-fill-darker-to-child-on-hover:hover .add-wordpress-fill-darker-on-parent-hover {
	fill: #606bb7;
}
.add-wordpress-fill-darkest {
	fill: #47529d;
}
.add-wordpress-fill-darkest-before::before {
	fill: #47529d;
}
.add-wordpress-fill-darkest-after::after {
	fill: #47529d;
}
.add-wordpress-fill-darkest-on-hover:hover {
	fill: #47529d;
}
.add-wordpress-fill-darkest-to-child-on-hover:hover .add-wordpress-fill-darkest-on-parent-hover {
	fill: #47529d;
}
.add-wordpress-stroke {
	stroke: #838cc7;
}
.add-wordpress-stroke-before::before {
	stroke: #838cc7;
}
.add-wordpress-stroke-after::after {
	stroke: #838cc7;
}
.add-wordpress-stroke-on-hover:hover {
	stroke: #838cc7;
}
.add-wordpress-stroke-to-child-on-hover:hover .add-wordpress-stroke-on-parent-hover {
	stroke: #838cc7;
}
.add-wordpress-stroke-light {
	stroke: #959ccf;
}
.add-wordpress-stroke-light-before::before {
	stroke: #959ccf;
}
.add-wordpress-stroke-light-after::after {
	stroke: #959ccf;
}
.add-wordpress-stroke-light-on-hover:hover {
	stroke: #959ccf;
}
.add-wordpress-stroke-light-to-child-on-hover:hover .add-wordpress-stroke-light-on-parent-hover {
	stroke: #959ccf;
}
.add-wordpress-stroke-lighter {
	stroke: #a6add7;
}
.add-wordpress-stroke-lighter-before::before {
	stroke: #a6add7;
}
.add-wordpress-stroke-lighter-after::after {
	stroke: #a6add7;
}
.add-wordpress-stroke-lighter-on-hover:hover {
	stroke: #a6add7;
}
.add-wordpress-stroke-lighter-to-child-on-hover:hover .add-wordpress-stroke-lighter-on-parent-hover {
	stroke: #a6add7;
}
.add-wordpress-stroke-lightest {
	stroke: #c9cde7;
}
.add-wordpress-stroke-lightest-before::before {
	stroke: #c9cde7;
}
.add-wordpress-stroke-lightest-after::after {
	stroke: #c9cde7;
}
.add-wordpress-stroke-lightest-on-hover:hover {
	stroke: #c9cde7;
}
.add-wordpress-stroke-lightest-to-child-on-hover:hover .add-wordpress-stroke-lightest-on-parent-hover {
	stroke: #c9cde7;
}
.add-wordpress-stroke-dark {
	stroke: #717cbf;
}
.add-wordpress-stroke-dark-before::before {
	stroke: #717cbf;
}
.add-wordpress-stroke-dark-after::after {
	stroke: #717cbf;
}
.add-wordpress-stroke-dark-on-hover:hover {
	stroke: #717cbf;
}
.add-wordpress-stroke-dark-to-child-on-hover:hover .add-wordpress-stroke-dark-on-parent-hover {
	stroke: #717cbf;
}
.add-wordpress-stroke-darker {
	stroke: #606bb7;
}
.add-wordpress-stroke-darker-before::before {
	stroke: #606bb7;
}
.add-wordpress-stroke-darker-after::after {
	stroke: #606bb7;
}
.add-wordpress-stroke-darker-on-hover:hover {
	stroke: #606bb7;
}
.add-wordpress-stroke-darker-to-child-on-hover:hover .add-wordpress-stroke-darker-on-parent-hover {
	stroke: #606bb7;
}
.add-wordpress-stroke-darkest {
	stroke: #47529d;
}
.add-wordpress-stroke-darkest-before::before {
	stroke: #47529d;
}
.add-wordpress-stroke-darkest-after::after {
	stroke: #47529d;
}
.add-wordpress-stroke-darkest-on-hover:hover {
	stroke: #47529d;
}
.add-wordpress-stroke-darkest-to-child-on-hover:hover .add-wordpress-stroke-darkest-on-parent-hover {
	stroke: #47529d;
}
.add-wordpress-color {
	color: rgb(131, 140, 199);
}
.add-wordpress-color-before::before {
	color: rgb(131, 140, 199);
}
.add-wordpress-color-after::after {
	color: rgb(131, 140, 199);
}
.add-wordpress-color-on-hover:hover {
	color: rgb(131, 140, 199);
}
.add-wordpress-color-to-child-on-hover:hover .add-wordpress-color-on-parent-hover {
	color: rgb(131, 140, 199);
}
.add-wordpress-color-light {
	color: rgb(149, 156, 207);
}
.add-wordpress-color-light-before::before {
	color: rgb(149, 156, 207);
}
.add-wordpress-color-light-after::after {
	color: rgb(149, 156, 207);
}
.add-wordpress-color-light-on-hover:hover {
	color: rgb(149, 156, 207);
}
.add-wordpress-color-light-to-child-on-hover:hover .add-wordpress-color-light-on-parent-hover {
	color: rgb(149, 156, 207);
}
.add-wordpress-color-lighter {
	color: rgb(166, 173, 215);
}
.add-wordpress-color-lighter-before::before {
	color: rgb(166, 173, 215);
}
.add-wordpress-color-lighter-after::after {
	color: rgb(166, 173, 215);
}
.add-wordpress-color-lighter-on-hover:hover {
	color: rgb(166, 173, 215);
}
.add-wordpress-color-lighter-to-child-on-hover:hover .add-wordpress-color-lighter-on-parent-hover {
	color: rgb(166, 173, 215);
}
.add-wordpress-color-lightest {
	color: rgb(201, 205, 231);
}
.add-wordpress-color-lightest-before::before {
	color: rgb(201, 205, 231);
}
.add-wordpress-color-lightest-after::after {
	color: rgb(201, 205, 231);
}
.add-wordpress-color-lightest-on-hover:hover {
	color: rgb(201, 205, 231);
}
.add-wordpress-color-lightest-to-child-on-hover:hover .add-wordpress-color-lightest-on-parent-hover {
	color: rgb(201, 205, 231);
}
.add-wordpress-color-dark {
	color: rgb(113, 124, 191);
}
.add-wordpress-color-dark-before::before {
	color: rgb(113, 124, 191);
}
.add-wordpress-color-dark-after::after {
	color: rgb(113, 124, 191);
}
.add-wordpress-color-dark-on-hover:hover {
	color: rgb(113, 124, 191);
}
.add-wordpress-color-dark-to-child-on-hover:hover .add-wordpress-color-dark-on-parent-hover {
	color: rgb(113, 124, 191);
}
.add-wordpress-color-darker {
	color: rgb(96, 107, 183);
}
.add-wordpress-color-darker-before::before {
	color: rgb(96, 107, 183);
}
.add-wordpress-color-darker-after::after {
	color: rgb(96, 107, 183);
}
.add-wordpress-color-darker-on-hover:hover {
	color: rgb(96, 107, 183);
}
.add-wordpress-color-darker-to-child-on-hover:hover .add-wordpress-color-darker-on-parent-hover {
	color: rgb(96, 107, 183);
}
.add-wordpress-color-darkest {
	color: rgb(71, 82, 157);
}
.add-wordpress-color-darkest-before::before {
	color: rgb(71, 82, 157);
}
.add-wordpress-color-darkest-after::after {
	color: rgb(71, 82, 157);
}
.add-wordpress-color-darkest-on-hover:hover {
	color: rgb(71, 82, 157);
}
.add-wordpress-color-darkest-to-child-on-hover:hover .add-wordpress-color-darkest-on-parent-hover {
	color: rgb(71, 82, 157);
}
.add-wordpress-border-color {
	border-color: rgb(131, 140, 199);
}
.add-wordpress-border-color-before::before {
	border-color: rgb(131, 140, 199);
}
.add-wordpress-border-color-after::after {
	border-color: rgb(131, 140, 199);
}
.add-wordpress-border-color-on-hover:hover {
	border-color: rgb(131, 140, 199);
}
.add-wordpress-border-color-to-child-on-hover:hover .add-wordpress-border-color-on-parent-hover {
	border-color: rgb(131, 140, 199);
}
.add-wordpress-border-color-light {
	border-color: rgb(149, 156, 207);
}
.add-wordpress-border-color-light-before::before {
	border-color: rgb(149, 156, 207);
}
.add-wordpress-border-color-light-after::after {
	border-color: rgb(149, 156, 207);
}
.add-wordpress-border-color-light-on-hover:hover {
	border-color: rgb(149, 156, 207);
}
.add-wordpress-border-color-light-to-child-on-hover:hover .add-wordpress-border-color-light-on-parent-hover {
	border-color: rgb(149, 156, 207);
}
.add-wordpress-border-color-lighter {
	border-color: rgb(166, 173, 215);
}
.add-wordpress-border-color-lighter-before::before {
	border-color: rgb(166, 173, 215);
}
.add-wordpress-border-color-lighter-after::after {
	border-color: rgb(166, 173, 215);
}
.add-wordpress-border-color-lighter-on-hover:hover {
	border-color: rgb(166, 173, 215);
}
.add-wordpress-border-color-lighter-to-child-on-hover:hover .add-wordpress-border-color-lighter-on-parent-hover {
	border-color: rgb(166, 173, 215);
}
.add-wordpress-border-color-lightest {
	border-color: rgb(201, 205, 231);
}
.add-wordpress-border-color-lightest-before::before {
	border-color: rgb(201, 205, 231);
}
.add-wordpress-border-color-lightest-after::after {
	border-color: rgb(201, 205, 231);
}
.add-wordpress-border-color-lightest-on-hover:hover {
	border-color: rgb(201, 205, 231);
}
.add-wordpress-border-color-lightest-to-child-on-hover:hover .add-wordpress-border-color-lightest-on-parent-hover {
	border-color: rgb(201, 205, 231);
}
.add-wordpress-border-color-dark {
	border-color: rgb(113, 124, 191);
}
.add-wordpress-border-color-dark-before::before {
	border-color: rgb(113, 124, 191);
}
.add-wordpress-border-color-dark-after::after {
	border-color: rgb(113, 124, 191);
}
.add-wordpress-border-color-dark-on-hover:hover {
	border-color: rgb(113, 124, 191);
}
.add-wordpress-border-color-dark-to-child-on-hover:hover .add-wordpress-border-color-dark-on-parent-hover {
	border-color: rgb(113, 124, 191);
}
.add-wordpress-border-color-darker {
	border-color: rgb(96, 107, 183);
}
.add-wordpress-border-color-darker-before::before {
	border-color: rgb(96, 107, 183);
}
.add-wordpress-border-color-darker-after::after {
	border-color: rgb(96, 107, 183);
}
.add-wordpress-border-color-darker-on-hover:hover {
	border-color: rgb(96, 107, 183);
}
.add-wordpress-border-color-darker-to-child-on-hover:hover .add-wordpress-border-color-darker-on-parent-hover {
	border-color: rgb(96, 107, 183);
}
.add-wordpress-border-color-darkest {
	border-color: rgb(71, 82, 157);
}
.add-wordpress-border-color-darkest-before::before {
	border-color: rgb(71, 82, 157);
}
.add-wordpress-border-color-darkest-after::after {
	border-color: rgb(71, 82, 157);
}
.add-wordpress-border-color-darkest-on-hover:hover {
	border-color: rgb(71, 82, 157);
}
.add-wordpress-border-color-darkest-to-child-on-hover:hover .add-wordpress-border-color-darkest-on-parent-hover {
	border-color: rgb(71, 82, 157);
}
.add-wordpress-background-color {
	background-color: rgb(131, 140, 199);
}
.add-wordpress-background-color-before::before {
	background-color: rgb(131, 140, 199);
}
.add-wordpress-background-color-after::after {
	background-color: rgb(131, 140, 199);
}
.add-wordpress-background-color-on-hover:hover {
	background-color: rgb(131, 140, 199);
}
.add-wordpress-background-color-to-child-on-hover:hover .add-wordpress-background-color-on-parent-hover {
	background-color: rgb(131, 140, 199);
}
.add-wordpress-background-color-light {
	background-color: rgb(149, 156, 207);
}
.add-wordpress-background-color-light-before::before {
	background-color: rgb(149, 156, 207);
}
.add-wordpress-background-color-light-after::after {
	background-color: rgb(149, 156, 207);
}
.add-wordpress-background-color-light-on-hover:hover {
	background-color: rgb(149, 156, 207);
}
.add-wordpress-background-color-light-to-child-on-hover:hover .add-wordpress-background-color-light-on-parent-hover {
	background-color: rgb(149, 156, 207);
}
.add-wordpress-background-color-lighter {
	background-color: rgb(166, 173, 215);
}
.add-wordpress-background-color-lighter-before::before {
	background-color: rgb(166, 173, 215);
}
.add-wordpress-background-color-lighter-after::after {
	background-color: rgb(166, 173, 215);
}
.add-wordpress-background-color-lighter-on-hover:hover {
	background-color: rgb(166, 173, 215);
}
.add-wordpress-background-color-lighter-to-child-on-hover:hover .add-wordpress-background-color-lighter-on-parent-hover {
	background-color: rgb(166, 173, 215);
}
.add-wordpress-background-color-lightest {
	background-color: rgb(201, 205, 231);
}
.add-wordpress-background-color-lightest-before::before {
	background-color: rgb(201, 205, 231);
}
.add-wordpress-background-color-lightest-after::after {
	background-color: rgb(201, 205, 231);
}
.add-wordpress-background-color-lightest-on-hover:hover {
	background-color: rgb(201, 205, 231);
}
.add-wordpress-background-color-lightest-to-child-on-hover:hover .add-wordpress-background-color-lightest-on-parent-hover {
	background-color: rgb(201, 205, 231);
}
.add-wordpress-background-color-dark {
	background-color: rgb(113, 124, 191);
}
.add-wordpress-background-color-dark-before::before {
	background-color: rgb(113, 124, 191);
}
.add-wordpress-background-color-dark-after::after {
	background-color: rgb(113, 124, 191);
}
.add-wordpress-background-color-dark-on-hover:hover {
	background-color: rgb(113, 124, 191);
}
.add-wordpress-background-color-dark-to-child-on-hover:hover .add-wordpress-background-color-dark-on-parent-hover {
	background-color: rgb(113, 124, 191);
}
.add-wordpress-background-color-darker {
	background-color: rgb(96, 107, 183);
}
.add-wordpress-background-color-darker-before::before {
	background-color: rgb(96, 107, 183);
}
.add-wordpress-background-color-darker-after::after {
	background-color: rgb(96, 107, 183);
}
.add-wordpress-background-color-darker-on-hover:hover {
	background-color: rgb(96, 107, 183);
}
.add-wordpress-background-color-darker-to-child-on-hover:hover .add-wordpress-background-color-darker-on-parent-hover {
	background-color: rgb(96, 107, 183);
}
.add-wordpress-background-color-darkest {
	background-color: rgb(71, 82, 157);
}
.add-wordpress-background-color-darkest-before::before {
	background-color: rgb(71, 82, 157);
}
.add-wordpress-background-color-darkest-after::after {
	background-color: rgb(71, 82, 157);
}
.add-wordpress-background-color-darkest-on-hover:hover {
	background-color: rgb(71, 82, 157);
}
.add-wordpress-background-color-darkest-to-child-on-hover:hover .add-wordpress-background-color-darkest-on-parent-hover {
	background-color: rgb(71, 82, 157);
}
.add-php-fill {
	fill: #7d669e;
}
.add-php-fill-before::before {
	fill: #7d669e;
}
.add-php-fill-after::after {
	fill: #7d669e;
}
.add-php-fill-on-hover:hover {
	fill: #7d669e;
}
.add-php-fill-to-child-on-hover:hover .add-php-fill-on-parent-hover {
	fill: #7d669e;
}
.add-php-fill-light {
	fill: #8a76a8;
}
.add-php-fill-light-before::before {
	fill: #8a76a8;
}
.add-php-fill-light-after::after {
	fill: #8a76a8;
}
.add-php-fill-light-on-hover:hover {
	fill: #8a76a8;
}
.add-php-fill-light-to-child-on-hover:hover .add-php-fill-light-on-parent-hover {
	fill: #8a76a8;
}
.add-php-fill-lighter {
	fill: #9885b2;
}
.add-php-fill-lighter-before::before {
	fill: #9885b2;
}
.add-php-fill-lighter-after::after {
	fill: #9885b2;
}
.add-php-fill-lighter-on-hover:hover {
	fill: #9885b2;
}
.add-php-fill-lighter-to-child-on-hover:hover .add-php-fill-lighter-on-parent-hover {
	fill: #9885b2;
}
.add-php-fill-lightest {
	fill: #b2a4c6;
}
.add-php-fill-lightest-before::before {
	fill: #b2a4c6;
}
.add-php-fill-lightest-after::after {
	fill: #b2a4c6;
}
.add-php-fill-lightest-on-hover:hover {
	fill: #b2a4c6;
}
.add-php-fill-lightest-to-child-on-hover:hover .add-php-fill-lightest-on-parent-hover {
	fill: #b2a4c6;
}
.add-php-fill-dark {
	fill: #715b90;
}
.add-php-fill-dark-before::before {
	fill: #715b90;
}
.add-php-fill-dark-after::after {
	fill: #715b90;
}
.add-php-fill-dark-on-hover:hover {
	fill: #715b90;
}
.add-php-fill-dark-to-child-on-hover:hover .add-php-fill-dark-on-parent-hover {
	fill: #715b90;
}
.add-php-fill-darker {
	fill: #645180;
}
.add-php-fill-darker-before::before {
	fill: #645180;
}
.add-php-fill-darker-after::after {
	fill: #645180;
}
.add-php-fill-darker-on-hover:hover {
	fill: #645180;
}
.add-php-fill-darker-to-child-on-hover:hover .add-php-fill-darker-on-parent-hover {
	fill: #645180;
}
.add-php-fill-darkest {
	fill: #4c3d61;
}
.add-php-fill-darkest-before::before {
	fill: #4c3d61;
}
.add-php-fill-darkest-after::after {
	fill: #4c3d61;
}
.add-php-fill-darkest-on-hover:hover {
	fill: #4c3d61;
}
.add-php-fill-darkest-to-child-on-hover:hover .add-php-fill-darkest-on-parent-hover {
	fill: #4c3d61;
}
.add-php-stroke {
	stroke: #7d669e;
}
.add-php-stroke-before::before {
	stroke: #7d669e;
}
.add-php-stroke-after::after {
	stroke: #7d669e;
}
.add-php-stroke-on-hover:hover {
	stroke: #7d669e;
}
.add-php-stroke-to-child-on-hover:hover .add-php-stroke-on-parent-hover {
	stroke: #7d669e;
}
.add-php-stroke-light {
	stroke: #8a76a8;
}
.add-php-stroke-light-before::before {
	stroke: #8a76a8;
}
.add-php-stroke-light-after::after {
	stroke: #8a76a8;
}
.add-php-stroke-light-on-hover:hover {
	stroke: #8a76a8;
}
.add-php-stroke-light-to-child-on-hover:hover .add-php-stroke-light-on-parent-hover {
	stroke: #8a76a8;
}
.add-php-stroke-lighter {
	stroke: #9885b2;
}
.add-php-stroke-lighter-before::before {
	stroke: #9885b2;
}
.add-php-stroke-lighter-after::after {
	stroke: #9885b2;
}
.add-php-stroke-lighter-on-hover:hover {
	stroke: #9885b2;
}
.add-php-stroke-lighter-to-child-on-hover:hover .add-php-stroke-lighter-on-parent-hover {
	stroke: #9885b2;
}
.add-php-stroke-lightest {
	stroke: #b2a4c6;
}
.add-php-stroke-lightest-before::before {
	stroke: #b2a4c6;
}
.add-php-stroke-lightest-after::after {
	stroke: #b2a4c6;
}
.add-php-stroke-lightest-on-hover:hover {
	stroke: #b2a4c6;
}
.add-php-stroke-lightest-to-child-on-hover:hover .add-php-stroke-lightest-on-parent-hover {
	stroke: #b2a4c6;
}
.add-php-stroke-dark {
	stroke: #715b90;
}
.add-php-stroke-dark-before::before {
	stroke: #715b90;
}
.add-php-stroke-dark-after::after {
	stroke: #715b90;
}
.add-php-stroke-dark-on-hover:hover {
	stroke: #715b90;
}
.add-php-stroke-dark-to-child-on-hover:hover .add-php-stroke-dark-on-parent-hover {
	stroke: #715b90;
}
.add-php-stroke-darker {
	stroke: #645180;
}
.add-php-stroke-darker-before::before {
	stroke: #645180;
}
.add-php-stroke-darker-after::after {
	stroke: #645180;
}
.add-php-stroke-darker-on-hover:hover {
	stroke: #645180;
}
.add-php-stroke-darker-to-child-on-hover:hover .add-php-stroke-darker-on-parent-hover {
	stroke: #645180;
}
.add-php-stroke-darkest {
	stroke: #4c3d61;
}
.add-php-stroke-darkest-before::before {
	stroke: #4c3d61;
}
.add-php-stroke-darkest-after::after {
	stroke: #4c3d61;
}
.add-php-stroke-darkest-on-hover:hover {
	stroke: #4c3d61;
}
.add-php-stroke-darkest-to-child-on-hover:hover .add-php-stroke-darkest-on-parent-hover {
	stroke: #4c3d61;
}
.add-php-color {
	color: rgb(125, 102, 158);
}
.add-php-color-before::before {
	color: rgb(125, 102, 158);
}
.add-php-color-after::after {
	color: rgb(125, 102, 158);
}
.add-php-color-on-hover:hover {
	color: rgb(125, 102, 158);
}
.add-php-color-to-child-on-hover:hover .add-php-color-on-parent-hover {
	color: rgb(125, 102, 158);
}
.add-php-color-light {
	color: rgb(138, 118, 168);
}
.add-php-color-light-before::before {
	color: rgb(138, 118, 168);
}
.add-php-color-light-after::after {
	color: rgb(138, 118, 168);
}
.add-php-color-light-on-hover:hover {
	color: rgb(138, 118, 168);
}
.add-php-color-light-to-child-on-hover:hover .add-php-color-light-on-parent-hover {
	color: rgb(138, 118, 168);
}
.add-php-color-lighter {
	color: rgb(152, 133, 178);
}
.add-php-color-lighter-before::before {
	color: rgb(152, 133, 178);
}
.add-php-color-lighter-after::after {
	color: rgb(152, 133, 178);
}
.add-php-color-lighter-on-hover:hover {
	color: rgb(152, 133, 178);
}
.add-php-color-lighter-to-child-on-hover:hover .add-php-color-lighter-on-parent-hover {
	color: rgb(152, 133, 178);
}
.add-php-color-lightest {
	color: rgb(178, 164, 198);
}
.add-php-color-lightest-before::before {
	color: rgb(178, 164, 198);
}
.add-php-color-lightest-after::after {
	color: rgb(178, 164, 198);
}
.add-php-color-lightest-on-hover:hover {
	color: rgb(178, 164, 198);
}
.add-php-color-lightest-to-child-on-hover:hover .add-php-color-lightest-on-parent-hover {
	color: rgb(178, 164, 198);
}
.add-php-color-dark {
	color: rgb(113, 91, 144);
}
.add-php-color-dark-before::before {
	color: rgb(113, 91, 144);
}
.add-php-color-dark-after::after {
	color: rgb(113, 91, 144);
}
.add-php-color-dark-on-hover:hover {
	color: rgb(113, 91, 144);
}
.add-php-color-dark-to-child-on-hover:hover .add-php-color-dark-on-parent-hover {
	color: rgb(113, 91, 144);
}
.add-php-color-darker {
	color: rgb(100, 81, 128);
}
.add-php-color-darker-before::before {
	color: rgb(100, 81, 128);
}
.add-php-color-darker-after::after {
	color: rgb(100, 81, 128);
}
.add-php-color-darker-on-hover:hover {
	color: rgb(100, 81, 128);
}
.add-php-color-darker-to-child-on-hover:hover .add-php-color-darker-on-parent-hover {
	color: rgb(100, 81, 128);
}
.add-php-color-darkest {
	color: rgb(76, 61, 97);
}
.add-php-color-darkest-before::before {
	color: rgb(76, 61, 97);
}
.add-php-color-darkest-after::after {
	color: rgb(76, 61, 97);
}
.add-php-color-darkest-on-hover:hover {
	color: rgb(76, 61, 97);
}
.add-php-color-darkest-to-child-on-hover:hover .add-php-color-darkest-on-parent-hover {
	color: rgb(76, 61, 97);
}
.add-php-border-color {
	border-color: rgb(125, 102, 158);
}
.add-php-border-color-before::before {
	border-color: rgb(125, 102, 158);
}
.add-php-border-color-after::after {
	border-color: rgb(125, 102, 158);
}
.add-php-border-color-on-hover:hover {
	border-color: rgb(125, 102, 158);
}
.add-php-border-color-to-child-on-hover:hover .add-php-border-color-on-parent-hover {
	border-color: rgb(125, 102, 158);
}
.add-php-border-color-light {
	border-color: rgb(138, 118, 168);
}
.add-php-border-color-light-before::before {
	border-color: rgb(138, 118, 168);
}
.add-php-border-color-light-after::after {
	border-color: rgb(138, 118, 168);
}
.add-php-border-color-light-on-hover:hover {
	border-color: rgb(138, 118, 168);
}
.add-php-border-color-light-to-child-on-hover:hover .add-php-border-color-light-on-parent-hover {
	border-color: rgb(138, 118, 168);
}
.add-php-border-color-lighter {
	border-color: rgb(152, 133, 178);
}
.add-php-border-color-lighter-before::before {
	border-color: rgb(152, 133, 178);
}
.add-php-border-color-lighter-after::after {
	border-color: rgb(152, 133, 178);
}
.add-php-border-color-lighter-on-hover:hover {
	border-color: rgb(152, 133, 178);
}
.add-php-border-color-lighter-to-child-on-hover:hover .add-php-border-color-lighter-on-parent-hover {
	border-color: rgb(152, 133, 178);
}
.add-php-border-color-lightest {
	border-color: rgb(178, 164, 198);
}
.add-php-border-color-lightest-before::before {
	border-color: rgb(178, 164, 198);
}
.add-php-border-color-lightest-after::after {
	border-color: rgb(178, 164, 198);
}
.add-php-border-color-lightest-on-hover:hover {
	border-color: rgb(178, 164, 198);
}
.add-php-border-color-lightest-to-child-on-hover:hover .add-php-border-color-lightest-on-parent-hover {
	border-color: rgb(178, 164, 198);
}
.add-php-border-color-dark {
	border-color: rgb(113, 91, 144);
}
.add-php-border-color-dark-before::before {
	border-color: rgb(113, 91, 144);
}
.add-php-border-color-dark-after::after {
	border-color: rgb(113, 91, 144);
}
.add-php-border-color-dark-on-hover:hover {
	border-color: rgb(113, 91, 144);
}
.add-php-border-color-dark-to-child-on-hover:hover .add-php-border-color-dark-on-parent-hover {
	border-color: rgb(113, 91, 144);
}
.add-php-border-color-darker {
	border-color: rgb(100, 81, 128);
}
.add-php-border-color-darker-before::before {
	border-color: rgb(100, 81, 128);
}
.add-php-border-color-darker-after::after {
	border-color: rgb(100, 81, 128);
}
.add-php-border-color-darker-on-hover:hover {
	border-color: rgb(100, 81, 128);
}
.add-php-border-color-darker-to-child-on-hover:hover .add-php-border-color-darker-on-parent-hover {
	border-color: rgb(100, 81, 128);
}
.add-php-border-color-darkest {
	border-color: rgb(76, 61, 97);
}
.add-php-border-color-darkest-before::before {
	border-color: rgb(76, 61, 97);
}
.add-php-border-color-darkest-after::after {
	border-color: rgb(76, 61, 97);
}
.add-php-border-color-darkest-on-hover:hover {
	border-color: rgb(76, 61, 97);
}
.add-php-border-color-darkest-to-child-on-hover:hover .add-php-border-color-darkest-on-parent-hover {
	border-color: rgb(76, 61, 97);
}
.add-php-background-color {
	background-color: rgb(125, 102, 158);
}
.add-php-background-color-before::before {
	background-color: rgb(125, 102, 158);
}
.add-php-background-color-after::after {
	background-color: rgb(125, 102, 158);
}
.add-php-background-color-on-hover:hover {
	background-color: rgb(125, 102, 158);
}
.add-php-background-color-to-child-on-hover:hover .add-php-background-color-on-parent-hover {
	background-color: rgb(125, 102, 158);
}
.add-php-background-color-light {
	background-color: rgb(138, 118, 168);
}
.add-php-background-color-light-before::before {
	background-color: rgb(138, 118, 168);
}
.add-php-background-color-light-after::after {
	background-color: rgb(138, 118, 168);
}
.add-php-background-color-light-on-hover:hover {
	background-color: rgb(138, 118, 168);
}
.add-php-background-color-light-to-child-on-hover:hover .add-php-background-color-light-on-parent-hover {
	background-color: rgb(138, 118, 168);
}
.add-php-background-color-lighter {
	background-color: rgb(152, 133, 178);
}
.add-php-background-color-lighter-before::before {
	background-color: rgb(152, 133, 178);
}
.add-php-background-color-lighter-after::after {
	background-color: rgb(152, 133, 178);
}
.add-php-background-color-lighter-on-hover:hover {
	background-color: rgb(152, 133, 178);
}
.add-php-background-color-lighter-to-child-on-hover:hover .add-php-background-color-lighter-on-parent-hover {
	background-color: rgb(152, 133, 178);
}
.add-php-background-color-lightest {
	background-color: rgb(178, 164, 198);
}
.add-php-background-color-lightest-before::before {
	background-color: rgb(178, 164, 198);
}
.add-php-background-color-lightest-after::after {
	background-color: rgb(178, 164, 198);
}
.add-php-background-color-lightest-on-hover:hover {
	background-color: rgb(178, 164, 198);
}
.add-php-background-color-lightest-to-child-on-hover:hover .add-php-background-color-lightest-on-parent-hover {
	background-color: rgb(178, 164, 198);
}
.add-php-background-color-dark {
	background-color: rgb(113, 91, 144);
}
.add-php-background-color-dark-before::before {
	background-color: rgb(113, 91, 144);
}
.add-php-background-color-dark-after::after {
	background-color: rgb(113, 91, 144);
}
.add-php-background-color-dark-on-hover:hover {
	background-color: rgb(113, 91, 144);
}
.add-php-background-color-dark-to-child-on-hover:hover .add-php-background-color-dark-on-parent-hover {
	background-color: rgb(113, 91, 144);
}
.add-php-background-color-darker {
	background-color: rgb(100, 81, 128);
}
.add-php-background-color-darker-before::before {
	background-color: rgb(100, 81, 128);
}
.add-php-background-color-darker-after::after {
	background-color: rgb(100, 81, 128);
}
.add-php-background-color-darker-on-hover:hover {
	background-color: rgb(100, 81, 128);
}
.add-php-background-color-darker-to-child-on-hover:hover .add-php-background-color-darker-on-parent-hover {
	background-color: rgb(100, 81, 128);
}
.add-php-background-color-darkest {
	background-color: rgb(76, 61, 97);
}
.add-php-background-color-darkest-before::before {
	background-color: rgb(76, 61, 97);
}
.add-php-background-color-darkest-after::after {
	background-color: rgb(76, 61, 97);
}
.add-php-background-color-darkest-on-hover:hover {
	background-color: rgb(76, 61, 97);
}
.add-php-background-color-darkest-to-child-on-hover:hover .add-php-background-color-darkest-on-parent-hover {
	background-color: rgb(76, 61, 97);
}
.add-ios-fill {
	fill: #53bbb4;
}
.add-ios-fill-before::before {
	fill: #53bbb4;
}
.add-ios-fill-after::after {
	fill: #53bbb4;
}
.add-ios-fill-on-hover:hover {
	fill: #53bbb4;
}
.add-ios-fill-to-child-on-hover:hover .add-ios-fill-on-parent-hover {
	fill: #53bbb4;
}
.add-ios-fill-light {
	fill: #65c2bc;
}
.add-ios-fill-light-before::before {
	fill: #65c2bc;
}
.add-ios-fill-light-after::after {
	fill: #65c2bc;
}
.add-ios-fill-light-on-hover:hover {
	fill: #65c2bc;
}
.add-ios-fill-light-to-child-on-hover:hover .add-ios-fill-light-on-parent-hover {
	fill: #65c2bc;
}
.add-ios-fill-lighter {
	fill: #78c9c4;
}
.add-ios-fill-lighter-before::before {
	fill: #78c9c4;
}
.add-ios-fill-lighter-after::after {
	fill: #78c9c4;
}
.add-ios-fill-lighter-on-hover:hover {
	fill: #78c9c4;
}
.add-ios-fill-lighter-to-child-on-hover:hover .add-ios-fill-lighter-on-parent-hover {
	fill: #78c9c4;
}
.add-ios-fill-lightest {
	fill: #9cd8d4;
}
.add-ios-fill-lightest-before::before {
	fill: #9cd8d4;
}
.add-ios-fill-lightest-after::after {
	fill: #9cd8d4;
}
.add-ios-fill-lightest-on-hover:hover {
	fill: #9cd8d4;
}
.add-ios-fill-lightest-to-child-on-hover:hover .add-ios-fill-lightest-on-parent-hover {
	fill: #9cd8d4;
}
.add-ios-fill-dark {
	fill: #45afa8;
}
.add-ios-fill-dark-before::before {
	fill: #45afa8;
}
.add-ios-fill-dark-after::after {
	fill: #45afa8;
}
.add-ios-fill-dark-on-hover:hover {
	fill: #45afa8;
}
.add-ios-fill-dark-to-child-on-hover:hover .add-ios-fill-dark-on-parent-hover {
	fill: #45afa8;
}
.add-ios-fill-darker {
	fill: #3e9d97;
}
.add-ios-fill-darker-before::before {
	fill: #3e9d97;
}
.add-ios-fill-darker-after::after {
	fill: #3e9d97;
}
.add-ios-fill-darker-on-hover:hover {
	fill: #3e9d97;
}
.add-ios-fill-darker-to-child-on-hover:hover .add-ios-fill-darker-on-parent-hover {
	fill: #3e9d97;
}
.add-ios-fill-darkest {
	fill: #307874;
}
.add-ios-fill-darkest-before::before {
	fill: #307874;
}
.add-ios-fill-darkest-after::after {
	fill: #307874;
}
.add-ios-fill-darkest-on-hover:hover {
	fill: #307874;
}
.add-ios-fill-darkest-to-child-on-hover:hover .add-ios-fill-darkest-on-parent-hover {
	fill: #307874;
}
.add-ios-stroke {
	stroke: #53bbb4;
}
.add-ios-stroke-before::before {
	stroke: #53bbb4;
}
.add-ios-stroke-after::after {
	stroke: #53bbb4;
}
.add-ios-stroke-on-hover:hover {
	stroke: #53bbb4;
}
.add-ios-stroke-to-child-on-hover:hover .add-ios-stroke-on-parent-hover {
	stroke: #53bbb4;
}
.add-ios-stroke-light {
	stroke: #65c2bc;
}
.add-ios-stroke-light-before::before {
	stroke: #65c2bc;
}
.add-ios-stroke-light-after::after {
	stroke: #65c2bc;
}
.add-ios-stroke-light-on-hover:hover {
	stroke: #65c2bc;
}
.add-ios-stroke-light-to-child-on-hover:hover .add-ios-stroke-light-on-parent-hover {
	stroke: #65c2bc;
}
.add-ios-stroke-lighter {
	stroke: #78c9c4;
}
.add-ios-stroke-lighter-before::before {
	stroke: #78c9c4;
}
.add-ios-stroke-lighter-after::after {
	stroke: #78c9c4;
}
.add-ios-stroke-lighter-on-hover:hover {
	stroke: #78c9c4;
}
.add-ios-stroke-lighter-to-child-on-hover:hover .add-ios-stroke-lighter-on-parent-hover {
	stroke: #78c9c4;
}
.add-ios-stroke-lightest {
	stroke: #9cd8d4;
}
.add-ios-stroke-lightest-before::before {
	stroke: #9cd8d4;
}
.add-ios-stroke-lightest-after::after {
	stroke: #9cd8d4;
}
.add-ios-stroke-lightest-on-hover:hover {
	stroke: #9cd8d4;
}
.add-ios-stroke-lightest-to-child-on-hover:hover .add-ios-stroke-lightest-on-parent-hover {
	stroke: #9cd8d4;
}
.add-ios-stroke-dark {
	stroke: #45afa8;
}
.add-ios-stroke-dark-before::before {
	stroke: #45afa8;
}
.add-ios-stroke-dark-after::after {
	stroke: #45afa8;
}
.add-ios-stroke-dark-on-hover:hover {
	stroke: #45afa8;
}
.add-ios-stroke-dark-to-child-on-hover:hover .add-ios-stroke-dark-on-parent-hover {
	stroke: #45afa8;
}
.add-ios-stroke-darker {
	stroke: #3e9d97;
}
.add-ios-stroke-darker-before::before {
	stroke: #3e9d97;
}
.add-ios-stroke-darker-after::after {
	stroke: #3e9d97;
}
.add-ios-stroke-darker-on-hover:hover {
	stroke: #3e9d97;
}
.add-ios-stroke-darker-to-child-on-hover:hover .add-ios-stroke-darker-on-parent-hover {
	stroke: #3e9d97;
}
.add-ios-stroke-darkest {
	stroke: #307874;
}
.add-ios-stroke-darkest-before::before {
	stroke: #307874;
}
.add-ios-stroke-darkest-after::after {
	stroke: #307874;
}
.add-ios-stroke-darkest-on-hover:hover {
	stroke: #307874;
}
.add-ios-stroke-darkest-to-child-on-hover:hover .add-ios-stroke-darkest-on-parent-hover {
	stroke: #307874;
}
.add-ios-color {
	color: rgb(83, 187, 180);
}
.add-ios-color-before::before {
	color: rgb(83, 187, 180);
}
.add-ios-color-after::after {
	color: rgb(83, 187, 180);
}
.add-ios-color-on-hover:hover {
	color: rgb(83, 187, 180);
}
.add-ios-color-to-child-on-hover:hover .add-ios-color-on-parent-hover {
	color: rgb(83, 187, 180);
}
.add-ios-color-light {
	color: rgb(101, 194, 188);
}
.add-ios-color-light-before::before {
	color: rgb(101, 194, 188);
}
.add-ios-color-light-after::after {
	color: rgb(101, 194, 188);
}
.add-ios-color-light-on-hover:hover {
	color: rgb(101, 194, 188);
}
.add-ios-color-light-to-child-on-hover:hover .add-ios-color-light-on-parent-hover {
	color: rgb(101, 194, 188);
}
.add-ios-color-lighter {
	color: rgb(120, 201, 196);
}
.add-ios-color-lighter-before::before {
	color: rgb(120, 201, 196);
}
.add-ios-color-lighter-after::after {
	color: rgb(120, 201, 196);
}
.add-ios-color-lighter-on-hover:hover {
	color: rgb(120, 201, 196);
}
.add-ios-color-lighter-to-child-on-hover:hover .add-ios-color-lighter-on-parent-hover {
	color: rgb(120, 201, 196);
}
.add-ios-color-lightest {
	color: rgb(156, 216, 212);
}
.add-ios-color-lightest-before::before {
	color: rgb(156, 216, 212);
}
.add-ios-color-lightest-after::after {
	color: rgb(156, 216, 212);
}
.add-ios-color-lightest-on-hover:hover {
	color: rgb(156, 216, 212);
}
.add-ios-color-lightest-to-child-on-hover:hover .add-ios-color-lightest-on-parent-hover {
	color: rgb(156, 216, 212);
}
.add-ios-color-dark {
	color: rgb(69, 175, 168);
}
.add-ios-color-dark-before::before {
	color: rgb(69, 175, 168);
}
.add-ios-color-dark-after::after {
	color: rgb(69, 175, 168);
}
.add-ios-color-dark-on-hover:hover {
	color: rgb(69, 175, 168);
}
.add-ios-color-dark-to-child-on-hover:hover .add-ios-color-dark-on-parent-hover {
	color: rgb(69, 175, 168);
}
.add-ios-color-darker {
	color: rgb(62, 157, 151);
}
.add-ios-color-darker-before::before {
	color: rgb(62, 157, 151);
}
.add-ios-color-darker-after::after {
	color: rgb(62, 157, 151);
}
.add-ios-color-darker-on-hover:hover {
	color: rgb(62, 157, 151);
}
.add-ios-color-darker-to-child-on-hover:hover .add-ios-color-darker-on-parent-hover {
	color: rgb(62, 157, 151);
}
.add-ios-color-darkest {
	color: rgb(48, 120, 116);
}
.add-ios-color-darkest-before::before {
	color: rgb(48, 120, 116);
}
.add-ios-color-darkest-after::after {
	color: rgb(48, 120, 116);
}
.add-ios-color-darkest-on-hover:hover {
	color: rgb(48, 120, 116);
}
.add-ios-color-darkest-to-child-on-hover:hover .add-ios-color-darkest-on-parent-hover {
	color: rgb(48, 120, 116);
}
.add-ios-border-color {
	border-color: rgb(83, 187, 180);
}
.add-ios-border-color-before::before {
	border-color: rgb(83, 187, 180);
}
.add-ios-border-color-after::after {
	border-color: rgb(83, 187, 180);
}
.add-ios-border-color-on-hover:hover {
	border-color: rgb(83, 187, 180);
}
.add-ios-border-color-to-child-on-hover:hover .add-ios-border-color-on-parent-hover {
	border-color: rgb(83, 187, 180);
}
.add-ios-border-color-light {
	border-color: rgb(101, 194, 188);
}
.add-ios-border-color-light-before::before {
	border-color: rgb(101, 194, 188);
}
.add-ios-border-color-light-after::after {
	border-color: rgb(101, 194, 188);
}
.add-ios-border-color-light-on-hover:hover {
	border-color: rgb(101, 194, 188);
}
.add-ios-border-color-light-to-child-on-hover:hover .add-ios-border-color-light-on-parent-hover {
	border-color: rgb(101, 194, 188);
}
.add-ios-border-color-lighter {
	border-color: rgb(120, 201, 196);
}
.add-ios-border-color-lighter-before::before {
	border-color: rgb(120, 201, 196);
}
.add-ios-border-color-lighter-after::after {
	border-color: rgb(120, 201, 196);
}
.add-ios-border-color-lighter-on-hover:hover {
	border-color: rgb(120, 201, 196);
}
.add-ios-border-color-lighter-to-child-on-hover:hover .add-ios-border-color-lighter-on-parent-hover {
	border-color: rgb(120, 201, 196);
}
.add-ios-border-color-lightest {
	border-color: rgb(156, 216, 212);
}
.add-ios-border-color-lightest-before::before {
	border-color: rgb(156, 216, 212);
}
.add-ios-border-color-lightest-after::after {
	border-color: rgb(156, 216, 212);
}
.add-ios-border-color-lightest-on-hover:hover {
	border-color: rgb(156, 216, 212);
}
.add-ios-border-color-lightest-to-child-on-hover:hover .add-ios-border-color-lightest-on-parent-hover {
	border-color: rgb(156, 216, 212);
}
.add-ios-border-color-dark {
	border-color: rgb(69, 175, 168);
}
.add-ios-border-color-dark-before::before {
	border-color: rgb(69, 175, 168);
}
.add-ios-border-color-dark-after::after {
	border-color: rgb(69, 175, 168);
}
.add-ios-border-color-dark-on-hover:hover {
	border-color: rgb(69, 175, 168);
}
.add-ios-border-color-dark-to-child-on-hover:hover .add-ios-border-color-dark-on-parent-hover {
	border-color: rgb(69, 175, 168);
}
.add-ios-border-color-darker {
	border-color: rgb(62, 157, 151);
}
.add-ios-border-color-darker-before::before {
	border-color: rgb(62, 157, 151);
}
.add-ios-border-color-darker-after::after {
	border-color: rgb(62, 157, 151);
}
.add-ios-border-color-darker-on-hover:hover {
	border-color: rgb(62, 157, 151);
}
.add-ios-border-color-darker-to-child-on-hover:hover .add-ios-border-color-darker-on-parent-hover {
	border-color: rgb(62, 157, 151);
}
.add-ios-border-color-darkest {
	border-color: rgb(48, 120, 116);
}
.add-ios-border-color-darkest-before::before {
	border-color: rgb(48, 120, 116);
}
.add-ios-border-color-darkest-after::after {
	border-color: rgb(48, 120, 116);
}
.add-ios-border-color-darkest-on-hover:hover {
	border-color: rgb(48, 120, 116);
}
.add-ios-border-color-darkest-to-child-on-hover:hover .add-ios-border-color-darkest-on-parent-hover {
	border-color: rgb(48, 120, 116);
}
.add-ios-background-color {
	background-color: rgb(83, 187, 180);
}
.add-ios-background-color-before::before {
	background-color: rgb(83, 187, 180);
}
.add-ios-background-color-after::after {
	background-color: rgb(83, 187, 180);
}
.add-ios-background-color-on-hover:hover {
	background-color: rgb(83, 187, 180);
}
.add-ios-background-color-to-child-on-hover:hover .add-ios-background-color-on-parent-hover {
	background-color: rgb(83, 187, 180);
}
.add-ios-background-color-light {
	background-color: rgb(101, 194, 188);
}
.add-ios-background-color-light-before::before {
	background-color: rgb(101, 194, 188);
}
.add-ios-background-color-light-after::after {
	background-color: rgb(101, 194, 188);
}
.add-ios-background-color-light-on-hover:hover {
	background-color: rgb(101, 194, 188);
}
.add-ios-background-color-light-to-child-on-hover:hover .add-ios-background-color-light-on-parent-hover {
	background-color: rgb(101, 194, 188);
}
.add-ios-background-color-lighter {
	background-color: rgb(120, 201, 196);
}
.add-ios-background-color-lighter-before::before {
	background-color: rgb(120, 201, 196);
}
.add-ios-background-color-lighter-after::after {
	background-color: rgb(120, 201, 196);
}
.add-ios-background-color-lighter-on-hover:hover {
	background-color: rgb(120, 201, 196);
}
.add-ios-background-color-lighter-to-child-on-hover:hover .add-ios-background-color-lighter-on-parent-hover {
	background-color: rgb(120, 201, 196);
}
.add-ios-background-color-lightest {
	background-color: rgb(156, 216, 212);
}
.add-ios-background-color-lightest-before::before {
	background-color: rgb(156, 216, 212);
}
.add-ios-background-color-lightest-after::after {
	background-color: rgb(156, 216, 212);
}
.add-ios-background-color-lightest-on-hover:hover {
	background-color: rgb(156, 216, 212);
}
.add-ios-background-color-lightest-to-child-on-hover:hover .add-ios-background-color-lightest-on-parent-hover {
	background-color: rgb(156, 216, 212);
}
.add-ios-background-color-dark {
	background-color: rgb(69, 175, 168);
}
.add-ios-background-color-dark-before::before {
	background-color: rgb(69, 175, 168);
}
.add-ios-background-color-dark-after::after {
	background-color: rgb(69, 175, 168);
}
.add-ios-background-color-dark-on-hover:hover {
	background-color: rgb(69, 175, 168);
}
.add-ios-background-color-dark-to-child-on-hover:hover .add-ios-background-color-dark-on-parent-hover {
	background-color: rgb(69, 175, 168);
}
.add-ios-background-color-darker {
	background-color: rgb(62, 157, 151);
}
.add-ios-background-color-darker-before::before {
	background-color: rgb(62, 157, 151);
}
.add-ios-background-color-darker-after::after {
	background-color: rgb(62, 157, 151);
}
.add-ios-background-color-darker-on-hover:hover {
	background-color: rgb(62, 157, 151);
}
.add-ios-background-color-darker-to-child-on-hover:hover .add-ios-background-color-darker-on-parent-hover {
	background-color: rgb(62, 157, 151);
}
.add-ios-background-color-darkest {
	background-color: rgb(48, 120, 116);
}
.add-ios-background-color-darkest-before::before {
	background-color: rgb(48, 120, 116);
}
.add-ios-background-color-darkest-after::after {
	background-color: rgb(48, 120, 116);
}
.add-ios-background-color-darkest-on-hover:hover {
	background-color: rgb(48, 120, 116);
}
.add-ios-background-color-darkest-to-child-on-hover:hover .add-ios-background-color-darkest-on-parent-hover {
	background-color: rgb(48, 120, 116);
}
.add-android-fill {
	fill: #5cb860;
}
.add-android-fill-before::before {
	fill: #5cb860;
}
.add-android-fill-after::after {
	fill: #5cb860;
}
.add-android-fill-on-hover:hover {
	fill: #5cb860;
}
.add-android-fill-to-child-on-hover:hover .add-android-fill-on-parent-hover {
	fill: #5cb860;
}
.add-android-fill-light {
	fill: #6ec071;
}
.add-android-fill-light-before::before {
	fill: #6ec071;
}
.add-android-fill-light-after::after {
	fill: #6ec071;
}
.add-android-fill-light-on-hover:hover {
	fill: #6ec071;
}
.add-android-fill-light-to-child-on-hover:hover .add-android-fill-light-on-parent-hover {
	fill: #6ec071;
}
.add-android-fill-lighter {
	fill: #80c783;
}
.add-android-fill-lighter-before::before {
	fill: #80c783;
}
.add-android-fill-lighter-after::after {
	fill: #80c783;
}
.add-android-fill-lighter-on-hover:hover {
	fill: #80c783;
}
.add-android-fill-lighter-to-child-on-hover:hover .add-android-fill-lighter-on-parent-hover {
	fill: #80c783;
}
.add-android-fill-lightest {
	fill: #a3d7a5;
}
.add-android-fill-lightest-before::before {
	fill: #a3d7a5;
}
.add-android-fill-lightest-after::after {
	fill: #a3d7a5;
}
.add-android-fill-lightest-on-hover:hover {
	fill: #a3d7a5;
}
.add-android-fill-lightest-to-child-on-hover:hover .add-android-fill-lightest-on-parent-hover {
	fill: #a3d7a5;
}
.add-android-fill-dark {
	fill: #4cae50;
}
.add-android-fill-dark-before::before {
	fill: #4cae50;
}
.add-android-fill-dark-after::after {
	fill: #4cae50;
}
.add-android-fill-dark-on-hover:hover {
	fill: #4cae50;
}
.add-android-fill-dark-to-child-on-hover:hover .add-android-fill-dark-on-parent-hover {
	fill: #4cae50;
}
.add-android-fill-darker {
	fill: #449d48;
}
.add-android-fill-darker-before::before {
	fill: #449d48;
}
.add-android-fill-darker-after::after {
	fill: #449d48;
}
.add-android-fill-darker-on-hover:hover {
	fill: #449d48;
}
.add-android-fill-darker-to-child-on-hover:hover .add-android-fill-darker-on-parent-hover {
	fill: #449d48;
}
.add-android-fill-darkest {
	fill: #357938;
}
.add-android-fill-darkest-before::before {
	fill: #357938;
}
.add-android-fill-darkest-after::after {
	fill: #357938;
}
.add-android-fill-darkest-on-hover:hover {
	fill: #357938;
}
.add-android-fill-darkest-to-child-on-hover:hover .add-android-fill-darkest-on-parent-hover {
	fill: #357938;
}
.add-android-stroke {
	stroke: #5cb860;
}
.add-android-stroke-before::before {
	stroke: #5cb860;
}
.add-android-stroke-after::after {
	stroke: #5cb860;
}
.add-android-stroke-on-hover:hover {
	stroke: #5cb860;
}
.add-android-stroke-to-child-on-hover:hover .add-android-stroke-on-parent-hover {
	stroke: #5cb860;
}
.add-android-stroke-light {
	stroke: #6ec071;
}
.add-android-stroke-light-before::before {
	stroke: #6ec071;
}
.add-android-stroke-light-after::after {
	stroke: #6ec071;
}
.add-android-stroke-light-on-hover:hover {
	stroke: #6ec071;
}
.add-android-stroke-light-to-child-on-hover:hover .add-android-stroke-light-on-parent-hover {
	stroke: #6ec071;
}
.add-android-stroke-lighter {
	stroke: #80c783;
}
.add-android-stroke-lighter-before::before {
	stroke: #80c783;
}
.add-android-stroke-lighter-after::after {
	stroke: #80c783;
}
.add-android-stroke-lighter-on-hover:hover {
	stroke: #80c783;
}
.add-android-stroke-lighter-to-child-on-hover:hover .add-android-stroke-lighter-on-parent-hover {
	stroke: #80c783;
}
.add-android-stroke-lightest {
	stroke: #a3d7a5;
}
.add-android-stroke-lightest-before::before {
	stroke: #a3d7a5;
}
.add-android-stroke-lightest-after::after {
	stroke: #a3d7a5;
}
.add-android-stroke-lightest-on-hover:hover {
	stroke: #a3d7a5;
}
.add-android-stroke-lightest-to-child-on-hover:hover .add-android-stroke-lightest-on-parent-hover {
	stroke: #a3d7a5;
}
.add-android-stroke-dark {
	stroke: #4cae50;
}
.add-android-stroke-dark-before::before {
	stroke: #4cae50;
}
.add-android-stroke-dark-after::after {
	stroke: #4cae50;
}
.add-android-stroke-dark-on-hover:hover {
	stroke: #4cae50;
}
.add-android-stroke-dark-to-child-on-hover:hover .add-android-stroke-dark-on-parent-hover {
	stroke: #4cae50;
}
.add-android-stroke-darker {
	stroke: #449d48;
}
.add-android-stroke-darker-before::before {
	stroke: #449d48;
}
.add-android-stroke-darker-after::after {
	stroke: #449d48;
}
.add-android-stroke-darker-on-hover:hover {
	stroke: #449d48;
}
.add-android-stroke-darker-to-child-on-hover:hover .add-android-stroke-darker-on-parent-hover {
	stroke: #449d48;
}
.add-android-stroke-darkest {
	stroke: #357938;
}
.add-android-stroke-darkest-before::before {
	stroke: #357938;
}
.add-android-stroke-darkest-after::after {
	stroke: #357938;
}
.add-android-stroke-darkest-on-hover:hover {
	stroke: #357938;
}
.add-android-stroke-darkest-to-child-on-hover:hover .add-android-stroke-darkest-on-parent-hover {
	stroke: #357938;
}
.add-android-color {
	color: rgb(92, 184, 96);
}
.add-android-color-before::before {
	color: rgb(92, 184, 96);
}
.add-android-color-after::after {
	color: rgb(92, 184, 96);
}
.add-android-color-on-hover:hover {
	color: rgb(92, 184, 96);
}
.add-android-color-to-child-on-hover:hover .add-android-color-on-parent-hover {
	color: rgb(92, 184, 96);
}
.add-android-color-light {
	color: rgb(110, 192, 113);
}
.add-android-color-light-before::before {
	color: rgb(110, 192, 113);
}
.add-android-color-light-after::after {
	color: rgb(110, 192, 113);
}
.add-android-color-light-on-hover:hover {
	color: rgb(110, 192, 113);
}
.add-android-color-light-to-child-on-hover:hover .add-android-color-light-on-parent-hover {
	color: rgb(110, 192, 113);
}
.add-android-color-lighter {
	color: rgb(128, 199, 131);
}
.add-android-color-lighter-before::before {
	color: rgb(128, 199, 131);
}
.add-android-color-lighter-after::after {
	color: rgb(128, 199, 131);
}
.add-android-color-lighter-on-hover:hover {
	color: rgb(128, 199, 131);
}
.add-android-color-lighter-to-child-on-hover:hover .add-android-color-lighter-on-parent-hover {
	color: rgb(128, 199, 131);
}
.add-android-color-lightest {
	color: rgb(163, 215, 165);
}
.add-android-color-lightest-before::before {
	color: rgb(163, 215, 165);
}
.add-android-color-lightest-after::after {
	color: rgb(163, 215, 165);
}
.add-android-color-lightest-on-hover:hover {
	color: rgb(163, 215, 165);
}
.add-android-color-lightest-to-child-on-hover:hover .add-android-color-lightest-on-parent-hover {
	color: rgb(163, 215, 165);
}
.add-android-color-dark {
	color: rgb(76, 174, 80);
}
.add-android-color-dark-before::before {
	color: rgb(76, 174, 80);
}
.add-android-color-dark-after::after {
	color: rgb(76, 174, 80);
}
.add-android-color-dark-on-hover:hover {
	color: rgb(76, 174, 80);
}
.add-android-color-dark-to-child-on-hover:hover .add-android-color-dark-on-parent-hover {
	color: rgb(76, 174, 80);
}
.add-android-color-darker {
	color: rgb(68, 157, 72);
}
.add-android-color-darker-before::before {
	color: rgb(68, 157, 72);
}
.add-android-color-darker-after::after {
	color: rgb(68, 157, 72);
}
.add-android-color-darker-on-hover:hover {
	color: rgb(68, 157, 72);
}
.add-android-color-darker-to-child-on-hover:hover .add-android-color-darker-on-parent-hover {
	color: rgb(68, 157, 72);
}
.add-android-color-darkest {
	color: rgb(53, 121, 56);
}
.add-android-color-darkest-before::before {
	color: rgb(53, 121, 56);
}
.add-android-color-darkest-after::after {
	color: rgb(53, 121, 56);
}
.add-android-color-darkest-on-hover:hover {
	color: rgb(53, 121, 56);
}
.add-android-color-darkest-to-child-on-hover:hover .add-android-color-darkest-on-parent-hover {
	color: rgb(53, 121, 56);
}
.add-android-border-color {
	border-color: rgb(92, 184, 96);
}
.add-android-border-color-before::before {
	border-color: rgb(92, 184, 96);
}
.add-android-border-color-after::after {
	border-color: rgb(92, 184, 96);
}
.add-android-border-color-on-hover:hover {
	border-color: rgb(92, 184, 96);
}
.add-android-border-color-to-child-on-hover:hover .add-android-border-color-on-parent-hover {
	border-color: rgb(92, 184, 96);
}
.add-android-border-color-light {
	border-color: rgb(110, 192, 113);
}
.add-android-border-color-light-before::before {
	border-color: rgb(110, 192, 113);
}
.add-android-border-color-light-after::after {
	border-color: rgb(110, 192, 113);
}
.add-android-border-color-light-on-hover:hover {
	border-color: rgb(110, 192, 113);
}
.add-android-border-color-light-to-child-on-hover:hover .add-android-border-color-light-on-parent-hover {
	border-color: rgb(110, 192, 113);
}
.add-android-border-color-lighter {
	border-color: rgb(128, 199, 131);
}
.add-android-border-color-lighter-before::before {
	border-color: rgb(128, 199, 131);
}
.add-android-border-color-lighter-after::after {
	border-color: rgb(128, 199, 131);
}
.add-android-border-color-lighter-on-hover:hover {
	border-color: rgb(128, 199, 131);
}
.add-android-border-color-lighter-to-child-on-hover:hover .add-android-border-color-lighter-on-parent-hover {
	border-color: rgb(128, 199, 131);
}
.add-android-border-color-lightest {
	border-color: rgb(163, 215, 165);
}
.add-android-border-color-lightest-before::before {
	border-color: rgb(163, 215, 165);
}
.add-android-border-color-lightest-after::after {
	border-color: rgb(163, 215, 165);
}
.add-android-border-color-lightest-on-hover:hover {
	border-color: rgb(163, 215, 165);
}
.add-android-border-color-lightest-to-child-on-hover:hover .add-android-border-color-lightest-on-parent-hover {
	border-color: rgb(163, 215, 165);
}
.add-android-border-color-dark {
	border-color: rgb(76, 174, 80);
}
.add-android-border-color-dark-before::before {
	border-color: rgb(76, 174, 80);
}
.add-android-border-color-dark-after::after {
	border-color: rgb(76, 174, 80);
}
.add-android-border-color-dark-on-hover:hover {
	border-color: rgb(76, 174, 80);
}
.add-android-border-color-dark-to-child-on-hover:hover .add-android-border-color-dark-on-parent-hover {
	border-color: rgb(76, 174, 80);
}
.add-android-border-color-darker {
	border-color: rgb(68, 157, 72);
}
.add-android-border-color-darker-before::before {
	border-color: rgb(68, 157, 72);
}
.add-android-border-color-darker-after::after {
	border-color: rgb(68, 157, 72);
}
.add-android-border-color-darker-on-hover:hover {
	border-color: rgb(68, 157, 72);
}
.add-android-border-color-darker-to-child-on-hover:hover .add-android-border-color-darker-on-parent-hover {
	border-color: rgb(68, 157, 72);
}
.add-android-border-color-darkest {
	border-color: rgb(53, 121, 56);
}
.add-android-border-color-darkest-before::before {
	border-color: rgb(53, 121, 56);
}
.add-android-border-color-darkest-after::after {
	border-color: rgb(53, 121, 56);
}
.add-android-border-color-darkest-on-hover:hover {
	border-color: rgb(53, 121, 56);
}
.add-android-border-color-darkest-to-child-on-hover:hover .add-android-border-color-darkest-on-parent-hover {
	border-color: rgb(53, 121, 56);
}
.add-android-background-color {
	background-color: rgb(92, 184, 96);
}
.add-android-background-color-before::before {
	background-color: rgb(92, 184, 96);
}
.add-android-background-color-after::after {
	background-color: rgb(92, 184, 96);
}
.add-android-background-color-on-hover:hover {
	background-color: rgb(92, 184, 96);
}
.add-android-background-color-to-child-on-hover:hover .add-android-background-color-on-parent-hover {
	background-color: rgb(92, 184, 96);
}
.add-android-background-color-light {
	background-color: rgb(110, 192, 113);
}
.add-android-background-color-light-before::before {
	background-color: rgb(110, 192, 113);
}
.add-android-background-color-light-after::after {
	background-color: rgb(110, 192, 113);
}
.add-android-background-color-light-on-hover:hover {
	background-color: rgb(110, 192, 113);
}
.add-android-background-color-light-to-child-on-hover:hover .add-android-background-color-light-on-parent-hover {
	background-color: rgb(110, 192, 113);
}
.add-android-background-color-lighter {
	background-color: rgb(128, 199, 131);
}
.add-android-background-color-lighter-before::before {
	background-color: rgb(128, 199, 131);
}
.add-android-background-color-lighter-after::after {
	background-color: rgb(128, 199, 131);
}
.add-android-background-color-lighter-on-hover:hover {
	background-color: rgb(128, 199, 131);
}
.add-android-background-color-lighter-to-child-on-hover:hover .add-android-background-color-lighter-on-parent-hover {
	background-color: rgb(128, 199, 131);
}
.add-android-background-color-lightest {
	background-color: rgb(163, 215, 165);
}
.add-android-background-color-lightest-before::before {
	background-color: rgb(163, 215, 165);
}
.add-android-background-color-lightest-after::after {
	background-color: rgb(163, 215, 165);
}
.add-android-background-color-lightest-on-hover:hover {
	background-color: rgb(163, 215, 165);
}
.add-android-background-color-lightest-to-child-on-hover:hover .add-android-background-color-lightest-on-parent-hover {
	background-color: rgb(163, 215, 165);
}
.add-android-background-color-dark {
	background-color: rgb(76, 174, 80);
}
.add-android-background-color-dark-before::before {
	background-color: rgb(76, 174, 80);
}
.add-android-background-color-dark-after::after {
	background-color: rgb(76, 174, 80);
}
.add-android-background-color-dark-on-hover:hover {
	background-color: rgb(76, 174, 80);
}
.add-android-background-color-dark-to-child-on-hover:hover .add-android-background-color-dark-on-parent-hover {
	background-color: rgb(76, 174, 80);
}
.add-android-background-color-darker {
	background-color: rgb(68, 157, 72);
}
.add-android-background-color-darker-before::before {
	background-color: rgb(68, 157, 72);
}
.add-android-background-color-darker-after::after {
	background-color: rgb(68, 157, 72);
}
.add-android-background-color-darker-on-hover:hover {
	background-color: rgb(68, 157, 72);
}
.add-android-background-color-darker-to-child-on-hover:hover .add-android-background-color-darker-on-parent-hover {
	background-color: rgb(68, 157, 72);
}
.add-android-background-color-darkest {
	background-color: rgb(53, 121, 56);
}
.add-android-background-color-darkest-before::before {
	background-color: rgb(53, 121, 56);
}
.add-android-background-color-darkest-after::after {
	background-color: rgb(53, 121, 56);
}
.add-android-background-color-darkest-on-hover:hover {
	background-color: rgb(53, 121, 56);
}
.add-android-background-color-darkest-to-child-on-hover:hover .add-android-background-color-darkest-on-parent-hover {
	background-color: rgb(53, 121, 56);
}
.add-design-fill {
	fill: #e59a13;
}
.add-design-fill-before::before {
	fill: #e59a13;
}
.add-design-fill-after::after {
	fill: #e59a13;
}
.add-design-fill-on-hover:hover {
	fill: #e59a13;
}
.add-design-fill-to-child-on-hover:hover .add-design-fill-on-parent-hover {
	fill: #e59a13;
}
.add-design-fill-light {
	fill: #eda525;
}
.add-design-fill-light-before::before {
	fill: #eda525;
}
.add-design-fill-light-after::after {
	fill: #eda525;
}
.add-design-fill-light-on-hover:hover {
	fill: #eda525;
}
.add-design-fill-light-to-child-on-hover:hover .add-design-fill-light-on-parent-hover {
	fill: #eda525;
}
.add-design-fill-lighter {
	fill: #efaf3c;
}
.add-design-fill-lighter-before::before {
	fill: #efaf3c;
}
.add-design-fill-lighter-after::after {
	fill: #efaf3c;
}
.add-design-fill-lighter-on-hover:hover {
	fill: #efaf3c;
}
.add-design-fill-lighter-to-child-on-hover:hover .add-design-fill-lighter-on-parent-hover {
	fill: #efaf3c;
}
.add-design-fill-lightest {
	fill: #f3c26b;
}
.add-design-fill-lightest-before::before {
	fill: #f3c26b;
}
.add-design-fill-lightest-after::after {
	fill: #f3c26b;
}
.add-design-fill-lightest-on-hover:hover {
	fill: #f3c26b;
}
.add-design-fill-lightest-to-child-on-hover:hover .add-design-fill-lightest-on-parent-hover {
	fill: #f3c26b;
}
.add-design-fill-dark {
	fill: #cd8a11;
}
.add-design-fill-dark-before::before {
	fill: #cd8a11;
}
.add-design-fill-dark-after::after {
	fill: #cd8a11;
}
.add-design-fill-dark-on-hover:hover {
	fill: #cd8a11;
}
.add-design-fill-dark-to-child-on-hover:hover .add-design-fill-dark-on-parent-hover {
	fill: #cd8a11;
}
.add-design-fill-darker {
	fill: #b67a0f;
}
.add-design-fill-darker-before::before {
	fill: #b67a0f;
}
.add-design-fill-darker-after::after {
	fill: #b67a0f;
}
.add-design-fill-darker-on-hover:hover {
	fill: #b67a0f;
}
.add-design-fill-darker-to-child-on-hover:hover .add-design-fill-darker-on-parent-hover {
	fill: #b67a0f;
}
.add-design-fill-darkest {
	fill: #875b0b;
}
.add-design-fill-darkest-before::before {
	fill: #875b0b;
}
.add-design-fill-darkest-after::after {
	fill: #875b0b;
}
.add-design-fill-darkest-on-hover:hover {
	fill: #875b0b;
}
.add-design-fill-darkest-to-child-on-hover:hover .add-design-fill-darkest-on-parent-hover {
	fill: #875b0b;
}
.add-design-stroke {
	stroke: #e59a13;
}
.add-design-stroke-before::before {
	stroke: #e59a13;
}
.add-design-stroke-after::after {
	stroke: #e59a13;
}
.add-design-stroke-on-hover:hover {
	stroke: #e59a13;
}
.add-design-stroke-to-child-on-hover:hover .add-design-stroke-on-parent-hover {
	stroke: #e59a13;
}
.add-design-stroke-light {
	stroke: #eda525;
}
.add-design-stroke-light-before::before {
	stroke: #eda525;
}
.add-design-stroke-light-after::after {
	stroke: #eda525;
}
.add-design-stroke-light-on-hover:hover {
	stroke: #eda525;
}
.add-design-stroke-light-to-child-on-hover:hover .add-design-stroke-light-on-parent-hover {
	stroke: #eda525;
}
.add-design-stroke-lighter {
	stroke: #efaf3c;
}
.add-design-stroke-lighter-before::before {
	stroke: #efaf3c;
}
.add-design-stroke-lighter-after::after {
	stroke: #efaf3c;
}
.add-design-stroke-lighter-on-hover:hover {
	stroke: #efaf3c;
}
.add-design-stroke-lighter-to-child-on-hover:hover .add-design-stroke-lighter-on-parent-hover {
	stroke: #efaf3c;
}
.add-design-stroke-lightest {
	stroke: #f3c26b;
}
.add-design-stroke-lightest-before::before {
	stroke: #f3c26b;
}
.add-design-stroke-lightest-after::after {
	stroke: #f3c26b;
}
.add-design-stroke-lightest-on-hover:hover {
	stroke: #f3c26b;
}
.add-design-stroke-lightest-to-child-on-hover:hover .add-design-stroke-lightest-on-parent-hover {
	stroke: #f3c26b;
}
.add-design-stroke-dark {
	stroke: #cd8a11;
}
.add-design-stroke-dark-before::before {
	stroke: #cd8a11;
}
.add-design-stroke-dark-after::after {
	stroke: #cd8a11;
}
.add-design-stroke-dark-on-hover:hover {
	stroke: #cd8a11;
}
.add-design-stroke-dark-to-child-on-hover:hover .add-design-stroke-dark-on-parent-hover {
	stroke: #cd8a11;
}
.add-design-stroke-darker {
	stroke: #b67a0f;
}
.add-design-stroke-darker-before::before {
	stroke: #b67a0f;
}
.add-design-stroke-darker-after::after {
	stroke: #b67a0f;
}
.add-design-stroke-darker-on-hover:hover {
	stroke: #b67a0f;
}
.add-design-stroke-darker-to-child-on-hover:hover .add-design-stroke-darker-on-parent-hover {
	stroke: #b67a0f;
}
.add-design-stroke-darkest {
	stroke: #875b0b;
}
.add-design-stroke-darkest-before::before {
	stroke: #875b0b;
}
.add-design-stroke-darkest-after::after {
	stroke: #875b0b;
}
.add-design-stroke-darkest-on-hover:hover {
	stroke: #875b0b;
}
.add-design-stroke-darkest-to-child-on-hover:hover .add-design-stroke-darkest-on-parent-hover {
	stroke: #875b0b;
}
.add-design-color {
	color: rgb(229, 154, 19);
}
.add-design-color-before::before {
	color: rgb(229, 154, 19);
}
.add-design-color-after::after {
	color: rgb(229, 154, 19);
}
.add-design-color-on-hover:hover {
	color: rgb(229, 154, 19);
}
.add-design-color-to-child-on-hover:hover .add-design-color-on-parent-hover {
	color: rgb(229, 154, 19);
}
.add-design-color-light {
	color: rgb(237, 165, 37);
}
.add-design-color-light-before::before {
	color: rgb(237, 165, 37);
}
.add-design-color-light-after::after {
	color: rgb(237, 165, 37);
}
.add-design-color-light-on-hover:hover {
	color: rgb(237, 165, 37);
}
.add-design-color-light-to-child-on-hover:hover .add-design-color-light-on-parent-hover {
	color: rgb(237, 165, 37);
}
.add-design-color-lighter {
	color: rgb(239, 175, 60);
}
.add-design-color-lighter-before::before {
	color: rgb(239, 175, 60);
}
.add-design-color-lighter-after::after {
	color: rgb(239, 175, 60);
}
.add-design-color-lighter-on-hover:hover {
	color: rgb(239, 175, 60);
}
.add-design-color-lighter-to-child-on-hover:hover .add-design-color-lighter-on-parent-hover {
	color: rgb(239, 175, 60);
}
.add-design-color-lightest {
	color: rgb(243, 194, 107);
}
.add-design-color-lightest-before::before {
	color: rgb(243, 194, 107);
}
.add-design-color-lightest-after::after {
	color: rgb(243, 194, 107);
}
.add-design-color-lightest-on-hover:hover {
	color: rgb(243, 194, 107);
}
.add-design-color-lightest-to-child-on-hover:hover .add-design-color-lightest-on-parent-hover {
	color: rgb(243, 194, 107);
}
.add-design-color-dark {
	color: rgb(205, 138, 17);
}
.add-design-color-dark-before::before {
	color: rgb(205, 138, 17);
}
.add-design-color-dark-after::after {
	color: rgb(205, 138, 17);
}
.add-design-color-dark-on-hover:hover {
	color: rgb(205, 138, 17);
}
.add-design-color-dark-to-child-on-hover:hover .add-design-color-dark-on-parent-hover {
	color: rgb(205, 138, 17);
}
.add-design-color-darker {
	color: rgb(182, 122, 15);
}
.add-design-color-darker-before::before {
	color: rgb(182, 122, 15);
}
.add-design-color-darker-after::after {
	color: rgb(182, 122, 15);
}
.add-design-color-darker-on-hover:hover {
	color: rgb(182, 122, 15);
}
.add-design-color-darker-to-child-on-hover:hover .add-design-color-darker-on-parent-hover {
	color: rgb(182, 122, 15);
}
.add-design-color-darkest {
	color: rgb(135, 91, 11);
}
.add-design-color-darkest-before::before {
	color: rgb(135, 91, 11);
}
.add-design-color-darkest-after::after {
	color: rgb(135, 91, 11);
}
.add-design-color-darkest-on-hover:hover {
	color: rgb(135, 91, 11);
}
.add-design-color-darkest-to-child-on-hover:hover .add-design-color-darkest-on-parent-hover {
	color: rgb(135, 91, 11);
}
.add-design-border-color {
	border-color: rgb(229, 154, 19);
}
.add-design-border-color-before::before {
	border-color: rgb(229, 154, 19);
}
.add-design-border-color-after::after {
	border-color: rgb(229, 154, 19);
}
.add-design-border-color-on-hover:hover {
	border-color: rgb(229, 154, 19);
}
.add-design-border-color-to-child-on-hover:hover .add-design-border-color-on-parent-hover {
	border-color: rgb(229, 154, 19);
}
.add-design-border-color-light {
	border-color: rgb(237, 165, 37);
}
.add-design-border-color-light-before::before {
	border-color: rgb(237, 165, 37);
}
.add-design-border-color-light-after::after {
	border-color: rgb(237, 165, 37);
}
.add-design-border-color-light-on-hover:hover {
	border-color: rgb(237, 165, 37);
}
.add-design-border-color-light-to-child-on-hover:hover .add-design-border-color-light-on-parent-hover {
	border-color: rgb(237, 165, 37);
}
.add-design-border-color-lighter {
	border-color: rgb(239, 175, 60);
}
.add-design-border-color-lighter-before::before {
	border-color: rgb(239, 175, 60);
}
.add-design-border-color-lighter-after::after {
	border-color: rgb(239, 175, 60);
}
.add-design-border-color-lighter-on-hover:hover {
	border-color: rgb(239, 175, 60);
}
.add-design-border-color-lighter-to-child-on-hover:hover .add-design-border-color-lighter-on-parent-hover {
	border-color: rgb(239, 175, 60);
}
.add-design-border-color-lightest {
	border-color: rgb(243, 194, 107);
}
.add-design-border-color-lightest-before::before {
	border-color: rgb(243, 194, 107);
}
.add-design-border-color-lightest-after::after {
	border-color: rgb(243, 194, 107);
}
.add-design-border-color-lightest-on-hover:hover {
	border-color: rgb(243, 194, 107);
}
.add-design-border-color-lightest-to-child-on-hover:hover .add-design-border-color-lightest-on-parent-hover {
	border-color: rgb(243, 194, 107);
}
.add-design-border-color-dark {
	border-color: rgb(205, 138, 17);
}
.add-design-border-color-dark-before::before {
	border-color: rgb(205, 138, 17);
}
.add-design-border-color-dark-after::after {
	border-color: rgb(205, 138, 17);
}
.add-design-border-color-dark-on-hover:hover {
	border-color: rgb(205, 138, 17);
}
.add-design-border-color-dark-to-child-on-hover:hover .add-design-border-color-dark-on-parent-hover {
	border-color: rgb(205, 138, 17);
}
.add-design-border-color-darker {
	border-color: rgb(182, 122, 15);
}
.add-design-border-color-darker-before::before {
	border-color: rgb(182, 122, 15);
}
.add-design-border-color-darker-after::after {
	border-color: rgb(182, 122, 15);
}
.add-design-border-color-darker-on-hover:hover {
	border-color: rgb(182, 122, 15);
}
.add-design-border-color-darker-to-child-on-hover:hover .add-design-border-color-darker-on-parent-hover {
	border-color: rgb(182, 122, 15);
}
.add-design-border-color-darkest {
	border-color: rgb(135, 91, 11);
}
.add-design-border-color-darkest-before::before {
	border-color: rgb(135, 91, 11);
}
.add-design-border-color-darkest-after::after {
	border-color: rgb(135, 91, 11);
}
.add-design-border-color-darkest-on-hover:hover {
	border-color: rgb(135, 91, 11);
}
.add-design-border-color-darkest-to-child-on-hover:hover .add-design-border-color-darkest-on-parent-hover {
	border-color: rgb(135, 91, 11);
}
.add-design-background-color {
	background-color: rgb(229, 154, 19);
}
.add-design-background-color-before::before {
	background-color: rgb(229, 154, 19);
}
.add-design-background-color-after::after {
	background-color: rgb(229, 154, 19);
}
.add-design-background-color-on-hover:hover {
	background-color: rgb(229, 154, 19);
}
.add-design-background-color-to-child-on-hover:hover .add-design-background-color-on-parent-hover {
	background-color: rgb(229, 154, 19);
}
.add-design-background-color-light {
	background-color: rgb(237, 165, 37);
}
.add-design-background-color-light-before::before {
	background-color: rgb(237, 165, 37);
}
.add-design-background-color-light-after::after {
	background-color: rgb(237, 165, 37);
}
.add-design-background-color-light-on-hover:hover {
	background-color: rgb(237, 165, 37);
}
.add-design-background-color-light-to-child-on-hover:hover .add-design-background-color-light-on-parent-hover {
	background-color: rgb(237, 165, 37);
}
.add-design-background-color-lighter {
	background-color: rgb(239, 175, 60);
}
.add-design-background-color-lighter-before::before {
	background-color: rgb(239, 175, 60);
}
.add-design-background-color-lighter-after::after {
	background-color: rgb(239, 175, 60);
}
.add-design-background-color-lighter-on-hover:hover {
	background-color: rgb(239, 175, 60);
}
.add-design-background-color-lighter-to-child-on-hover:hover .add-design-background-color-lighter-on-parent-hover {
	background-color: rgb(239, 175, 60);
}
.add-design-background-color-lightest {
	background-color: rgb(243, 194, 107);
}
.add-design-background-color-lightest-before::before {
	background-color: rgb(243, 194, 107);
}
.add-design-background-color-lightest-after::after {
	background-color: rgb(243, 194, 107);
}
.add-design-background-color-lightest-on-hover:hover {
	background-color: rgb(243, 194, 107);
}
.add-design-background-color-lightest-to-child-on-hover:hover .add-design-background-color-lightest-on-parent-hover {
	background-color: rgb(243, 194, 107);
}
.add-design-background-color-dark {
	background-color: rgb(205, 138, 17);
}
.add-design-background-color-dark-before::before {
	background-color: rgb(205, 138, 17);
}
.add-design-background-color-dark-after::after {
	background-color: rgb(205, 138, 17);
}
.add-design-background-color-dark-on-hover:hover {
	background-color: rgb(205, 138, 17);
}
.add-design-background-color-dark-to-child-on-hover:hover .add-design-background-color-dark-on-parent-hover {
	background-color: rgb(205, 138, 17);
}
.add-design-background-color-darker {
	background-color: rgb(182, 122, 15);
}
.add-design-background-color-darker-before::before {
	background-color: rgb(182, 122, 15);
}
.add-design-background-color-darker-after::after {
	background-color: rgb(182, 122, 15);
}
.add-design-background-color-darker-on-hover:hover {
	background-color: rgb(182, 122, 15);
}
.add-design-background-color-darker-to-child-on-hover:hover .add-design-background-color-darker-on-parent-hover {
	background-color: rgb(182, 122, 15);
}
.add-design-background-color-darkest {
	background-color: rgb(135, 91, 11);
}
.add-design-background-color-darkest-before::before {
	background-color: rgb(135, 91, 11);
}
.add-design-background-color-darkest-after::after {
	background-color: rgb(135, 91, 11);
}
.add-design-background-color-darkest-on-hover:hover {
	background-color: rgb(135, 91, 11);
}
.add-design-background-color-darkest-to-child-on-hover:hover .add-design-background-color-darkest-on-parent-hover {
	background-color: rgb(135, 91, 11);
}
.add-development-tools-fill {
	fill: #637a91;
}
.add-development-tools-fill-before::before {
	fill: #637a91;
}
.add-development-tools-fill-after::after {
	fill: #637a91;
}
.add-development-tools-fill-on-hover:hover {
	fill: #637a91;
}
.add-development-tools-fill-to-child-on-hover:hover .add-development-tools-fill-on-parent-hover {
	fill: #637a91;
}
.add-development-tools-fill-light {
	fill: #70879d;
}
.add-development-tools-fill-light-before::before {
	fill: #70879d;
}
.add-development-tools-fill-light-after::after {
	fill: #70879d;
}
.add-development-tools-fill-light-on-hover:hover {
	fill: #70879d;
}
.add-development-tools-fill-light-to-child-on-hover:hover .add-development-tools-fill-light-on-parent-hover {
	fill: #70879d;
}
.add-development-tools-fill-lighter {
	fill: #7f94a8;
}
.add-development-tools-fill-lighter-before::before {
	fill: #7f94a8;
}
.add-development-tools-fill-lighter-after::after {
	fill: #7f94a8;
}
.add-development-tools-fill-lighter-on-hover:hover {
	fill: #7f94a8;
}
.add-development-tools-fill-lighter-to-child-on-hover:hover .add-development-tools-fill-lighter-on-parent-hover {
	fill: #7f94a8;
}
.add-development-tools-fill-lightest {
	fill: #9eadbc;
}
.add-development-tools-fill-lightest-before::before {
	fill: #9eadbc;
}
.add-development-tools-fill-lightest-after::after {
	fill: #9eadbc;
}
.add-development-tools-fill-lightest-on-hover:hover {
	fill: #9eadbc;
}
.add-development-tools-fill-lightest-to-child-on-hover:hover .add-development-tools-fill-lightest-on-parent-hover {
	fill: #9eadbc;
}
.add-development-tools-fill-dark {
	fill: #596d82;
}
.add-development-tools-fill-dark-before::before {
	fill: #596d82;
}
.add-development-tools-fill-dark-after::after {
	fill: #596d82;
}
.add-development-tools-fill-dark-on-hover:hover {
	fill: #596d82;
}
.add-development-tools-fill-dark-to-child-on-hover:hover .add-development-tools-fill-dark-on-parent-hover {
	fill: #596d82;
}
.add-development-tools-fill-darker {
	fill: #4e6173;
}
.add-development-tools-fill-darker-before::before {
	fill: #4e6173;
}
.add-development-tools-fill-darker-after::after {
	fill: #4e6173;
}
.add-development-tools-fill-darker-on-hover:hover {
	fill: #4e6173;
}
.add-development-tools-fill-darker-to-child-on-hover:hover .add-development-tools-fill-darker-on-parent-hover {
	fill: #4e6173;
}
.add-development-tools-fill-darkest {
	fill: #3a4754;
}
.add-development-tools-fill-darkest-before::before {
	fill: #3a4754;
}
.add-development-tools-fill-darkest-after::after {
	fill: #3a4754;
}
.add-development-tools-fill-darkest-on-hover:hover {
	fill: #3a4754;
}
.add-development-tools-fill-darkest-to-child-on-hover:hover .add-development-tools-fill-darkest-on-parent-hover {
	fill: #3a4754;
}
.add-development-tools-stroke {
	stroke: #637a91;
}
.add-development-tools-stroke-before::before {
	stroke: #637a91;
}
.add-development-tools-stroke-after::after {
	stroke: #637a91;
}
.add-development-tools-stroke-on-hover:hover {
	stroke: #637a91;
}
.add-development-tools-stroke-to-child-on-hover:hover .add-development-tools-stroke-on-parent-hover {
	stroke: #637a91;
}
.add-development-tools-stroke-light {
	stroke: #70879d;
}
.add-development-tools-stroke-light-before::before {
	stroke: #70879d;
}
.add-development-tools-stroke-light-after::after {
	stroke: #70879d;
}
.add-development-tools-stroke-light-on-hover:hover {
	stroke: #70879d;
}
.add-development-tools-stroke-light-to-child-on-hover:hover .add-development-tools-stroke-light-on-parent-hover {
	stroke: #70879d;
}
.add-development-tools-stroke-lighter {
	stroke: #7f94a8;
}
.add-development-tools-stroke-lighter-before::before {
	stroke: #7f94a8;
}
.add-development-tools-stroke-lighter-after::after {
	stroke: #7f94a8;
}
.add-development-tools-stroke-lighter-on-hover:hover {
	stroke: #7f94a8;
}
.add-development-tools-stroke-lighter-to-child-on-hover:hover .add-development-tools-stroke-lighter-on-parent-hover {
	stroke: #7f94a8;
}
.add-development-tools-stroke-lightest {
	stroke: #9eadbc;
}
.add-development-tools-stroke-lightest-before::before {
	stroke: #9eadbc;
}
.add-development-tools-stroke-lightest-after::after {
	stroke: #9eadbc;
}
.add-development-tools-stroke-lightest-on-hover:hover {
	stroke: #9eadbc;
}
.add-development-tools-stroke-lightest-to-child-on-hover:hover .add-development-tools-stroke-lightest-on-parent-hover {
	stroke: #9eadbc;
}
.add-development-tools-stroke-dark {
	stroke: #596d82;
}
.add-development-tools-stroke-dark-before::before {
	stroke: #596d82;
}
.add-development-tools-stroke-dark-after::after {
	stroke: #596d82;
}
.add-development-tools-stroke-dark-on-hover:hover {
	stroke: #596d82;
}
.add-development-tools-stroke-dark-to-child-on-hover:hover .add-development-tools-stroke-dark-on-parent-hover {
	stroke: #596d82;
}
.add-development-tools-stroke-darker {
	stroke: #4e6173;
}
.add-development-tools-stroke-darker-before::before {
	stroke: #4e6173;
}
.add-development-tools-stroke-darker-after::after {
	stroke: #4e6173;
}
.add-development-tools-stroke-darker-on-hover:hover {
	stroke: #4e6173;
}
.add-development-tools-stroke-darker-to-child-on-hover:hover .add-development-tools-stroke-darker-on-parent-hover {
	stroke: #4e6173;
}
.add-development-tools-stroke-darkest {
	stroke: #3a4754;
}
.add-development-tools-stroke-darkest-before::before {
	stroke: #3a4754;
}
.add-development-tools-stroke-darkest-after::after {
	stroke: #3a4754;
}
.add-development-tools-stroke-darkest-on-hover:hover {
	stroke: #3a4754;
}
.add-development-tools-stroke-darkest-to-child-on-hover:hover .add-development-tools-stroke-darkest-on-parent-hover {
	stroke: #3a4754;
}
.add-development-tools-color {
	color: rgb(99, 122, 145);
}
.add-development-tools-color-before::before {
	color: rgb(99, 122, 145);
}
.add-development-tools-color-after::after {
	color: rgb(99, 122, 145);
}
.add-development-tools-color-on-hover:hover {
	color: rgb(99, 122, 145);
}
.add-development-tools-color-to-child-on-hover:hover .add-development-tools-color-on-parent-hover {
	color: rgb(99, 122, 145);
}
.add-development-tools-color-light {
	color: rgb(112, 135, 157);
}
.add-development-tools-color-light-before::before {
	color: rgb(112, 135, 157);
}
.add-development-tools-color-light-after::after {
	color: rgb(112, 135, 157);
}
.add-development-tools-color-light-on-hover:hover {
	color: rgb(112, 135, 157);
}
.add-development-tools-color-light-to-child-on-hover:hover .add-development-tools-color-light-on-parent-hover {
	color: rgb(112, 135, 157);
}
.add-development-tools-color-lighter {
	color: rgb(127, 148, 168);
}
.add-development-tools-color-lighter-before::before {
	color: rgb(127, 148, 168);
}
.add-development-tools-color-lighter-after::after {
	color: rgb(127, 148, 168);
}
.add-development-tools-color-lighter-on-hover:hover {
	color: rgb(127, 148, 168);
}
.add-development-tools-color-lighter-to-child-on-hover:hover .add-development-tools-color-lighter-on-parent-hover {
	color: rgb(127, 148, 168);
}
.add-development-tools-color-lightest {
	color: rgb(158, 173, 188);
}
.add-development-tools-color-lightest-before::before {
	color: rgb(158, 173, 188);
}
.add-development-tools-color-lightest-after::after {
	color: rgb(158, 173, 188);
}
.add-development-tools-color-lightest-on-hover:hover {
	color: rgb(158, 173, 188);
}
.add-development-tools-color-lightest-to-child-on-hover:hover .add-development-tools-color-lightest-on-parent-hover {
	color: rgb(158, 173, 188);
}
.add-development-tools-color-dark {
	color: rgb(89, 109, 130);
}
.add-development-tools-color-dark-before::before {
	color: rgb(89, 109, 130);
}
.add-development-tools-color-dark-after::after {
	color: rgb(89, 109, 130);
}
.add-development-tools-color-dark-on-hover:hover {
	color: rgb(89, 109, 130);
}
.add-development-tools-color-dark-to-child-on-hover:hover .add-development-tools-color-dark-on-parent-hover {
	color: rgb(89, 109, 130);
}
.add-development-tools-color-darker {
	color: rgb(78, 97, 115);
}
.add-development-tools-color-darker-before::before {
	color: rgb(78, 97, 115);
}
.add-development-tools-color-darker-after::after {
	color: rgb(78, 97, 115);
}
.add-development-tools-color-darker-on-hover:hover {
	color: rgb(78, 97, 115);
}
.add-development-tools-color-darker-to-child-on-hover:hover .add-development-tools-color-darker-on-parent-hover {
	color: rgb(78, 97, 115);
}
.add-development-tools-color-darkest {
	color: rgb(58, 71, 84);
}
.add-development-tools-color-darkest-before::before {
	color: rgb(58, 71, 84);
}
.add-development-tools-color-darkest-after::after {
	color: rgb(58, 71, 84);
}
.add-development-tools-color-darkest-on-hover:hover {
	color: rgb(58, 71, 84);
}
.add-development-tools-color-darkest-to-child-on-hover:hover .add-development-tools-color-darkest-on-parent-hover {
	color: rgb(58, 71, 84);
}
.add-development-tools-border-color {
	border-color: rgb(99, 122, 145);
}
.add-development-tools-border-color-before::before {
	border-color: rgb(99, 122, 145);
}
.add-development-tools-border-color-after::after {
	border-color: rgb(99, 122, 145);
}
.add-development-tools-border-color-on-hover:hover {
	border-color: rgb(99, 122, 145);
}
.add-development-tools-border-color-to-child-on-hover:hover .add-development-tools-border-color-on-parent-hover {
	border-color: rgb(99, 122, 145);
}
.add-development-tools-border-color-light {
	border-color: rgb(112, 135, 157);
}
.add-development-tools-border-color-light-before::before {
	border-color: rgb(112, 135, 157);
}
.add-development-tools-border-color-light-after::after {
	border-color: rgb(112, 135, 157);
}
.add-development-tools-border-color-light-on-hover:hover {
	border-color: rgb(112, 135, 157);
}
.add-development-tools-border-color-light-to-child-on-hover:hover .add-development-tools-border-color-light-on-parent-hover {
	border-color: rgb(112, 135, 157);
}
.add-development-tools-border-color-lighter {
	border-color: rgb(127, 148, 168);
}
.add-development-tools-border-color-lighter-before::before {
	border-color: rgb(127, 148, 168);
}
.add-development-tools-border-color-lighter-after::after {
	border-color: rgb(127, 148, 168);
}
.add-development-tools-border-color-lighter-on-hover:hover {
	border-color: rgb(127, 148, 168);
}
.add-development-tools-border-color-lighter-to-child-on-hover:hover .add-development-tools-border-color-lighter-on-parent-hover {
	border-color: rgb(127, 148, 168);
}
.add-development-tools-border-color-lightest {
	border-color: rgb(158, 173, 188);
}
.add-development-tools-border-color-lightest-before::before {
	border-color: rgb(158, 173, 188);
}
.add-development-tools-border-color-lightest-after::after {
	border-color: rgb(158, 173, 188);
}
.add-development-tools-border-color-lightest-on-hover:hover {
	border-color: rgb(158, 173, 188);
}
.add-development-tools-border-color-lightest-to-child-on-hover:hover .add-development-tools-border-color-lightest-on-parent-hover {
	border-color: rgb(158, 173, 188);
}
.add-development-tools-border-color-dark {
	border-color: rgb(89, 109, 130);
}
.add-development-tools-border-color-dark-before::before {
	border-color: rgb(89, 109, 130);
}
.add-development-tools-border-color-dark-after::after {
	border-color: rgb(89, 109, 130);
}
.add-development-tools-border-color-dark-on-hover:hover {
	border-color: rgb(89, 109, 130);
}
.add-development-tools-border-color-dark-to-child-on-hover:hover .add-development-tools-border-color-dark-on-parent-hover {
	border-color: rgb(89, 109, 130);
}
.add-development-tools-border-color-darker {
	border-color: rgb(78, 97, 115);
}
.add-development-tools-border-color-darker-before::before {
	border-color: rgb(78, 97, 115);
}
.add-development-tools-border-color-darker-after::after {
	border-color: rgb(78, 97, 115);
}
.add-development-tools-border-color-darker-on-hover:hover {
	border-color: rgb(78, 97, 115);
}
.add-development-tools-border-color-darker-to-child-on-hover:hover .add-development-tools-border-color-darker-on-parent-hover {
	border-color: rgb(78, 97, 115);
}
.add-development-tools-border-color-darkest {
	border-color: rgb(58, 71, 84);
}
.add-development-tools-border-color-darkest-before::before {
	border-color: rgb(58, 71, 84);
}
.add-development-tools-border-color-darkest-after::after {
	border-color: rgb(58, 71, 84);
}
.add-development-tools-border-color-darkest-on-hover:hover {
	border-color: rgb(58, 71, 84);
}
.add-development-tools-border-color-darkest-to-child-on-hover:hover .add-development-tools-border-color-darkest-on-parent-hover {
	border-color: rgb(58, 71, 84);
}
.add-development-tools-background-color {
	background-color: rgb(99, 122, 145);
}
.add-development-tools-background-color-before::before {
	background-color: rgb(99, 122, 145);
}
.add-development-tools-background-color-after::after {
	background-color: rgb(99, 122, 145);
}
.add-development-tools-background-color-on-hover:hover {
	background-color: rgb(99, 122, 145);
}
.add-development-tools-background-color-to-child-on-hover:hover .add-development-tools-background-color-on-parent-hover {
	background-color: rgb(99, 122, 145);
}
.add-development-tools-background-color-light {
	background-color: rgb(112, 135, 157);
}
.add-development-tools-background-color-light-before::before {
	background-color: rgb(112, 135, 157);
}
.add-development-tools-background-color-light-after::after {
	background-color: rgb(112, 135, 157);
}
.add-development-tools-background-color-light-on-hover:hover {
	background-color: rgb(112, 135, 157);
}
.add-development-tools-background-color-light-to-child-on-hover:hover .add-development-tools-background-color-light-on-parent-hover {
	background-color: rgb(112, 135, 157);
}
.add-development-tools-background-color-lighter {
	background-color: rgb(127, 148, 168);
}
.add-development-tools-background-color-lighter-before::before {
	background-color: rgb(127, 148, 168);
}
.add-development-tools-background-color-lighter-after::after {
	background-color: rgb(127, 148, 168);
}
.add-development-tools-background-color-lighter-on-hover:hover {
	background-color: rgb(127, 148, 168);
}
.add-development-tools-background-color-lighter-to-child-on-hover:hover .add-development-tools-background-color-lighter-on-parent-hover {
	background-color: rgb(127, 148, 168);
}
.add-development-tools-background-color-lightest {
	background-color: rgb(158, 173, 188);
}
.add-development-tools-background-color-lightest-before::before {
	background-color: rgb(158, 173, 188);
}
.add-development-tools-background-color-lightest-after::after {
	background-color: rgb(158, 173, 188);
}
.add-development-tools-background-color-lightest-on-hover:hover {
	background-color: rgb(158, 173, 188);
}
.add-development-tools-background-color-lightest-to-child-on-hover:hover .add-development-tools-background-color-lightest-on-parent-hover {
	background-color: rgb(158, 173, 188);
}
.add-development-tools-background-color-dark {
	background-color: rgb(89, 109, 130);
}
.add-development-tools-background-color-dark-before::before {
	background-color: rgb(89, 109, 130);
}
.add-development-tools-background-color-dark-after::after {
	background-color: rgb(89, 109, 130);
}
.add-development-tools-background-color-dark-on-hover:hover {
	background-color: rgb(89, 109, 130);
}
.add-development-tools-background-color-dark-to-child-on-hover:hover .add-development-tools-background-color-dark-on-parent-hover {
	background-color: rgb(89, 109, 130);
}
.add-development-tools-background-color-darker {
	background-color: rgb(78, 97, 115);
}
.add-development-tools-background-color-darker-before::before {
	background-color: rgb(78, 97, 115);
}
.add-development-tools-background-color-darker-after::after {
	background-color: rgb(78, 97, 115);
}
.add-development-tools-background-color-darker-on-hover:hover {
	background-color: rgb(78, 97, 115);
}
.add-development-tools-background-color-darker-to-child-on-hover:hover .add-development-tools-background-color-darker-on-parent-hover {
	background-color: rgb(78, 97, 115);
}
.add-development-tools-background-color-darkest {
	background-color: rgb(58, 71, 84);
}
.add-development-tools-background-color-darkest-before::before {
	background-color: rgb(58, 71, 84);
}
.add-development-tools-background-color-darkest-after::after {
	background-color: rgb(58, 71, 84);
}
.add-development-tools-background-color-darkest-on-hover:hover {
	background-color: rgb(58, 71, 84);
}
.add-development-tools-background-color-darkest-to-child-on-hover:hover .add-development-tools-background-color-darkest-on-parent-hover {
	background-color: rgb(58, 71, 84);
}
.add-python-fill {
	fill: #f092b0;
}
.add-python-fill-before::before {
	fill: #f092b0;
}
.add-python-fill-after::after {
	fill: #f092b0;
}
.add-python-fill-on-hover:hover {
	fill: #f092b0;
}
.add-python-fill-to-child-on-hover:hover .add-python-fill-on-parent-hover {
	fill: #f092b0;
}
.add-python-fill-light {
	fill: #f3a8c0;
}
.add-python-fill-light-before::before {
	fill: #f3a8c0;
}
.add-python-fill-light-after::after {
	fill: #f3a8c0;
}
.add-python-fill-light-on-hover:hover {
	fill: #f3a8c0;
}
.add-python-fill-light-to-child-on-hover:hover .add-python-fill-light-on-parent-hover {
	fill: #f3a8c0;
}
.add-python-fill-lighter {
	fill: #f6bfd0;
}
.add-python-fill-lighter-before::before {
	fill: #f6bfd0;
}
.add-python-fill-lighter-after::after {
	fill: #f6bfd0;
}
.add-python-fill-lighter-on-hover:hover {
	fill: #f6bfd0;
}
.add-python-fill-lighter-to-child-on-hover:hover .add-python-fill-lighter-on-parent-hover {
	fill: #f6bfd0;
}
.add-python-fill-lightest {
	fill: #fcecf1;
}
.add-python-fill-lightest-before::before {
	fill: #fcecf1;
}
.add-python-fill-lightest-after::after {
	fill: #fcecf1;
}
.add-python-fill-lightest-on-hover:hover {
	fill: #fcecf1;
}
.add-python-fill-lightest-to-child-on-hover:hover .add-python-fill-lightest-on-parent-hover {
	fill: #fcecf1;
}
.add-python-fill-dark {
	fill: #ed7ca0;
}
.add-python-fill-dark-before::before {
	fill: #ed7ca0;
}
.add-python-fill-dark-after::after {
	fill: #ed7ca0;
}
.add-python-fill-dark-on-hover:hover {
	fill: #ed7ca0;
}
.add-python-fill-dark-to-child-on-hover:hover .add-python-fill-dark-on-parent-hover {
	fill: #ed7ca0;
}
.add-python-fill-darker {
	fill: #ea6590;
}
.add-python-fill-darker-before::before {
	fill: #ea6590;
}
.add-python-fill-darker-after::after {
	fill: #ea6590;
}
.add-python-fill-darker-on-hover:hover {
	fill: #ea6590;
}
.add-python-fill-darker-to-child-on-hover:hover .add-python-fill-darker-on-parent-hover {
	fill: #ea6590;
}
.add-python-fill-darkest {
	fill: #e4386f;
}
.add-python-fill-darkest-before::before {
	fill: #e4386f;
}
.add-python-fill-darkest-after::after {
	fill: #e4386f;
}
.add-python-fill-darkest-on-hover:hover {
	fill: #e4386f;
}
.add-python-fill-darkest-to-child-on-hover:hover .add-python-fill-darkest-on-parent-hover {
	fill: #e4386f;
}
.add-python-stroke {
	stroke: #f092b0;
}
.add-python-stroke-before::before {
	stroke: #f092b0;
}
.add-python-stroke-after::after {
	stroke: #f092b0;
}
.add-python-stroke-on-hover:hover {
	stroke: #f092b0;
}
.add-python-stroke-to-child-on-hover:hover .add-python-stroke-on-parent-hover {
	stroke: #f092b0;
}
.add-python-stroke-light {
	stroke: #f3a8c0;
}
.add-python-stroke-light-before::before {
	stroke: #f3a8c0;
}
.add-python-stroke-light-after::after {
	stroke: #f3a8c0;
}
.add-python-stroke-light-on-hover:hover {
	stroke: #f3a8c0;
}
.add-python-stroke-light-to-child-on-hover:hover .add-python-stroke-light-on-parent-hover {
	stroke: #f3a8c0;
}
.add-python-stroke-lighter {
	stroke: #f6bfd0;
}
.add-python-stroke-lighter-before::before {
	stroke: #f6bfd0;
}
.add-python-stroke-lighter-after::after {
	stroke: #f6bfd0;
}
.add-python-stroke-lighter-on-hover:hover {
	stroke: #f6bfd0;
}
.add-python-stroke-lighter-to-child-on-hover:hover .add-python-stroke-lighter-on-parent-hover {
	stroke: #f6bfd0;
}
.add-python-stroke-lightest {
	stroke: #fcecf1;
}
.add-python-stroke-lightest-before::before {
	stroke: #fcecf1;
}
.add-python-stroke-lightest-after::after {
	stroke: #fcecf1;
}
.add-python-stroke-lightest-on-hover:hover {
	stroke: #fcecf1;
}
.add-python-stroke-lightest-to-child-on-hover:hover .add-python-stroke-lightest-on-parent-hover {
	stroke: #fcecf1;
}
.add-python-stroke-dark {
	stroke: #ed7ca0;
}
.add-python-stroke-dark-before::before {
	stroke: #ed7ca0;
}
.add-python-stroke-dark-after::after {
	stroke: #ed7ca0;
}
.add-python-stroke-dark-on-hover:hover {
	stroke: #ed7ca0;
}
.add-python-stroke-dark-to-child-on-hover:hover .add-python-stroke-dark-on-parent-hover {
	stroke: #ed7ca0;
}
.add-python-stroke-darker {
	stroke: #ea6590;
}
.add-python-stroke-darker-before::before {
	stroke: #ea6590;
}
.add-python-stroke-darker-after::after {
	stroke: #ea6590;
}
.add-python-stroke-darker-on-hover:hover {
	stroke: #ea6590;
}
.add-python-stroke-darker-to-child-on-hover:hover .add-python-stroke-darker-on-parent-hover {
	stroke: #ea6590;
}
.add-python-stroke-darkest {
	stroke: #e4386f;
}
.add-python-stroke-darkest-before::before {
	stroke: #e4386f;
}
.add-python-stroke-darkest-after::after {
	stroke: #e4386f;
}
.add-python-stroke-darkest-on-hover:hover {
	stroke: #e4386f;
}
.add-python-stroke-darkest-to-child-on-hover:hover .add-python-stroke-darkest-on-parent-hover {
	stroke: #e4386f;
}
.add-python-color {
	color: rgb(240, 146, 176);
}
.add-python-color-before::before {
	color: rgb(240, 146, 176);
}
.add-python-color-after::after {
	color: rgb(240, 146, 176);
}
.add-python-color-on-hover:hover {
	color: rgb(240, 146, 176);
}
.add-python-color-to-child-on-hover:hover .add-python-color-on-parent-hover {
	color: rgb(240, 146, 176);
}
.add-python-color-light {
	color: rgb(243, 168, 192);
}
.add-python-color-light-before::before {
	color: rgb(243, 168, 192);
}
.add-python-color-light-after::after {
	color: rgb(243, 168, 192);
}
.add-python-color-light-on-hover:hover {
	color: rgb(243, 168, 192);
}
.add-python-color-light-to-child-on-hover:hover .add-python-color-light-on-parent-hover {
	color: rgb(243, 168, 192);
}
.add-python-color-lighter {
	color: rgb(246, 191, 208);
}
.add-python-color-lighter-before::before {
	color: rgb(246, 191, 208);
}
.add-python-color-lighter-after::after {
	color: rgb(246, 191, 208);
}
.add-python-color-lighter-on-hover:hover {
	color: rgb(246, 191, 208);
}
.add-python-color-lighter-to-child-on-hover:hover .add-python-color-lighter-on-parent-hover {
	color: rgb(246, 191, 208);
}
.add-python-color-lightest {
	color: rgb(252, 236, 241);
}
.add-python-color-lightest-before::before {
	color: rgb(252, 236, 241);
}
.add-python-color-lightest-after::after {
	color: rgb(252, 236, 241);
}
.add-python-color-lightest-on-hover:hover {
	color: rgb(252, 236, 241);
}
.add-python-color-lightest-to-child-on-hover:hover .add-python-color-lightest-on-parent-hover {
	color: rgb(252, 236, 241);
}
.add-python-color-dark {
	color: rgb(237, 124, 160);
}
.add-python-color-dark-before::before {
	color: rgb(237, 124, 160);
}
.add-python-color-dark-after::after {
	color: rgb(237, 124, 160);
}
.add-python-color-dark-on-hover:hover {
	color: rgb(237, 124, 160);
}
.add-python-color-dark-to-child-on-hover:hover .add-python-color-dark-on-parent-hover {
	color: rgb(237, 124, 160);
}
.add-python-color-darker {
	color: rgb(234, 101, 144);
}
.add-python-color-darker-before::before {
	color: rgb(234, 101, 144);
}
.add-python-color-darker-after::after {
	color: rgb(234, 101, 144);
}
.add-python-color-darker-on-hover:hover {
	color: rgb(234, 101, 144);
}
.add-python-color-darker-to-child-on-hover:hover .add-python-color-darker-on-parent-hover {
	color: rgb(234, 101, 144);
}
.add-python-color-darkest {
	color: rgb(228, 56, 111);
}
.add-python-color-darkest-before::before {
	color: rgb(228, 56, 111);
}
.add-python-color-darkest-after::after {
	color: rgb(228, 56, 111);
}
.add-python-color-darkest-on-hover:hover {
	color: rgb(228, 56, 111);
}
.add-python-color-darkest-to-child-on-hover:hover .add-python-color-darkest-on-parent-hover {
	color: rgb(228, 56, 111);
}
.add-python-border-color {
	border-color: rgb(240, 146, 176);
}
.add-python-border-color-before::before {
	border-color: rgb(240, 146, 176);
}
.add-python-border-color-after::after {
	border-color: rgb(240, 146, 176);
}
.add-python-border-color-on-hover:hover {
	border-color: rgb(240, 146, 176);
}
.add-python-border-color-to-child-on-hover:hover .add-python-border-color-on-parent-hover {
	border-color: rgb(240, 146, 176);
}
.add-python-border-color-light {
	border-color: rgb(243, 168, 192);
}
.add-python-border-color-light-before::before {
	border-color: rgb(243, 168, 192);
}
.add-python-border-color-light-after::after {
	border-color: rgb(243, 168, 192);
}
.add-python-border-color-light-on-hover:hover {
	border-color: rgb(243, 168, 192);
}
.add-python-border-color-light-to-child-on-hover:hover .add-python-border-color-light-on-parent-hover {
	border-color: rgb(243, 168, 192);
}
.add-python-border-color-lighter {
	border-color: rgb(246, 191, 208);
}
.add-python-border-color-lighter-before::before {
	border-color: rgb(246, 191, 208);
}
.add-python-border-color-lighter-after::after {
	border-color: rgb(246, 191, 208);
}
.add-python-border-color-lighter-on-hover:hover {
	border-color: rgb(246, 191, 208);
}
.add-python-border-color-lighter-to-child-on-hover:hover .add-python-border-color-lighter-on-parent-hover {
	border-color: rgb(246, 191, 208);
}
.add-python-border-color-lightest {
	border-color: rgb(252, 236, 241);
}
.add-python-border-color-lightest-before::before {
	border-color: rgb(252, 236, 241);
}
.add-python-border-color-lightest-after::after {
	border-color: rgb(252, 236, 241);
}
.add-python-border-color-lightest-on-hover:hover {
	border-color: rgb(252, 236, 241);
}
.add-python-border-color-lightest-to-child-on-hover:hover .add-python-border-color-lightest-on-parent-hover {
	border-color: rgb(252, 236, 241);
}
.add-python-border-color-dark {
	border-color: rgb(237, 124, 160);
}
.add-python-border-color-dark-before::before {
	border-color: rgb(237, 124, 160);
}
.add-python-border-color-dark-after::after {
	border-color: rgb(237, 124, 160);
}
.add-python-border-color-dark-on-hover:hover {
	border-color: rgb(237, 124, 160);
}
.add-python-border-color-dark-to-child-on-hover:hover .add-python-border-color-dark-on-parent-hover {
	border-color: rgb(237, 124, 160);
}
.add-python-border-color-darker {
	border-color: rgb(234, 101, 144);
}
.add-python-border-color-darker-before::before {
	border-color: rgb(234, 101, 144);
}
.add-python-border-color-darker-after::after {
	border-color: rgb(234, 101, 144);
}
.add-python-border-color-darker-on-hover:hover {
	border-color: rgb(234, 101, 144);
}
.add-python-border-color-darker-to-child-on-hover:hover .add-python-border-color-darker-on-parent-hover {
	border-color: rgb(234, 101, 144);
}
.add-python-border-color-darkest {
	border-color: rgb(228, 56, 111);
}
.add-python-border-color-darkest-before::before {
	border-color: rgb(228, 56, 111);
}
.add-python-border-color-darkest-after::after {
	border-color: rgb(228, 56, 111);
}
.add-python-border-color-darkest-on-hover:hover {
	border-color: rgb(228, 56, 111);
}
.add-python-border-color-darkest-to-child-on-hover:hover .add-python-border-color-darkest-on-parent-hover {
	border-color: rgb(228, 56, 111);
}
.add-python-background-color {
	background-color: rgb(240, 146, 176);
}
.add-python-background-color-before::before {
	background-color: rgb(240, 146, 176);
}
.add-python-background-color-after::after {
	background-color: rgb(240, 146, 176);
}
.add-python-background-color-on-hover:hover {
	background-color: rgb(240, 146, 176);
}
.add-python-background-color-to-child-on-hover:hover .add-python-background-color-on-parent-hover {
	background-color: rgb(240, 146, 176);
}
.add-python-background-color-light {
	background-color: rgb(243, 168, 192);
}
.add-python-background-color-light-before::before {
	background-color: rgb(243, 168, 192);
}
.add-python-background-color-light-after::after {
	background-color: rgb(243, 168, 192);
}
.add-python-background-color-light-on-hover:hover {
	background-color: rgb(243, 168, 192);
}
.add-python-background-color-light-to-child-on-hover:hover .add-python-background-color-light-on-parent-hover {
	background-color: rgb(243, 168, 192);
}
.add-python-background-color-lighter {
	background-color: rgb(246, 191, 208);
}
.add-python-background-color-lighter-before::before {
	background-color: rgb(246, 191, 208);
}
.add-python-background-color-lighter-after::after {
	background-color: rgb(246, 191, 208);
}
.add-python-background-color-lighter-on-hover:hover {
	background-color: rgb(246, 191, 208);
}
.add-python-background-color-lighter-to-child-on-hover:hover .add-python-background-color-lighter-on-parent-hover {
	background-color: rgb(246, 191, 208);
}
.add-python-background-color-lightest {
	background-color: rgb(252, 236, 241);
}
.add-python-background-color-lightest-before::before {
	background-color: rgb(252, 236, 241);
}
.add-python-background-color-lightest-after::after {
	background-color: rgb(252, 236, 241);
}
.add-python-background-color-lightest-on-hover:hover {
	background-color: rgb(252, 236, 241);
}
.add-python-background-color-lightest-to-child-on-hover:hover .add-python-background-color-lightest-on-parent-hover {
	background-color: rgb(252, 236, 241);
}
.add-python-background-color-dark {
	background-color: rgb(237, 124, 160);
}
.add-python-background-color-dark-before::before {
	background-color: rgb(237, 124, 160);
}
.add-python-background-color-dark-after::after {
	background-color: rgb(237, 124, 160);
}
.add-python-background-color-dark-on-hover:hover {
	background-color: rgb(237, 124, 160);
}
.add-python-background-color-dark-to-child-on-hover:hover .add-python-background-color-dark-on-parent-hover {
	background-color: rgb(237, 124, 160);
}
.add-python-background-color-darker {
	background-color: rgb(234, 101, 144);
}
.add-python-background-color-darker-before::before {
	background-color: rgb(234, 101, 144);
}
.add-python-background-color-darker-after::after {
	background-color: rgb(234, 101, 144);
}
.add-python-background-color-darker-on-hover:hover {
	background-color: rgb(234, 101, 144);
}
.add-python-background-color-darker-to-child-on-hover:hover .add-python-background-color-darker-on-parent-hover {
	background-color: rgb(234, 101, 144);
}
.add-python-background-color-darkest {
	background-color: rgb(228, 56, 111);
}
.add-python-background-color-darkest-before::before {
	background-color: rgb(228, 56, 111);
}
.add-python-background-color-darkest-after::after {
	background-color: rgb(228, 56, 111);
}
.add-python-background-color-darkest-on-hover:hover {
	background-color: rgb(228, 56, 111);
}
.add-python-background-color-darkest-to-child-on-hover:hover .add-python-background-color-darkest-on-parent-hover {
	background-color: rgb(228, 56, 111);
}
.add-digital-literacy-fill {
	fill: #c38cd4;
}
.add-digital-literacy-fill-before::before {
	fill: #c38cd4;
}
.add-digital-literacy-fill-after::after {
	fill: #c38cd4;
}
.add-digital-literacy-fill-on-hover:hover {
	fill: #c38cd4;
}
.add-digital-literacy-fill-to-child-on-hover:hover .add-digital-literacy-fill-on-parent-hover {
	fill: #c38cd4;
}
.add-digital-literacy-fill-light {
	fill: #cd9fdb;
}
.add-digital-literacy-fill-light-before::before {
	fill: #cd9fdb;
}
.add-digital-literacy-fill-light-after::after {
	fill: #cd9fdb;
}
.add-digital-literacy-fill-light-on-hover:hover {
	fill: #cd9fdb;
}
.add-digital-literacy-fill-light-to-child-on-hover:hover .add-digital-literacy-fill-light-on-parent-hover {
	fill: #cd9fdb;
}
.add-digital-literacy-fill-lighter {
	fill: #d6b1e2;
}
.add-digital-literacy-fill-lighter-before::before {
	fill: #d6b1e2;
}
.add-digital-literacy-fill-lighter-after::after {
	fill: #d6b1e2;
}
.add-digital-literacy-fill-lighter-on-hover:hover {
	fill: #d6b1e2;
}
.add-digital-literacy-fill-lighter-to-child-on-hover:hover .add-digital-literacy-fill-lighter-on-parent-hover {
	fill: #d6b1e2;
}
.add-digital-literacy-fill-lightest {
	fill: #ead6f0;
}
.add-digital-literacy-fill-lightest-before::before {
	fill: #ead6f0;
}
.add-digital-literacy-fill-lightest-after::after {
	fill: #ead6f0;
}
.add-digital-literacy-fill-lightest-on-hover:hover {
	fill: #ead6f0;
}
.add-digital-literacy-fill-lightest-to-child-on-hover:hover .add-digital-literacy-fill-lightest-on-parent-hover {
	fill: #ead6f0;
}
.add-digital-literacy-fill-dark {
	fill: #b979cd;
}
.add-digital-literacy-fill-dark-before::before {
	fill: #b979cd;
}
.add-digital-literacy-fill-dark-after::after {
	fill: #b979cd;
}
.add-digital-literacy-fill-dark-on-hover:hover {
	fill: #b979cd;
}
.add-digital-literacy-fill-dark-to-child-on-hover:hover .add-digital-literacy-fill-dark-on-parent-hover {
	fill: #b979cd;
}
.add-digital-literacy-fill-darker {
	fill: #b067c6;
}
.add-digital-literacy-fill-darker-before::before {
	fill: #b067c6;
}
.add-digital-literacy-fill-darker-after::after {
	fill: #b067c6;
}
.add-digital-literacy-fill-darker-on-hover:hover {
	fill: #b067c6;
}
.add-digital-literacy-fill-darker-to-child-on-hover:hover .add-digital-literacy-fill-darker-on-parent-hover {
	fill: #b067c6;
}
.add-digital-literacy-fill-darkest {
	fill: #9b44b6;
}
.add-digital-literacy-fill-darkest-before::before {
	fill: #9b44b6;
}
.add-digital-literacy-fill-darkest-after::after {
	fill: #9b44b6;
}
.add-digital-literacy-fill-darkest-on-hover:hover {
	fill: #9b44b6;
}
.add-digital-literacy-fill-darkest-to-child-on-hover:hover .add-digital-literacy-fill-darkest-on-parent-hover {
	fill: #9b44b6;
}
.add-digital-literacy-stroke {
	stroke: #c38cd4;
}
.add-digital-literacy-stroke-before::before {
	stroke: #c38cd4;
}
.add-digital-literacy-stroke-after::after {
	stroke: #c38cd4;
}
.add-digital-literacy-stroke-on-hover:hover {
	stroke: #c38cd4;
}
.add-digital-literacy-stroke-to-child-on-hover:hover .add-digital-literacy-stroke-on-parent-hover {
	stroke: #c38cd4;
}
.add-digital-literacy-stroke-light {
	stroke: #cd9fdb;
}
.add-digital-literacy-stroke-light-before::before {
	stroke: #cd9fdb;
}
.add-digital-literacy-stroke-light-after::after {
	stroke: #cd9fdb;
}
.add-digital-literacy-stroke-light-on-hover:hover {
	stroke: #cd9fdb;
}
.add-digital-literacy-stroke-light-to-child-on-hover:hover .add-digital-literacy-stroke-light-on-parent-hover {
	stroke: #cd9fdb;
}
.add-digital-literacy-stroke-lighter {
	stroke: #d6b1e2;
}
.add-digital-literacy-stroke-lighter-before::before {
	stroke: #d6b1e2;
}
.add-digital-literacy-stroke-lighter-after::after {
	stroke: #d6b1e2;
}
.add-digital-literacy-stroke-lighter-on-hover:hover {
	stroke: #d6b1e2;
}
.add-digital-literacy-stroke-lighter-to-child-on-hover:hover .add-digital-literacy-stroke-lighter-on-parent-hover {
	stroke: #d6b1e2;
}
.add-digital-literacy-stroke-lightest {
	stroke: #ead6f0;
}
.add-digital-literacy-stroke-lightest-before::before {
	stroke: #ead6f0;
}
.add-digital-literacy-stroke-lightest-after::after {
	stroke: #ead6f0;
}
.add-digital-literacy-stroke-lightest-on-hover:hover {
	stroke: #ead6f0;
}
.add-digital-literacy-stroke-lightest-to-child-on-hover:hover .add-digital-literacy-stroke-lightest-on-parent-hover {
	stroke: #ead6f0;
}
.add-digital-literacy-stroke-dark {
	stroke: #b979cd;
}
.add-digital-literacy-stroke-dark-before::before {
	stroke: #b979cd;
}
.add-digital-literacy-stroke-dark-after::after {
	stroke: #b979cd;
}
.add-digital-literacy-stroke-dark-on-hover:hover {
	stroke: #b979cd;
}
.add-digital-literacy-stroke-dark-to-child-on-hover:hover .add-digital-literacy-stroke-dark-on-parent-hover {
	stroke: #b979cd;
}
.add-digital-literacy-stroke-darker {
	stroke: #b067c6;
}
.add-digital-literacy-stroke-darker-before::before {
	stroke: #b067c6;
}
.add-digital-literacy-stroke-darker-after::after {
	stroke: #b067c6;
}
.add-digital-literacy-stroke-darker-on-hover:hover {
	stroke: #b067c6;
}
.add-digital-literacy-stroke-darker-to-child-on-hover:hover .add-digital-literacy-stroke-darker-on-parent-hover {
	stroke: #b067c6;
}
.add-digital-literacy-stroke-darkest {
	stroke: #9b44b6;
}
.add-digital-literacy-stroke-darkest-before::before {
	stroke: #9b44b6;
}
.add-digital-literacy-stroke-darkest-after::after {
	stroke: #9b44b6;
}
.add-digital-literacy-stroke-darkest-on-hover:hover {
	stroke: #9b44b6;
}
.add-digital-literacy-stroke-darkest-to-child-on-hover:hover .add-digital-literacy-stroke-darkest-on-parent-hover {
	stroke: #9b44b6;
}
.add-digital-literacy-color {
	color: rgb(195, 140, 212);
}
.add-digital-literacy-color-before::before {
	color: rgb(195, 140, 212);
}
.add-digital-literacy-color-after::after {
	color: rgb(195, 140, 212);
}
.add-digital-literacy-color-on-hover:hover {
	color: rgb(195, 140, 212);
}
.add-digital-literacy-color-to-child-on-hover:hover .add-digital-literacy-color-on-parent-hover {
	color: rgb(195, 140, 212);
}
.add-digital-literacy-color-light {
	color: rgb(205, 159, 219);
}
.add-digital-literacy-color-light-before::before {
	color: rgb(205, 159, 219);
}
.add-digital-literacy-color-light-after::after {
	color: rgb(205, 159, 219);
}
.add-digital-literacy-color-light-on-hover:hover {
	color: rgb(205, 159, 219);
}
.add-digital-literacy-color-light-to-child-on-hover:hover .add-digital-literacy-color-light-on-parent-hover {
	color: rgb(205, 159, 219);
}
.add-digital-literacy-color-lighter {
	color: rgb(214, 177, 226);
}
.add-digital-literacy-color-lighter-before::before {
	color: rgb(214, 177, 226);
}
.add-digital-literacy-color-lighter-after::after {
	color: rgb(214, 177, 226);
}
.add-digital-literacy-color-lighter-on-hover:hover {
	color: rgb(214, 177, 226);
}
.add-digital-literacy-color-lighter-to-child-on-hover:hover .add-digital-literacy-color-lighter-on-parent-hover {
	color: rgb(214, 177, 226);
}
.add-digital-literacy-color-lightest {
	color: rgb(234, 214, 240);
}
.add-digital-literacy-color-lightest-before::before {
	color: rgb(234, 214, 240);
}
.add-digital-literacy-color-lightest-after::after {
	color: rgb(234, 214, 240);
}
.add-digital-literacy-color-lightest-on-hover:hover {
	color: rgb(234, 214, 240);
}
.add-digital-literacy-color-lightest-to-child-on-hover:hover .add-digital-literacy-color-lightest-on-parent-hover {
	color: rgb(234, 214, 240);
}
.add-digital-literacy-color-dark {
	color: rgb(185, 121, 205);
}
.add-digital-literacy-color-dark-before::before {
	color: rgb(185, 121, 205);
}
.add-digital-literacy-color-dark-after::after {
	color: rgb(185, 121, 205);
}
.add-digital-literacy-color-dark-on-hover:hover {
	color: rgb(185, 121, 205);
}
.add-digital-literacy-color-dark-to-child-on-hover:hover .add-digital-literacy-color-dark-on-parent-hover {
	color: rgb(185, 121, 205);
}
.add-digital-literacy-color-darker {
	color: rgb(176, 103, 198);
}
.add-digital-literacy-color-darker-before::before {
	color: rgb(176, 103, 198);
}
.add-digital-literacy-color-darker-after::after {
	color: rgb(176, 103, 198);
}
.add-digital-literacy-color-darker-on-hover:hover {
	color: rgb(176, 103, 198);
}
.add-digital-literacy-color-darker-to-child-on-hover:hover .add-digital-literacy-color-darker-on-parent-hover {
	color: rgb(176, 103, 198);
}
.add-digital-literacy-color-darkest {
	color: rgb(155, 68, 182);
}
.add-digital-literacy-color-darkest-before::before {
	color: rgb(155, 68, 182);
}
.add-digital-literacy-color-darkest-after::after {
	color: rgb(155, 68, 182);
}
.add-digital-literacy-color-darkest-on-hover:hover {
	color: rgb(155, 68, 182);
}
.add-digital-literacy-color-darkest-to-child-on-hover:hover .add-digital-literacy-color-darkest-on-parent-hover {
	color: rgb(155, 68, 182);
}
.add-digital-literacy-border-color {
	border-color: rgb(195, 140, 212);
}
.add-digital-literacy-border-color-before::before {
	border-color: rgb(195, 140, 212);
}
.add-digital-literacy-border-color-after::after {
	border-color: rgb(195, 140, 212);
}
.add-digital-literacy-border-color-on-hover:hover {
	border-color: rgb(195, 140, 212);
}
.add-digital-literacy-border-color-to-child-on-hover:hover .add-digital-literacy-border-color-on-parent-hover {
	border-color: rgb(195, 140, 212);
}
.add-digital-literacy-border-color-light {
	border-color: rgb(205, 159, 219);
}
.add-digital-literacy-border-color-light-before::before {
	border-color: rgb(205, 159, 219);
}
.add-digital-literacy-border-color-light-after::after {
	border-color: rgb(205, 159, 219);
}
.add-digital-literacy-border-color-light-on-hover:hover {
	border-color: rgb(205, 159, 219);
}
.add-digital-literacy-border-color-light-to-child-on-hover:hover .add-digital-literacy-border-color-light-on-parent-hover {
	border-color: rgb(205, 159, 219);
}
.add-digital-literacy-border-color-lighter {
	border-color: rgb(214, 177, 226);
}
.add-digital-literacy-border-color-lighter-before::before {
	border-color: rgb(214, 177, 226);
}
.add-digital-literacy-border-color-lighter-after::after {
	border-color: rgb(214, 177, 226);
}
.add-digital-literacy-border-color-lighter-on-hover:hover {
	border-color: rgb(214, 177, 226);
}
.add-digital-literacy-border-color-lighter-to-child-on-hover:hover .add-digital-literacy-border-color-lighter-on-parent-hover {
	border-color: rgb(214, 177, 226);
}
.add-digital-literacy-border-color-lightest {
	border-color: rgb(234, 214, 240);
}
.add-digital-literacy-border-color-lightest-before::before {
	border-color: rgb(234, 214, 240);
}
.add-digital-literacy-border-color-lightest-after::after {
	border-color: rgb(234, 214, 240);
}
.add-digital-literacy-border-color-lightest-on-hover:hover {
	border-color: rgb(234, 214, 240);
}
.add-digital-literacy-border-color-lightest-to-child-on-hover:hover .add-digital-literacy-border-color-lightest-on-parent-hover {
	border-color: rgb(234, 214, 240);
}
.add-digital-literacy-border-color-dark {
	border-color: rgb(185, 121, 205);
}
.add-digital-literacy-border-color-dark-before::before {
	border-color: rgb(185, 121, 205);
}
.add-digital-literacy-border-color-dark-after::after {
	border-color: rgb(185, 121, 205);
}
.add-digital-literacy-border-color-dark-on-hover:hover {
	border-color: rgb(185, 121, 205);
}
.add-digital-literacy-border-color-dark-to-child-on-hover:hover .add-digital-literacy-border-color-dark-on-parent-hover {
	border-color: rgb(185, 121, 205);
}
.add-digital-literacy-border-color-darker {
	border-color: rgb(176, 103, 198);
}
.add-digital-literacy-border-color-darker-before::before {
	border-color: rgb(176, 103, 198);
}
.add-digital-literacy-border-color-darker-after::after {
	border-color: rgb(176, 103, 198);
}
.add-digital-literacy-border-color-darker-on-hover:hover {
	border-color: rgb(176, 103, 198);
}
.add-digital-literacy-border-color-darker-to-child-on-hover:hover .add-digital-literacy-border-color-darker-on-parent-hover {
	border-color: rgb(176, 103, 198);
}
.add-digital-literacy-border-color-darkest {
	border-color: rgb(155, 68, 182);
}
.add-digital-literacy-border-color-darkest-before::before {
	border-color: rgb(155, 68, 182);
}
.add-digital-literacy-border-color-darkest-after::after {
	border-color: rgb(155, 68, 182);
}
.add-digital-literacy-border-color-darkest-on-hover:hover {
	border-color: rgb(155, 68, 182);
}
.add-digital-literacy-border-color-darkest-to-child-on-hover:hover .add-digital-literacy-border-color-darkest-on-parent-hover {
	border-color: rgb(155, 68, 182);
}
.add-digital-literacy-background-color {
	background-color: rgb(195, 140, 212);
}
.add-digital-literacy-background-color-before::before {
	background-color: rgb(195, 140, 212);
}
.add-digital-literacy-background-color-after::after {
	background-color: rgb(195, 140, 212);
}
.add-digital-literacy-background-color-on-hover:hover {
	background-color: rgb(195, 140, 212);
}
.add-digital-literacy-background-color-to-child-on-hover:hover .add-digital-literacy-background-color-on-parent-hover {
	background-color: rgb(195, 140, 212);
}
.add-digital-literacy-background-color-light {
	background-color: rgb(205, 159, 219);
}
.add-digital-literacy-background-color-light-before::before {
	background-color: rgb(205, 159, 219);
}
.add-digital-literacy-background-color-light-after::after {
	background-color: rgb(205, 159, 219);
}
.add-digital-literacy-background-color-light-on-hover:hover {
	background-color: rgb(205, 159, 219);
}
.add-digital-literacy-background-color-light-to-child-on-hover:hover .add-digital-literacy-background-color-light-on-parent-hover {
	background-color: rgb(205, 159, 219);
}
.add-digital-literacy-background-color-lighter {
	background-color: rgb(214, 177, 226);
}
.add-digital-literacy-background-color-lighter-before::before {
	background-color: rgb(214, 177, 226);
}
.add-digital-literacy-background-color-lighter-after::after {
	background-color: rgb(214, 177, 226);
}
.add-digital-literacy-background-color-lighter-on-hover:hover {
	background-color: rgb(214, 177, 226);
}
.add-digital-literacy-background-color-lighter-to-child-on-hover:hover .add-digital-literacy-background-color-lighter-on-parent-hover {
	background-color: rgb(214, 177, 226);
}
.add-digital-literacy-background-color-lightest {
	background-color: rgb(234, 214, 240);
}
.add-digital-literacy-background-color-lightest-before::before {
	background-color: rgb(234, 214, 240);
}
.add-digital-literacy-background-color-lightest-after::after {
	background-color: rgb(234, 214, 240);
}
.add-digital-literacy-background-color-lightest-on-hover:hover {
	background-color: rgb(234, 214, 240);
}
.add-digital-literacy-background-color-lightest-to-child-on-hover:hover .add-digital-literacy-background-color-lightest-on-parent-hover {
	background-color: rgb(234, 214, 240);
}
.add-digital-literacy-background-color-dark {
	background-color: rgb(185, 121, 205);
}
.add-digital-literacy-background-color-dark-before::before {
	background-color: rgb(185, 121, 205);
}
.add-digital-literacy-background-color-dark-after::after {
	background-color: rgb(185, 121, 205);
}
.add-digital-literacy-background-color-dark-on-hover:hover {
	background-color: rgb(185, 121, 205);
}
.add-digital-literacy-background-color-dark-to-child-on-hover:hover .add-digital-literacy-background-color-dark-on-parent-hover {
	background-color: rgb(185, 121, 205);
}
.add-digital-literacy-background-color-darker {
	background-color: rgb(176, 103, 198);
}
.add-digital-literacy-background-color-darker-before::before {
	background-color: rgb(176, 103, 198);
}
.add-digital-literacy-background-color-darker-after::after {
	background-color: rgb(176, 103, 198);
}
.add-digital-literacy-background-color-darker-on-hover:hover {
	background-color: rgb(176, 103, 198);
}
.add-digital-literacy-background-color-darker-to-child-on-hover:hover .add-digital-literacy-background-color-darker-on-parent-hover {
	background-color: rgb(176, 103, 198);
}
.add-digital-literacy-background-color-darkest {
	background-color: rgb(155, 68, 182);
}
.add-digital-literacy-background-color-darkest-before::before {
	background-color: rgb(155, 68, 182);
}
.add-digital-literacy-background-color-darkest-after::after {
	background-color: rgb(155, 68, 182);
}
.add-digital-literacy-background-color-darkest-on-hover:hover {
	background-color: rgb(155, 68, 182);
}
.add-digital-literacy-background-color-darkest-to-child-on-hover:hover .add-digital-literacy-background-color-darkest-on-parent-hover {
	background-color: rgb(155, 68, 182);
}
.add-game-development-fill {
	fill: #20898c;
}
.add-game-development-fill-before::before {
	fill: #20898c;
}
.add-game-development-fill-after::after {
	fill: #20898c;
}
.add-game-development-fill-on-hover:hover {
	fill: #20898c;
}
.add-game-development-fill-to-child-on-hover:hover .add-game-development-fill-on-parent-hover {
	fill: #20898c;
}
.add-game-development-fill-light {
	fill: #259da1;
}
.add-game-development-fill-light-before::before {
	fill: #259da1;
}
.add-game-development-fill-light-after::after {
	fill: #259da1;
}
.add-game-development-fill-light-on-hover:hover {
	fill: #259da1;
}
.add-game-development-fill-light-to-child-on-hover:hover .add-game-development-fill-light-on-parent-hover {
	fill: #259da1;
}
.add-game-development-fill-lighter {
	fill: #29b2b6;
}
.add-game-development-fill-lighter-before::before {
	fill: #29b2b6;
}
.add-game-development-fill-lighter-after::after {
	fill: #29b2b6;
}
.add-game-development-fill-lighter-on-hover:hover {
	fill: #29b2b6;
}
.add-game-development-fill-lighter-to-child-on-hover:hover .add-game-development-fill-lighter-on-parent-hover {
	fill: #29b2b6;
}
.add-game-development-fill-lightest {
	fill: #3fcfd3;
}
.add-game-development-fill-lightest-before::before {
	fill: #3fcfd3;
}
.add-game-development-fill-lightest-after::after {
	fill: #3fcfd3;
}
.add-game-development-fill-lightest-on-hover:hover {
	fill: #3fcfd3;
}
.add-game-development-fill-lightest-to-child-on-hover:hover .add-game-development-fill-lightest-on-parent-hover {
	fill: #3fcfd3;
}
.add-game-development-fill-dark {
	fill: #1b7577;
}
.add-game-development-fill-dark-before::before {
	fill: #1b7577;
}
.add-game-development-fill-dark-after::after {
	fill: #1b7577;
}
.add-game-development-fill-dark-on-hover:hover {
	fill: #1b7577;
}
.add-game-development-fill-dark-to-child-on-hover:hover .add-game-development-fill-dark-on-parent-hover {
	fill: #1b7577;
}
.add-game-development-fill-darker {
	fill: #176062;
}
.add-game-development-fill-darker-before::before {
	fill: #176062;
}
.add-game-development-fill-darker-after::after {
	fill: #176062;
}
.add-game-development-fill-darker-on-hover:hover {
	fill: #176062;
}
.add-game-development-fill-darker-to-child-on-hover:hover .add-game-development-fill-darker-on-parent-hover {
	fill: #176062;
}
.add-game-development-fill-darkest {
	fill: #0d3839;
}
.add-game-development-fill-darkest-before::before {
	fill: #0d3839;
}
.add-game-development-fill-darkest-after::after {
	fill: #0d3839;
}
.add-game-development-fill-darkest-on-hover:hover {
	fill: #0d3839;
}
.add-game-development-fill-darkest-to-child-on-hover:hover .add-game-development-fill-darkest-on-parent-hover {
	fill: #0d3839;
}
.add-game-development-stroke {
	stroke: #20898c;
}
.add-game-development-stroke-before::before {
	stroke: #20898c;
}
.add-game-development-stroke-after::after {
	stroke: #20898c;
}
.add-game-development-stroke-on-hover:hover {
	stroke: #20898c;
}
.add-game-development-stroke-to-child-on-hover:hover .add-game-development-stroke-on-parent-hover {
	stroke: #20898c;
}
.add-game-development-stroke-light {
	stroke: #259da1;
}
.add-game-development-stroke-light-before::before {
	stroke: #259da1;
}
.add-game-development-stroke-light-after::after {
	stroke: #259da1;
}
.add-game-development-stroke-light-on-hover:hover {
	stroke: #259da1;
}
.add-game-development-stroke-light-to-child-on-hover:hover .add-game-development-stroke-light-on-parent-hover {
	stroke: #259da1;
}
.add-game-development-stroke-lighter {
	stroke: #29b2b6;
}
.add-game-development-stroke-lighter-before::before {
	stroke: #29b2b6;
}
.add-game-development-stroke-lighter-after::after {
	stroke: #29b2b6;
}
.add-game-development-stroke-lighter-on-hover:hover {
	stroke: #29b2b6;
}
.add-game-development-stroke-lighter-to-child-on-hover:hover .add-game-development-stroke-lighter-on-parent-hover {
	stroke: #29b2b6;
}
.add-game-development-stroke-lightest {
	stroke: #3fcfd3;
}
.add-game-development-stroke-lightest-before::before {
	stroke: #3fcfd3;
}
.add-game-development-stroke-lightest-after::after {
	stroke: #3fcfd3;
}
.add-game-development-stroke-lightest-on-hover:hover {
	stroke: #3fcfd3;
}
.add-game-development-stroke-lightest-to-child-on-hover:hover .add-game-development-stroke-lightest-on-parent-hover {
	stroke: #3fcfd3;
}
.add-game-development-stroke-dark {
	stroke: #1b7577;
}
.add-game-development-stroke-dark-before::before {
	stroke: #1b7577;
}
.add-game-development-stroke-dark-after::after {
	stroke: #1b7577;
}
.add-game-development-stroke-dark-on-hover:hover {
	stroke: #1b7577;
}
.add-game-development-stroke-dark-to-child-on-hover:hover .add-game-development-stroke-dark-on-parent-hover {
	stroke: #1b7577;
}
.add-game-development-stroke-darker {
	stroke: #176062;
}
.add-game-development-stroke-darker-before::before {
	stroke: #176062;
}
.add-game-development-stroke-darker-after::after {
	stroke: #176062;
}
.add-game-development-stroke-darker-on-hover:hover {
	stroke: #176062;
}
.add-game-development-stroke-darker-to-child-on-hover:hover .add-game-development-stroke-darker-on-parent-hover {
	stroke: #176062;
}
.add-game-development-stroke-darkest {
	stroke: #0d3839;
}
.add-game-development-stroke-darkest-before::before {
	stroke: #0d3839;
}
.add-game-development-stroke-darkest-after::after {
	stroke: #0d3839;
}
.add-game-development-stroke-darkest-on-hover:hover {
	stroke: #0d3839;
}
.add-game-development-stroke-darkest-to-child-on-hover:hover .add-game-development-stroke-darkest-on-parent-hover {
	stroke: #0d3839;
}
.add-game-development-color {
	color: rgb(32, 137, 140);
}
.add-game-development-color-before::before {
	color: rgb(32, 137, 140);
}
.add-game-development-color-after::after {
	color: rgb(32, 137, 140);
}
.add-game-development-color-on-hover:hover {
	color: rgb(32, 137, 140);
}
.add-game-development-color-to-child-on-hover:hover .add-game-development-color-on-parent-hover {
	color: rgb(32, 137, 140);
}
.add-game-development-color-light {
	color: rgb(37, 157, 161);
}
.add-game-development-color-light-before::before {
	color: rgb(37, 157, 161);
}
.add-game-development-color-light-after::after {
	color: rgb(37, 157, 161);
}
.add-game-development-color-light-on-hover:hover {
	color: rgb(37, 157, 161);
}
.add-game-development-color-light-to-child-on-hover:hover .add-game-development-color-light-on-parent-hover {
	color: rgb(37, 157, 161);
}
.add-game-development-color-lighter {
	color: rgb(41, 178, 182);
}
.add-game-development-color-lighter-before::before {
	color: rgb(41, 178, 182);
}
.add-game-development-color-lighter-after::after {
	color: rgb(41, 178, 182);
}
.add-game-development-color-lighter-on-hover:hover {
	color: rgb(41, 178, 182);
}
.add-game-development-color-lighter-to-child-on-hover:hover .add-game-development-color-lighter-on-parent-hover {
	color: rgb(41, 178, 182);
}
.add-game-development-color-lightest {
	color: rgb(63, 207, 211);
}
.add-game-development-color-lightest-before::before {
	color: rgb(63, 207, 211);
}
.add-game-development-color-lightest-after::after {
	color: rgb(63, 207, 211);
}
.add-game-development-color-lightest-on-hover:hover {
	color: rgb(63, 207, 211);
}
.add-game-development-color-lightest-to-child-on-hover:hover .add-game-development-color-lightest-on-parent-hover {
	color: rgb(63, 207, 211);
}
.add-game-development-color-dark {
	color: rgb(27, 117, 119);
}
.add-game-development-color-dark-before::before {
	color: rgb(27, 117, 119);
}
.add-game-development-color-dark-after::after {
	color: rgb(27, 117, 119);
}
.add-game-development-color-dark-on-hover:hover {
	color: rgb(27, 117, 119);
}
.add-game-development-color-dark-to-child-on-hover:hover .add-game-development-color-dark-on-parent-hover {
	color: rgb(27, 117, 119);
}
.add-game-development-color-darker {
	color: rgb(23, 96, 98);
}
.add-game-development-color-darker-before::before {
	color: rgb(23, 96, 98);
}
.add-game-development-color-darker-after::after {
	color: rgb(23, 96, 98);
}
.add-game-development-color-darker-on-hover:hover {
	color: rgb(23, 96, 98);
}
.add-game-development-color-darker-to-child-on-hover:hover .add-game-development-color-darker-on-parent-hover {
	color: rgb(23, 96, 98);
}
.add-game-development-color-darkest {
	color: rgb(13, 56, 57);
}
.add-game-development-color-darkest-before::before {
	color: rgb(13, 56, 57);
}
.add-game-development-color-darkest-after::after {
	color: rgb(13, 56, 57);
}
.add-game-development-color-darkest-on-hover:hover {
	color: rgb(13, 56, 57);
}
.add-game-development-color-darkest-to-child-on-hover:hover .add-game-development-color-darkest-on-parent-hover {
	color: rgb(13, 56, 57);
}
.add-game-development-border-color {
	border-color: rgb(32, 137, 140);
}
.add-game-development-border-color-before::before {
	border-color: rgb(32, 137, 140);
}
.add-game-development-border-color-after::after {
	border-color: rgb(32, 137, 140);
}
.add-game-development-border-color-on-hover:hover {
	border-color: rgb(32, 137, 140);
}
.add-game-development-border-color-to-child-on-hover:hover .add-game-development-border-color-on-parent-hover {
	border-color: rgb(32, 137, 140);
}
.add-game-development-border-color-light {
	border-color: rgb(37, 157, 161);
}
.add-game-development-border-color-light-before::before {
	border-color: rgb(37, 157, 161);
}
.add-game-development-border-color-light-after::after {
	border-color: rgb(37, 157, 161);
}
.add-game-development-border-color-light-on-hover:hover {
	border-color: rgb(37, 157, 161);
}
.add-game-development-border-color-light-to-child-on-hover:hover .add-game-development-border-color-light-on-parent-hover {
	border-color: rgb(37, 157, 161);
}
.add-game-development-border-color-lighter {
	border-color: rgb(41, 178, 182);
}
.add-game-development-border-color-lighter-before::before {
	border-color: rgb(41, 178, 182);
}
.add-game-development-border-color-lighter-after::after {
	border-color: rgb(41, 178, 182);
}
.add-game-development-border-color-lighter-on-hover:hover {
	border-color: rgb(41, 178, 182);
}
.add-game-development-border-color-lighter-to-child-on-hover:hover .add-game-development-border-color-lighter-on-parent-hover {
	border-color: rgb(41, 178, 182);
}
.add-game-development-border-color-lightest {
	border-color: rgb(63, 207, 211);
}
.add-game-development-border-color-lightest-before::before {
	border-color: rgb(63, 207, 211);
}
.add-game-development-border-color-lightest-after::after {
	border-color: rgb(63, 207, 211);
}
.add-game-development-border-color-lightest-on-hover:hover {
	border-color: rgb(63, 207, 211);
}
.add-game-development-border-color-lightest-to-child-on-hover:hover .add-game-development-border-color-lightest-on-parent-hover {
	border-color: rgb(63, 207, 211);
}
.add-game-development-border-color-dark {
	border-color: rgb(27, 117, 119);
}
.add-game-development-border-color-dark-before::before {
	border-color: rgb(27, 117, 119);
}
.add-game-development-border-color-dark-after::after {
	border-color: rgb(27, 117, 119);
}
.add-game-development-border-color-dark-on-hover:hover {
	border-color: rgb(27, 117, 119);
}
.add-game-development-border-color-dark-to-child-on-hover:hover .add-game-development-border-color-dark-on-parent-hover {
	border-color: rgb(27, 117, 119);
}
.add-game-development-border-color-darker {
	border-color: rgb(23, 96, 98);
}
.add-game-development-border-color-darker-before::before {
	border-color: rgb(23, 96, 98);
}
.add-game-development-border-color-darker-after::after {
	border-color: rgb(23, 96, 98);
}
.add-game-development-border-color-darker-on-hover:hover {
	border-color: rgb(23, 96, 98);
}
.add-game-development-border-color-darker-to-child-on-hover:hover .add-game-development-border-color-darker-on-parent-hover {
	border-color: rgb(23, 96, 98);
}
.add-game-development-border-color-darkest {
	border-color: rgb(13, 56, 57);
}
.add-game-development-border-color-darkest-before::before {
	border-color: rgb(13, 56, 57);
}
.add-game-development-border-color-darkest-after::after {
	border-color: rgb(13, 56, 57);
}
.add-game-development-border-color-darkest-on-hover:hover {
	border-color: rgb(13, 56, 57);
}
.add-game-development-border-color-darkest-to-child-on-hover:hover .add-game-development-border-color-darkest-on-parent-hover {
	border-color: rgb(13, 56, 57);
}
.add-game-development-background-color {
	background-color: rgb(32, 137, 140);
}
.add-game-development-background-color-before::before {
	background-color: rgb(32, 137, 140);
}
.add-game-development-background-color-after::after {
	background-color: rgb(32, 137, 140);
}
.add-game-development-background-color-on-hover:hover {
	background-color: rgb(32, 137, 140);
}
.add-game-development-background-color-to-child-on-hover:hover .add-game-development-background-color-on-parent-hover {
	background-color: rgb(32, 137, 140);
}
.add-game-development-background-color-light {
	background-color: rgb(37, 157, 161);
}
.add-game-development-background-color-light-before::before {
	background-color: rgb(37, 157, 161);
}
.add-game-development-background-color-light-after::after {
	background-color: rgb(37, 157, 161);
}
.add-game-development-background-color-light-on-hover:hover {
	background-color: rgb(37, 157, 161);
}
.add-game-development-background-color-light-to-child-on-hover:hover .add-game-development-background-color-light-on-parent-hover {
	background-color: rgb(37, 157, 161);
}
.add-game-development-background-color-lighter {
	background-color: rgb(41, 178, 182);
}
.add-game-development-background-color-lighter-before::before {
	background-color: rgb(41, 178, 182);
}
.add-game-development-background-color-lighter-after::after {
	background-color: rgb(41, 178, 182);
}
.add-game-development-background-color-lighter-on-hover:hover {
	background-color: rgb(41, 178, 182);
}
.add-game-development-background-color-lighter-to-child-on-hover:hover .add-game-development-background-color-lighter-on-parent-hover {
	background-color: rgb(41, 178, 182);
}
.add-game-development-background-color-lightest {
	background-color: rgb(63, 207, 211);
}
.add-game-development-background-color-lightest-before::before {
	background-color: rgb(63, 207, 211);
}
.add-game-development-background-color-lightest-after::after {
	background-color: rgb(63, 207, 211);
}
.add-game-development-background-color-lightest-on-hover:hover {
	background-color: rgb(63, 207, 211);
}
.add-game-development-background-color-lightest-to-child-on-hover:hover .add-game-development-background-color-lightest-on-parent-hover {
	background-color: rgb(63, 207, 211);
}
.add-game-development-background-color-dark {
	background-color: rgb(27, 117, 119);
}
.add-game-development-background-color-dark-before::before {
	background-color: rgb(27, 117, 119);
}
.add-game-development-background-color-dark-after::after {
	background-color: rgb(27, 117, 119);
}
.add-game-development-background-color-dark-on-hover:hover {
	background-color: rgb(27, 117, 119);
}
.add-game-development-background-color-dark-to-child-on-hover:hover .add-game-development-background-color-dark-on-parent-hover {
	background-color: rgb(27, 117, 119);
}
.add-game-development-background-color-darker {
	background-color: rgb(23, 96, 98);
}
.add-game-development-background-color-darker-before::before {
	background-color: rgb(23, 96, 98);
}
.add-game-development-background-color-darker-after::after {
	background-color: rgb(23, 96, 98);
}
.add-game-development-background-color-darker-on-hover:hover {
	background-color: rgb(23, 96, 98);
}
.add-game-development-background-color-darker-to-child-on-hover:hover .add-game-development-background-color-darker-on-parent-hover {
	background-color: rgb(23, 96, 98);
}
.add-game-development-background-color-darkest {
	background-color: rgb(13, 56, 57);
}
.add-game-development-background-color-darkest-before::before {
	background-color: rgb(13, 56, 57);
}
.add-game-development-background-color-darkest-after::after {
	background-color: rgb(13, 56, 57);
}
.add-game-development-background-color-darkest-on-hover:hover {
	background-color: rgb(13, 56, 57);
}
.add-game-development-background-color-darkest-to-child-on-hover:hover .add-game-development-background-color-darkest-on-parent-hover {
	background-color: rgb(13, 56, 57);
}
.add-csharp-fill {
	fill: #9e4d83;
}
.add-csharp-fill-before::before {
	fill: #9e4d83;
}
.add-csharp-fill-after::after {
	fill: #9e4d83;
}
.add-csharp-fill-on-hover:hover {
	fill: #9e4d83;
}
.add-csharp-fill-to-child-on-hover:hover .add-csharp-fill-on-parent-hover {
	fill: #9e4d83;
}
.add-csharp-fill-light {
	fill: #ad5791;
}
.add-csharp-fill-light-before::before {
	fill: #ad5791;
}
.add-csharp-fill-light-after::after {
	fill: #ad5791;
}
.add-csharp-fill-light-on-hover:hover {
	fill: #ad5791;
}
.add-csharp-fill-light-to-child-on-hover:hover .add-csharp-fill-light-on-parent-hover {
	fill: #ad5791;
}
.add-csharp-fill-lighter {
	fill: #b6689c;
}
.add-csharp-fill-lighter-before::before {
	fill: #b6689c;
}
.add-csharp-fill-lighter-after::after {
	fill: #b6689c;
}
.add-csharp-fill-lighter-on-hover:hover {
	fill: #b6689c;
}
.add-csharp-fill-lighter-to-child-on-hover:hover .add-csharp-fill-lighter-on-parent-hover {
	fill: #b6689c;
}
.add-csharp-fill-lightest {
	fill: #c68bb2;
}
.add-csharp-fill-lightest-before::before {
	fill: #c68bb2;
}
.add-csharp-fill-lightest-after::after {
	fill: #c68bb2;
}
.add-csharp-fill-lightest-on-hover:hover {
	fill: #c68bb2;
}
.add-csharp-fill-lightest-to-child-on-hover:hover .add-csharp-fill-lightest-on-parent-hover {
	fill: #c68bb2;
}
.add-csharp-fill-dark {
	fill: #8d4575;
}
.add-csharp-fill-dark-before::before {
	fill: #8d4575;
}
.add-csharp-fill-dark-after::after {
	fill: #8d4575;
}
.add-csharp-fill-dark-on-hover:hover {
	fill: #8d4575;
}
.add-csharp-fill-dark-to-child-on-hover:hover .add-csharp-fill-dark-on-parent-hover {
	fill: #8d4575;
}
.add-csharp-fill-darker {
	fill: #7c3c67;
}
.add-csharp-fill-darker-before::before {
	fill: #7c3c67;
}
.add-csharp-fill-darker-after::after {
	fill: #7c3c67;
}
.add-csharp-fill-darker-on-hover:hover {
	fill: #7c3c67;
}
.add-csharp-fill-darker-to-child-on-hover:hover .add-csharp-fill-darker-on-parent-hover {
	fill: #7c3c67;
}
.add-csharp-fill-darkest {
	fill: #592c4a;
}
.add-csharp-fill-darkest-before::before {
	fill: #592c4a;
}
.add-csharp-fill-darkest-after::after {
	fill: #592c4a;
}
.add-csharp-fill-darkest-on-hover:hover {
	fill: #592c4a;
}
.add-csharp-fill-darkest-to-child-on-hover:hover .add-csharp-fill-darkest-on-parent-hover {
	fill: #592c4a;
}
.add-csharp-stroke {
	stroke: #9e4d83;
}
.add-csharp-stroke-before::before {
	stroke: #9e4d83;
}
.add-csharp-stroke-after::after {
	stroke: #9e4d83;
}
.add-csharp-stroke-on-hover:hover {
	stroke: #9e4d83;
}
.add-csharp-stroke-to-child-on-hover:hover .add-csharp-stroke-on-parent-hover {
	stroke: #9e4d83;
}
.add-csharp-stroke-light {
	stroke: #ad5791;
}
.add-csharp-stroke-light-before::before {
	stroke: #ad5791;
}
.add-csharp-stroke-light-after::after {
	stroke: #ad5791;
}
.add-csharp-stroke-light-on-hover:hover {
	stroke: #ad5791;
}
.add-csharp-stroke-light-to-child-on-hover:hover .add-csharp-stroke-light-on-parent-hover {
	stroke: #ad5791;
}
.add-csharp-stroke-lighter {
	stroke: #b6689c;
}
.add-csharp-stroke-lighter-before::before {
	stroke: #b6689c;
}
.add-csharp-stroke-lighter-after::after {
	stroke: #b6689c;
}
.add-csharp-stroke-lighter-on-hover:hover {
	stroke: #b6689c;
}
.add-csharp-stroke-lighter-to-child-on-hover:hover .add-csharp-stroke-lighter-on-parent-hover {
	stroke: #b6689c;
}
.add-csharp-stroke-lightest {
	stroke: #c68bb2;
}
.add-csharp-stroke-lightest-before::before {
	stroke: #c68bb2;
}
.add-csharp-stroke-lightest-after::after {
	stroke: #c68bb2;
}
.add-csharp-stroke-lightest-on-hover:hover {
	stroke: #c68bb2;
}
.add-csharp-stroke-lightest-to-child-on-hover:hover .add-csharp-stroke-lightest-on-parent-hover {
	stroke: #c68bb2;
}
.add-csharp-stroke-dark {
	stroke: #8d4575;
}
.add-csharp-stroke-dark-before::before {
	stroke: #8d4575;
}
.add-csharp-stroke-dark-after::after {
	stroke: #8d4575;
}
.add-csharp-stroke-dark-on-hover:hover {
	stroke: #8d4575;
}
.add-csharp-stroke-dark-to-child-on-hover:hover .add-csharp-stroke-dark-on-parent-hover {
	stroke: #8d4575;
}
.add-csharp-stroke-darker {
	stroke: #7c3c67;
}
.add-csharp-stroke-darker-before::before {
	stroke: #7c3c67;
}
.add-csharp-stroke-darker-after::after {
	stroke: #7c3c67;
}
.add-csharp-stroke-darker-on-hover:hover {
	stroke: #7c3c67;
}
.add-csharp-stroke-darker-to-child-on-hover:hover .add-csharp-stroke-darker-on-parent-hover {
	stroke: #7c3c67;
}
.add-csharp-stroke-darkest {
	stroke: #592c4a;
}
.add-csharp-stroke-darkest-before::before {
	stroke: #592c4a;
}
.add-csharp-stroke-darkest-after::after {
	stroke: #592c4a;
}
.add-csharp-stroke-darkest-on-hover:hover {
	stroke: #592c4a;
}
.add-csharp-stroke-darkest-to-child-on-hover:hover .add-csharp-stroke-darkest-on-parent-hover {
	stroke: #592c4a;
}
.add-csharp-color {
	color: rgb(158, 77, 131);
}
.add-csharp-color-before::before {
	color: rgb(158, 77, 131);
}
.add-csharp-color-after::after {
	color: rgb(158, 77, 131);
}
.add-csharp-color-on-hover:hover {
	color: rgb(158, 77, 131);
}
.add-csharp-color-to-child-on-hover:hover .add-csharp-color-on-parent-hover {
	color: rgb(158, 77, 131);
}
.add-csharp-color-light {
	color: rgb(173, 87, 145);
}
.add-csharp-color-light-before::before {
	color: rgb(173, 87, 145);
}
.add-csharp-color-light-after::after {
	color: rgb(173, 87, 145);
}
.add-csharp-color-light-on-hover:hover {
	color: rgb(173, 87, 145);
}
.add-csharp-color-light-to-child-on-hover:hover .add-csharp-color-light-on-parent-hover {
	color: rgb(173, 87, 145);
}
.add-csharp-color-lighter {
	color: rgb(182, 104, 156);
}
.add-csharp-color-lighter-before::before {
	color: rgb(182, 104, 156);
}
.add-csharp-color-lighter-after::after {
	color: rgb(182, 104, 156);
}
.add-csharp-color-lighter-on-hover:hover {
	color: rgb(182, 104, 156);
}
.add-csharp-color-lighter-to-child-on-hover:hover .add-csharp-color-lighter-on-parent-hover {
	color: rgb(182, 104, 156);
}
.add-csharp-color-lightest {
	color: rgb(198, 139, 178);
}
.add-csharp-color-lightest-before::before {
	color: rgb(198, 139, 178);
}
.add-csharp-color-lightest-after::after {
	color: rgb(198, 139, 178);
}
.add-csharp-color-lightest-on-hover:hover {
	color: rgb(198, 139, 178);
}
.add-csharp-color-lightest-to-child-on-hover:hover .add-csharp-color-lightest-on-parent-hover {
	color: rgb(198, 139, 178);
}
.add-csharp-color-dark {
	color: rgb(141, 69, 117);
}
.add-csharp-color-dark-before::before {
	color: rgb(141, 69, 117);
}
.add-csharp-color-dark-after::after {
	color: rgb(141, 69, 117);
}
.add-csharp-color-dark-on-hover:hover {
	color: rgb(141, 69, 117);
}
.add-csharp-color-dark-to-child-on-hover:hover .add-csharp-color-dark-on-parent-hover {
	color: rgb(141, 69, 117);
}
.add-csharp-color-darker {
	color: rgb(124, 60, 103);
}
.add-csharp-color-darker-before::before {
	color: rgb(124, 60, 103);
}
.add-csharp-color-darker-after::after {
	color: rgb(124, 60, 103);
}
.add-csharp-color-darker-on-hover:hover {
	color: rgb(124, 60, 103);
}
.add-csharp-color-darker-to-child-on-hover:hover .add-csharp-color-darker-on-parent-hover {
	color: rgb(124, 60, 103);
}
.add-csharp-color-darkest {
	color: rgb(89, 44, 74);
}
.add-csharp-color-darkest-before::before {
	color: rgb(89, 44, 74);
}
.add-csharp-color-darkest-after::after {
	color: rgb(89, 44, 74);
}
.add-csharp-color-darkest-on-hover:hover {
	color: rgb(89, 44, 74);
}
.add-csharp-color-darkest-to-child-on-hover:hover .add-csharp-color-darkest-on-parent-hover {
	color: rgb(89, 44, 74);
}
.add-csharp-border-color {
	border-color: rgb(158, 77, 131);
}
.add-csharp-border-color-before::before {
	border-color: rgb(158, 77, 131);
}
.add-csharp-border-color-after::after {
	border-color: rgb(158, 77, 131);
}
.add-csharp-border-color-on-hover:hover {
	border-color: rgb(158, 77, 131);
}
.add-csharp-border-color-to-child-on-hover:hover .add-csharp-border-color-on-parent-hover {
	border-color: rgb(158, 77, 131);
}
.add-csharp-border-color-light {
	border-color: rgb(173, 87, 145);
}
.add-csharp-border-color-light-before::before {
	border-color: rgb(173, 87, 145);
}
.add-csharp-border-color-light-after::after {
	border-color: rgb(173, 87, 145);
}
.add-csharp-border-color-light-on-hover:hover {
	border-color: rgb(173, 87, 145);
}
.add-csharp-border-color-light-to-child-on-hover:hover .add-csharp-border-color-light-on-parent-hover {
	border-color: rgb(173, 87, 145);
}
.add-csharp-border-color-lighter {
	border-color: rgb(182, 104, 156);
}
.add-csharp-border-color-lighter-before::before {
	border-color: rgb(182, 104, 156);
}
.add-csharp-border-color-lighter-after::after {
	border-color: rgb(182, 104, 156);
}
.add-csharp-border-color-lighter-on-hover:hover {
	border-color: rgb(182, 104, 156);
}
.add-csharp-border-color-lighter-to-child-on-hover:hover .add-csharp-border-color-lighter-on-parent-hover {
	border-color: rgb(182, 104, 156);
}
.add-csharp-border-color-lightest {
	border-color: rgb(198, 139, 178);
}
.add-csharp-border-color-lightest-before::before {
	border-color: rgb(198, 139, 178);
}
.add-csharp-border-color-lightest-after::after {
	border-color: rgb(198, 139, 178);
}
.add-csharp-border-color-lightest-on-hover:hover {
	border-color: rgb(198, 139, 178);
}
.add-csharp-border-color-lightest-to-child-on-hover:hover .add-csharp-border-color-lightest-on-parent-hover {
	border-color: rgb(198, 139, 178);
}
.add-csharp-border-color-dark {
	border-color: rgb(141, 69, 117);
}
.add-csharp-border-color-dark-before::before {
	border-color: rgb(141, 69, 117);
}
.add-csharp-border-color-dark-after::after {
	border-color: rgb(141, 69, 117);
}
.add-csharp-border-color-dark-on-hover:hover {
	border-color: rgb(141, 69, 117);
}
.add-csharp-border-color-dark-to-child-on-hover:hover .add-csharp-border-color-dark-on-parent-hover {
	border-color: rgb(141, 69, 117);
}
.add-csharp-border-color-darker {
	border-color: rgb(124, 60, 103);
}
.add-csharp-border-color-darker-before::before {
	border-color: rgb(124, 60, 103);
}
.add-csharp-border-color-darker-after::after {
	border-color: rgb(124, 60, 103);
}
.add-csharp-border-color-darker-on-hover:hover {
	border-color: rgb(124, 60, 103);
}
.add-csharp-border-color-darker-to-child-on-hover:hover .add-csharp-border-color-darker-on-parent-hover {
	border-color: rgb(124, 60, 103);
}
.add-csharp-border-color-darkest {
	border-color: rgb(89, 44, 74);
}
.add-csharp-border-color-darkest-before::before {
	border-color: rgb(89, 44, 74);
}
.add-csharp-border-color-darkest-after::after {
	border-color: rgb(89, 44, 74);
}
.add-csharp-border-color-darkest-on-hover:hover {
	border-color: rgb(89, 44, 74);
}
.add-csharp-border-color-darkest-to-child-on-hover:hover .add-csharp-border-color-darkest-on-parent-hover {
	border-color: rgb(89, 44, 74);
}
.add-csharp-background-color {
	background-color: rgb(158, 77, 131);
}
.add-csharp-background-color-before::before {
	background-color: rgb(158, 77, 131);
}
.add-csharp-background-color-after::after {
	background-color: rgb(158, 77, 131);
}
.add-csharp-background-color-on-hover:hover {
	background-color: rgb(158, 77, 131);
}
.add-csharp-background-color-to-child-on-hover:hover .add-csharp-background-color-on-parent-hover {
	background-color: rgb(158, 77, 131);
}
.add-csharp-background-color-light {
	background-color: rgb(173, 87, 145);
}
.add-csharp-background-color-light-before::before {
	background-color: rgb(173, 87, 145);
}
.add-csharp-background-color-light-after::after {
	background-color: rgb(173, 87, 145);
}
.add-csharp-background-color-light-on-hover:hover {
	background-color: rgb(173, 87, 145);
}
.add-csharp-background-color-light-to-child-on-hover:hover .add-csharp-background-color-light-on-parent-hover {
	background-color: rgb(173, 87, 145);
}
.add-csharp-background-color-lighter {
	background-color: rgb(182, 104, 156);
}
.add-csharp-background-color-lighter-before::before {
	background-color: rgb(182, 104, 156);
}
.add-csharp-background-color-lighter-after::after {
	background-color: rgb(182, 104, 156);
}
.add-csharp-background-color-lighter-on-hover:hover {
	background-color: rgb(182, 104, 156);
}
.add-csharp-background-color-lighter-to-child-on-hover:hover .add-csharp-background-color-lighter-on-parent-hover {
	background-color: rgb(182, 104, 156);
}
.add-csharp-background-color-lightest {
	background-color: rgb(198, 139, 178);
}
.add-csharp-background-color-lightest-before::before {
	background-color: rgb(198, 139, 178);
}
.add-csharp-background-color-lightest-after::after {
	background-color: rgb(198, 139, 178);
}
.add-csharp-background-color-lightest-on-hover:hover {
	background-color: rgb(198, 139, 178);
}
.add-csharp-background-color-lightest-to-child-on-hover:hover .add-csharp-background-color-lightest-on-parent-hover {
	background-color: rgb(198, 139, 178);
}
.add-csharp-background-color-dark {
	background-color: rgb(141, 69, 117);
}
.add-csharp-background-color-dark-before::before {
	background-color: rgb(141, 69, 117);
}
.add-csharp-background-color-dark-after::after {
	background-color: rgb(141, 69, 117);
}
.add-csharp-background-color-dark-on-hover:hover {
	background-color: rgb(141, 69, 117);
}
.add-csharp-background-color-dark-to-child-on-hover:hover .add-csharp-background-color-dark-on-parent-hover {
	background-color: rgb(141, 69, 117);
}
.add-csharp-background-color-darker {
	background-color: rgb(124, 60, 103);
}
.add-csharp-background-color-darker-before::before {
	background-color: rgb(124, 60, 103);
}
.add-csharp-background-color-darker-after::after {
	background-color: rgb(124, 60, 103);
}
.add-csharp-background-color-darker-on-hover:hover {
	background-color: rgb(124, 60, 103);
}
.add-csharp-background-color-darker-to-child-on-hover:hover .add-csharp-background-color-darker-on-parent-hover {
	background-color: rgb(124, 60, 103);
}
.add-csharp-background-color-darkest {
	background-color: rgb(89, 44, 74);
}
.add-csharp-background-color-darkest-before::before {
	background-color: rgb(89, 44, 74);
}
.add-csharp-background-color-darkest-after::after {
	background-color: rgb(89, 44, 74);
}
.add-csharp-background-color-darkest-on-hover:hover {
	background-color: rgb(89, 44, 74);
}
.add-csharp-background-color-darkest-to-child-on-hover:hover .add-csharp-background-color-darkest-on-parent-hover {
	background-color: rgb(89, 44, 74);
}
.add-databases-fill {
	fill: #eb7728;
}
.add-databases-fill-before::before {
	fill: #eb7728;
}
.add-databases-fill-after::after {
	fill: #eb7728;
}
.add-databases-fill-on-hover:hover {
	fill: #eb7728;
}
.add-databases-fill-to-child-on-hover:hover .add-databases-fill-on-parent-hover {
	fill: #eb7728;
}
.add-databases-fill-light {
	fill: #ed863f;
}
.add-databases-fill-light-before::before {
	fill: #ed863f;
}
.add-databases-fill-light-after::after {
	fill: #ed863f;
}
.add-databases-fill-light-on-hover:hover {
	fill: #ed863f;
}
.add-databases-fill-light-to-child-on-hover:hover .add-databases-fill-light-on-parent-hover {
	fill: #ed863f;
}
.add-databases-fill-lighter {
	fill: #ef9557;
}
.add-databases-fill-lighter-before::before {
	fill: #ef9557;
}
.add-databases-fill-lighter-after::after {
	fill: #ef9557;
}
.add-databases-fill-lighter-on-hover:hover {
	fill: #ef9557;
}
.add-databases-fill-lighter-to-child-on-hover:hover .add-databases-fill-lighter-on-parent-hover {
	fill: #ef9557;
}
.add-databases-fill-lightest {
	fill: #f4b285;
}
.add-databases-fill-lightest-before::before {
	fill: #f4b285;
}
.add-databases-fill-lightest-after::after {
	fill: #f4b285;
}
.add-databases-fill-lightest-on-hover:hover {
	fill: #f4b285;
}
.add-databases-fill-lightest-to-child-on-hover:hover .add-databases-fill-lightest-on-parent-hover {
	fill: #f4b285;
}
.add-databases-fill-dark {
	fill: #e46915;
}
.add-databases-fill-dark-before::before {
	fill: #e46915;
}
.add-databases-fill-dark-after::after {
	fill: #e46915;
}
.add-databases-fill-dark-on-hover:hover {
	fill: #e46915;
}
.add-databases-fill-dark-to-child-on-hover:hover .add-databases-fill-dark-on-parent-hover {
	fill: #e46915;
}
.add-databases-fill-darker {
	fill: #cd5e13;
}
.add-databases-fill-darker-before::before {
	fill: #cd5e13;
}
.add-databases-fill-darker-after::after {
	fill: #cd5e13;
}
.add-databases-fill-darker-on-hover:hover {
	fill: #cd5e13;
}
.add-databases-fill-darker-to-child-on-hover:hover .add-databases-fill-darker-on-parent-hover {
	fill: #cd5e13;
}
.add-databases-fill-darkest {
	fill: #9e490f;
}
.add-databases-fill-darkest-before::before {
	fill: #9e490f;
}
.add-databases-fill-darkest-after::after {
	fill: #9e490f;
}
.add-databases-fill-darkest-on-hover:hover {
	fill: #9e490f;
}
.add-databases-fill-darkest-to-child-on-hover:hover .add-databases-fill-darkest-on-parent-hover {
	fill: #9e490f;
}
.add-databases-stroke {
	stroke: #eb7728;
}
.add-databases-stroke-before::before {
	stroke: #eb7728;
}
.add-databases-stroke-after::after {
	stroke: #eb7728;
}
.add-databases-stroke-on-hover:hover {
	stroke: #eb7728;
}
.add-databases-stroke-to-child-on-hover:hover .add-databases-stroke-on-parent-hover {
	stroke: #eb7728;
}
.add-databases-stroke-light {
	stroke: #ed863f;
}
.add-databases-stroke-light-before::before {
	stroke: #ed863f;
}
.add-databases-stroke-light-after::after {
	stroke: #ed863f;
}
.add-databases-stroke-light-on-hover:hover {
	stroke: #ed863f;
}
.add-databases-stroke-light-to-child-on-hover:hover .add-databases-stroke-light-on-parent-hover {
	stroke: #ed863f;
}
.add-databases-stroke-lighter {
	stroke: #ef9557;
}
.add-databases-stroke-lighter-before::before {
	stroke: #ef9557;
}
.add-databases-stroke-lighter-after::after {
	stroke: #ef9557;
}
.add-databases-stroke-lighter-on-hover:hover {
	stroke: #ef9557;
}
.add-databases-stroke-lighter-to-child-on-hover:hover .add-databases-stroke-lighter-on-parent-hover {
	stroke: #ef9557;
}
.add-databases-stroke-lightest {
	stroke: #f4b285;
}
.add-databases-stroke-lightest-before::before {
	stroke: #f4b285;
}
.add-databases-stroke-lightest-after::after {
	stroke: #f4b285;
}
.add-databases-stroke-lightest-on-hover:hover {
	stroke: #f4b285;
}
.add-databases-stroke-lightest-to-child-on-hover:hover .add-databases-stroke-lightest-on-parent-hover {
	stroke: #f4b285;
}
.add-databases-stroke-dark {
	stroke: #e46915;
}
.add-databases-stroke-dark-before::before {
	stroke: #e46915;
}
.add-databases-stroke-dark-after::after {
	stroke: #e46915;
}
.add-databases-stroke-dark-on-hover:hover {
	stroke: #e46915;
}
.add-databases-stroke-dark-to-child-on-hover:hover .add-databases-stroke-dark-on-parent-hover {
	stroke: #e46915;
}
.add-databases-stroke-darker {
	stroke: #cd5e13;
}
.add-databases-stroke-darker-before::before {
	stroke: #cd5e13;
}
.add-databases-stroke-darker-after::after {
	stroke: #cd5e13;
}
.add-databases-stroke-darker-on-hover:hover {
	stroke: #cd5e13;
}
.add-databases-stroke-darker-to-child-on-hover:hover .add-databases-stroke-darker-on-parent-hover {
	stroke: #cd5e13;
}
.add-databases-stroke-darkest {
	stroke: #9e490f;
}
.add-databases-stroke-darkest-before::before {
	stroke: #9e490f;
}
.add-databases-stroke-darkest-after::after {
	stroke: #9e490f;
}
.add-databases-stroke-darkest-on-hover:hover {
	stroke: #9e490f;
}
.add-databases-stroke-darkest-to-child-on-hover:hover .add-databases-stroke-darkest-on-parent-hover {
	stroke: #9e490f;
}
.add-databases-color {
	color: rgb(235, 119, 40);
}
.add-databases-color-before::before {
	color: rgb(235, 119, 40);
}
.add-databases-color-after::after {
	color: rgb(235, 119, 40);
}
.add-databases-color-on-hover:hover {
	color: rgb(235, 119, 40);
}
.add-databases-color-to-child-on-hover:hover .add-databases-color-on-parent-hover {
	color: rgb(235, 119, 40);
}
.add-databases-color-light {
	color: rgb(237, 134, 63);
}
.add-databases-color-light-before::before {
	color: rgb(237, 134, 63);
}
.add-databases-color-light-after::after {
	color: rgb(237, 134, 63);
}
.add-databases-color-light-on-hover:hover {
	color: rgb(237, 134, 63);
}
.add-databases-color-light-to-child-on-hover:hover .add-databases-color-light-on-parent-hover {
	color: rgb(237, 134, 63);
}
.add-databases-color-lighter {
	color: rgb(239, 149, 87);
}
.add-databases-color-lighter-before::before {
	color: rgb(239, 149, 87);
}
.add-databases-color-lighter-after::after {
	color: rgb(239, 149, 87);
}
.add-databases-color-lighter-on-hover:hover {
	color: rgb(239, 149, 87);
}
.add-databases-color-lighter-to-child-on-hover:hover .add-databases-color-lighter-on-parent-hover {
	color: rgb(239, 149, 87);
}
.add-databases-color-lightest {
	color: rgb(244, 178, 133);
}
.add-databases-color-lightest-before::before {
	color: rgb(244, 178, 133);
}
.add-databases-color-lightest-after::after {
	color: rgb(244, 178, 133);
}
.add-databases-color-lightest-on-hover:hover {
	color: rgb(244, 178, 133);
}
.add-databases-color-lightest-to-child-on-hover:hover .add-databases-color-lightest-on-parent-hover {
	color: rgb(244, 178, 133);
}
.add-databases-color-dark {
	color: rgb(228, 105, 21);
}
.add-databases-color-dark-before::before {
	color: rgb(228, 105, 21);
}
.add-databases-color-dark-after::after {
	color: rgb(228, 105, 21);
}
.add-databases-color-dark-on-hover:hover {
	color: rgb(228, 105, 21);
}
.add-databases-color-dark-to-child-on-hover:hover .add-databases-color-dark-on-parent-hover {
	color: rgb(228, 105, 21);
}
.add-databases-color-darker {
	color: rgb(205, 94, 19);
}
.add-databases-color-darker-before::before {
	color: rgb(205, 94, 19);
}
.add-databases-color-darker-after::after {
	color: rgb(205, 94, 19);
}
.add-databases-color-darker-on-hover:hover {
	color: rgb(205, 94, 19);
}
.add-databases-color-darker-to-child-on-hover:hover .add-databases-color-darker-on-parent-hover {
	color: rgb(205, 94, 19);
}
.add-databases-color-darkest {
	color: rgb(158, 73, 15);
}
.add-databases-color-darkest-before::before {
	color: rgb(158, 73, 15);
}
.add-databases-color-darkest-after::after {
	color: rgb(158, 73, 15);
}
.add-databases-color-darkest-on-hover:hover {
	color: rgb(158, 73, 15);
}
.add-databases-color-darkest-to-child-on-hover:hover .add-databases-color-darkest-on-parent-hover {
	color: rgb(158, 73, 15);
}
.add-databases-border-color {
	border-color: rgb(235, 119, 40);
}
.add-databases-border-color-before::before {
	border-color: rgb(235, 119, 40);
}
.add-databases-border-color-after::after {
	border-color: rgb(235, 119, 40);
}
.add-databases-border-color-on-hover:hover {
	border-color: rgb(235, 119, 40);
}
.add-databases-border-color-to-child-on-hover:hover .add-databases-border-color-on-parent-hover {
	border-color: rgb(235, 119, 40);
}
.add-databases-border-color-light {
	border-color: rgb(237, 134, 63);
}
.add-databases-border-color-light-before::before {
	border-color: rgb(237, 134, 63);
}
.add-databases-border-color-light-after::after {
	border-color: rgb(237, 134, 63);
}
.add-databases-border-color-light-on-hover:hover {
	border-color: rgb(237, 134, 63);
}
.add-databases-border-color-light-to-child-on-hover:hover .add-databases-border-color-light-on-parent-hover {
	border-color: rgb(237, 134, 63);
}
.add-databases-border-color-lighter {
	border-color: rgb(239, 149, 87);
}
.add-databases-border-color-lighter-before::before {
	border-color: rgb(239, 149, 87);
}
.add-databases-border-color-lighter-after::after {
	border-color: rgb(239, 149, 87);
}
.add-databases-border-color-lighter-on-hover:hover {
	border-color: rgb(239, 149, 87);
}
.add-databases-border-color-lighter-to-child-on-hover:hover .add-databases-border-color-lighter-on-parent-hover {
	border-color: rgb(239, 149, 87);
}
.add-databases-border-color-lightest {
	border-color: rgb(244, 178, 133);
}
.add-databases-border-color-lightest-before::before {
	border-color: rgb(244, 178, 133);
}
.add-databases-border-color-lightest-after::after {
	border-color: rgb(244, 178, 133);
}
.add-databases-border-color-lightest-on-hover:hover {
	border-color: rgb(244, 178, 133);
}
.add-databases-border-color-lightest-to-child-on-hover:hover .add-databases-border-color-lightest-on-parent-hover {
	border-color: rgb(244, 178, 133);
}
.add-databases-border-color-dark {
	border-color: rgb(228, 105, 21);
}
.add-databases-border-color-dark-before::before {
	border-color: rgb(228, 105, 21);
}
.add-databases-border-color-dark-after::after {
	border-color: rgb(228, 105, 21);
}
.add-databases-border-color-dark-on-hover:hover {
	border-color: rgb(228, 105, 21);
}
.add-databases-border-color-dark-to-child-on-hover:hover .add-databases-border-color-dark-on-parent-hover {
	border-color: rgb(228, 105, 21);
}
.add-databases-border-color-darker {
	border-color: rgb(205, 94, 19);
}
.add-databases-border-color-darker-before::before {
	border-color: rgb(205, 94, 19);
}
.add-databases-border-color-darker-after::after {
	border-color: rgb(205, 94, 19);
}
.add-databases-border-color-darker-on-hover:hover {
	border-color: rgb(205, 94, 19);
}
.add-databases-border-color-darker-to-child-on-hover:hover .add-databases-border-color-darker-on-parent-hover {
	border-color: rgb(205, 94, 19);
}
.add-databases-border-color-darkest {
	border-color: rgb(158, 73, 15);
}
.add-databases-border-color-darkest-before::before {
	border-color: rgb(158, 73, 15);
}
.add-databases-border-color-darkest-after::after {
	border-color: rgb(158, 73, 15);
}
.add-databases-border-color-darkest-on-hover:hover {
	border-color: rgb(158, 73, 15);
}
.add-databases-border-color-darkest-to-child-on-hover:hover .add-databases-border-color-darkest-on-parent-hover {
	border-color: rgb(158, 73, 15);
}
.add-databases-background-color {
	background-color: rgb(235, 119, 40);
}
.add-databases-background-color-before::before {
	background-color: rgb(235, 119, 40);
}
.add-databases-background-color-after::after {
	background-color: rgb(235, 119, 40);
}
.add-databases-background-color-on-hover:hover {
	background-color: rgb(235, 119, 40);
}
.add-databases-background-color-to-child-on-hover:hover .add-databases-background-color-on-parent-hover {
	background-color: rgb(235, 119, 40);
}
.add-databases-background-color-light {
	background-color: rgb(237, 134, 63);
}
.add-databases-background-color-light-before::before {
	background-color: rgb(237, 134, 63);
}
.add-databases-background-color-light-after::after {
	background-color: rgb(237, 134, 63);
}
.add-databases-background-color-light-on-hover:hover {
	background-color: rgb(237, 134, 63);
}
.add-databases-background-color-light-to-child-on-hover:hover .add-databases-background-color-light-on-parent-hover {
	background-color: rgb(237, 134, 63);
}
.add-databases-background-color-lighter {
	background-color: rgb(239, 149, 87);
}
.add-databases-background-color-lighter-before::before {
	background-color: rgb(239, 149, 87);
}
.add-databases-background-color-lighter-after::after {
	background-color: rgb(239, 149, 87);
}
.add-databases-background-color-lighter-on-hover:hover {
	background-color: rgb(239, 149, 87);
}
.add-databases-background-color-lighter-to-child-on-hover:hover .add-databases-background-color-lighter-on-parent-hover {
	background-color: rgb(239, 149, 87);
}
.add-databases-background-color-lightest {
	background-color: rgb(244, 178, 133);
}
.add-databases-background-color-lightest-before::before {
	background-color: rgb(244, 178, 133);
}
.add-databases-background-color-lightest-after::after {
	background-color: rgb(244, 178, 133);
}
.add-databases-background-color-lightest-on-hover:hover {
	background-color: rgb(244, 178, 133);
}
.add-databases-background-color-lightest-to-child-on-hover:hover .add-databases-background-color-lightest-on-parent-hover {
	background-color: rgb(244, 178, 133);
}
.add-databases-background-color-dark {
	background-color: rgb(228, 105, 21);
}
.add-databases-background-color-dark-before::before {
	background-color: rgb(228, 105, 21);
}
.add-databases-background-color-dark-after::after {
	background-color: rgb(228, 105, 21);
}
.add-databases-background-color-dark-on-hover:hover {
	background-color: rgb(228, 105, 21);
}
.add-databases-background-color-dark-to-child-on-hover:hover .add-databases-background-color-dark-on-parent-hover {
	background-color: rgb(228, 105, 21);
}
.add-databases-background-color-darker {
	background-color: rgb(205, 94, 19);
}
.add-databases-background-color-darker-before::before {
	background-color: rgb(205, 94, 19);
}
.add-databases-background-color-darker-after::after {
	background-color: rgb(205, 94, 19);
}
.add-databases-background-color-darker-on-hover:hover {
	background-color: rgb(205, 94, 19);
}
.add-databases-background-color-darker-to-child-on-hover:hover .add-databases-background-color-darker-on-parent-hover {
	background-color: rgb(205, 94, 19);
}
.add-databases-background-color-darkest {
	background-color: rgb(158, 73, 15);
}
.add-databases-background-color-darkest-before::before {
	background-color: rgb(158, 73, 15);
}
.add-databases-background-color-darkest-after::after {
	background-color: rgb(158, 73, 15);
}
.add-databases-background-color-darkest-on-hover:hover {
	background-color: rgb(158, 73, 15);
}
.add-databases-background-color-darkest-to-child-on-hover:hover .add-databases-background-color-darkest-on-parent-hover {
	background-color: rgb(158, 73, 15);
}
.add-undefined-fill {
	fill: #717b85;
}
.add-undefined-fill-before::before {
	fill: #717b85;
}
.add-undefined-fill-after::after {
	fill: #717b85;
}
.add-undefined-fill-on-hover:hover {
	fill: #717b85;
}
.add-undefined-fill-to-child-on-hover:hover .add-undefined-fill-on-parent-hover {
	fill: #717b85;
}
.add-undefined-fill-light {
	fill: #7e8891;
}
.add-undefined-fill-light-before::before {
	fill: #7e8891;
}
.add-undefined-fill-light-after::after {
	fill: #7e8891;
}
.add-undefined-fill-light-on-hover:hover {
	fill: #7e8891;
}
.add-undefined-fill-light-to-child-on-hover:hover .add-undefined-fill-light-on-parent-hover {
	fill: #7e8891;
}
.add-undefined-fill-lighter {
	fill: #8c959d;
}
.add-undefined-fill-lighter-before::before {
	fill: #8c959d;
}
.add-undefined-fill-lighter-after::after {
	fill: #8c959d;
}
.add-undefined-fill-lighter-on-hover:hover {
	fill: #8c959d;
}
.add-undefined-fill-lighter-to-child-on-hover:hover .add-undefined-fill-lighter-on-parent-hover {
	fill: #8c959d;
}
.add-undefined-fill-lightest {
	fill: #a7aeb5;
}
.add-undefined-fill-lightest-before::before {
	fill: #a7aeb5;
}
.add-undefined-fill-lightest-after::after {
	fill: #a7aeb5;
}
.add-undefined-fill-lightest-on-hover:hover {
	fill: #a7aeb5;
}
.add-undefined-fill-lightest-to-child-on-hover:hover .add-undefined-fill-lightest-on-parent-hover {
	fill: #a7aeb5;
}
.add-undefined-fill-dark {
	fill: #656e77;
}
.add-undefined-fill-dark-before::before {
	fill: #656e77;
}
.add-undefined-fill-dark-after::after {
	fill: #656e77;
}
.add-undefined-fill-dark-on-hover:hover {
	fill: #656e77;
}
.add-undefined-fill-dark-to-child-on-hover:hover .add-undefined-fill-dark-on-parent-hover {
	fill: #656e77;
}
.add-undefined-fill-darker {
	fill: #5a6269;
}
.add-undefined-fill-darker-before::before {
	fill: #5a6269;
}
.add-undefined-fill-darker-after::after {
	fill: #5a6269;
}
.add-undefined-fill-darker-on-hover:hover {
	fill: #5a6269;
}
.add-undefined-fill-darker-to-child-on-hover:hover .add-undefined-fill-darker-on-parent-hover {
	fill: #5a6269;
}
.add-undefined-fill-darkest {
	fill: #42484e;
}
.add-undefined-fill-darkest-before::before {
	fill: #42484e;
}
.add-undefined-fill-darkest-after::after {
	fill: #42484e;
}
.add-undefined-fill-darkest-on-hover:hover {
	fill: #42484e;
}
.add-undefined-fill-darkest-to-child-on-hover:hover .add-undefined-fill-darkest-on-parent-hover {
	fill: #42484e;
}
.add-undefined-stroke {
	stroke: #717b85;
}
.add-undefined-stroke-before::before {
	stroke: #717b85;
}
.add-undefined-stroke-after::after {
	stroke: #717b85;
}
.add-undefined-stroke-on-hover:hover {
	stroke: #717b85;
}
.add-undefined-stroke-to-child-on-hover:hover .add-undefined-stroke-on-parent-hover {
	stroke: #717b85;
}
.add-undefined-stroke-light {
	stroke: #7e8891;
}
.add-undefined-stroke-light-before::before {
	stroke: #7e8891;
}
.add-undefined-stroke-light-after::after {
	stroke: #7e8891;
}
.add-undefined-stroke-light-on-hover:hover {
	stroke: #7e8891;
}
.add-undefined-stroke-light-to-child-on-hover:hover .add-undefined-stroke-light-on-parent-hover {
	stroke: #7e8891;
}
.add-undefined-stroke-lighter {
	stroke: #8c959d;
}
.add-undefined-stroke-lighter-before::before {
	stroke: #8c959d;
}
.add-undefined-stroke-lighter-after::after {
	stroke: #8c959d;
}
.add-undefined-stroke-lighter-on-hover:hover {
	stroke: #8c959d;
}
.add-undefined-stroke-lighter-to-child-on-hover:hover .add-undefined-stroke-lighter-on-parent-hover {
	stroke: #8c959d;
}
.add-undefined-stroke-lightest {
	stroke: #a7aeb5;
}
.add-undefined-stroke-lightest-before::before {
	stroke: #a7aeb5;
}
.add-undefined-stroke-lightest-after::after {
	stroke: #a7aeb5;
}
.add-undefined-stroke-lightest-on-hover:hover {
	stroke: #a7aeb5;
}
.add-undefined-stroke-lightest-to-child-on-hover:hover .add-undefined-stroke-lightest-on-parent-hover {
	stroke: #a7aeb5;
}
.add-undefined-stroke-dark {
	stroke: #656e77;
}
.add-undefined-stroke-dark-before::before {
	stroke: #656e77;
}
.add-undefined-stroke-dark-after::after {
	stroke: #656e77;
}
.add-undefined-stroke-dark-on-hover:hover {
	stroke: #656e77;
}
.add-undefined-stroke-dark-to-child-on-hover:hover .add-undefined-stroke-dark-on-parent-hover {
	stroke: #656e77;
}
.add-undefined-stroke-darker {
	stroke: #5a6269;
}
.add-undefined-stroke-darker-before::before {
	stroke: #5a6269;
}
.add-undefined-stroke-darker-after::after {
	stroke: #5a6269;
}
.add-undefined-stroke-darker-on-hover:hover {
	stroke: #5a6269;
}
.add-undefined-stroke-darker-to-child-on-hover:hover .add-undefined-stroke-darker-on-parent-hover {
	stroke: #5a6269;
}
.add-undefined-stroke-darkest {
	stroke: #42484e;
}
.add-undefined-stroke-darkest-before::before {
	stroke: #42484e;
}
.add-undefined-stroke-darkest-after::after {
	stroke: #42484e;
}
.add-undefined-stroke-darkest-on-hover:hover {
	stroke: #42484e;
}
.add-undefined-stroke-darkest-to-child-on-hover:hover .add-undefined-stroke-darkest-on-parent-hover {
	stroke: #42484e;
}
.add-undefined-color {
	color: rgb(113, 123, 133);
}
.add-undefined-color-before::before {
	color: rgb(113, 123, 133);
}
.add-undefined-color-after::after {
	color: rgb(113, 123, 133);
}
.add-undefined-color-on-hover:hover {
	color: rgb(113, 123, 133);
}
.add-undefined-color-to-child-on-hover:hover .add-undefined-color-on-parent-hover {
	color: rgb(113, 123, 133);
}
.add-undefined-color-light {
	color: rgb(126, 136, 145);
}
.add-undefined-color-light-before::before {
	color: rgb(126, 136, 145);
}
.add-undefined-color-light-after::after {
	color: rgb(126, 136, 145);
}
.add-undefined-color-light-on-hover:hover {
	color: rgb(126, 136, 145);
}
.add-undefined-color-light-to-child-on-hover:hover .add-undefined-color-light-on-parent-hover {
	color: rgb(126, 136, 145);
}
.add-undefined-color-lighter {
	color: rgb(140, 149, 157);
}
.add-undefined-color-lighter-before::before {
	color: rgb(140, 149, 157);
}
.add-undefined-color-lighter-after::after {
	color: rgb(140, 149, 157);
}
.add-undefined-color-lighter-on-hover:hover {
	color: rgb(140, 149, 157);
}
.add-undefined-color-lighter-to-child-on-hover:hover .add-undefined-color-lighter-on-parent-hover {
	color: rgb(140, 149, 157);
}
.add-undefined-color-lightest {
	color: rgb(167, 174, 181);
}
.add-undefined-color-lightest-before::before {
	color: rgb(167, 174, 181);
}
.add-undefined-color-lightest-after::after {
	color: rgb(167, 174, 181);
}
.add-undefined-color-lightest-on-hover:hover {
	color: rgb(167, 174, 181);
}
.add-undefined-color-lightest-to-child-on-hover:hover .add-undefined-color-lightest-on-parent-hover {
	color: rgb(167, 174, 181);
}
.add-undefined-color-dark {
	color: rgb(101, 110, 119);
}
.add-undefined-color-dark-before::before {
	color: rgb(101, 110, 119);
}
.add-undefined-color-dark-after::after {
	color: rgb(101, 110, 119);
}
.add-undefined-color-dark-on-hover:hover {
	color: rgb(101, 110, 119);
}
.add-undefined-color-dark-to-child-on-hover:hover .add-undefined-color-dark-on-parent-hover {
	color: rgb(101, 110, 119);
}
.add-undefined-color-darker {
	color: rgb(90, 98, 105);
}
.add-undefined-color-darker-before::before {
	color: rgb(90, 98, 105);
}
.add-undefined-color-darker-after::after {
	color: rgb(90, 98, 105);
}
.add-undefined-color-darker-on-hover:hover {
	color: rgb(90, 98, 105);
}
.add-undefined-color-darker-to-child-on-hover:hover .add-undefined-color-darker-on-parent-hover {
	color: rgb(90, 98, 105);
}
.add-undefined-color-darkest {
	color: rgb(66, 72, 78);
}
.add-undefined-color-darkest-before::before {
	color: rgb(66, 72, 78);
}
.add-undefined-color-darkest-after::after {
	color: rgb(66, 72, 78);
}
.add-undefined-color-darkest-on-hover:hover {
	color: rgb(66, 72, 78);
}
.add-undefined-color-darkest-to-child-on-hover:hover .add-undefined-color-darkest-on-parent-hover {
	color: rgb(66, 72, 78);
}
.add-undefined-border-color {
	border-color: rgb(113, 123, 133);
}
.add-undefined-border-color-before::before {
	border-color: rgb(113, 123, 133);
}
.add-undefined-border-color-after::after {
	border-color: rgb(113, 123, 133);
}
.add-undefined-border-color-on-hover:hover {
	border-color: rgb(113, 123, 133);
}
.add-undefined-border-color-to-child-on-hover:hover .add-undefined-border-color-on-parent-hover {
	border-color: rgb(113, 123, 133);
}
.add-undefined-border-color-light {
	border-color: rgb(126, 136, 145);
}
.add-undefined-border-color-light-before::before {
	border-color: rgb(126, 136, 145);
}
.add-undefined-border-color-light-after::after {
	border-color: rgb(126, 136, 145);
}
.add-undefined-border-color-light-on-hover:hover {
	border-color: rgb(126, 136, 145);
}
.add-undefined-border-color-light-to-child-on-hover:hover .add-undefined-border-color-light-on-parent-hover {
	border-color: rgb(126, 136, 145);
}
.add-undefined-border-color-lighter {
	border-color: rgb(140, 149, 157);
}
.add-undefined-border-color-lighter-before::before {
	border-color: rgb(140, 149, 157);
}
.add-undefined-border-color-lighter-after::after {
	border-color: rgb(140, 149, 157);
}
.add-undefined-border-color-lighter-on-hover:hover {
	border-color: rgb(140, 149, 157);
}
.add-undefined-border-color-lighter-to-child-on-hover:hover .add-undefined-border-color-lighter-on-parent-hover {
	border-color: rgb(140, 149, 157);
}
.add-undefined-border-color-lightest {
	border-color: rgb(167, 174, 181);
}
.add-undefined-border-color-lightest-before::before {
	border-color: rgb(167, 174, 181);
}
.add-undefined-border-color-lightest-after::after {
	border-color: rgb(167, 174, 181);
}
.add-undefined-border-color-lightest-on-hover:hover {
	border-color: rgb(167, 174, 181);
}
.add-undefined-border-color-lightest-to-child-on-hover:hover .add-undefined-border-color-lightest-on-parent-hover {
	border-color: rgb(167, 174, 181);
}
.add-undefined-border-color-dark {
	border-color: rgb(101, 110, 119);
}
.add-undefined-border-color-dark-before::before {
	border-color: rgb(101, 110, 119);
}
.add-undefined-border-color-dark-after::after {
	border-color: rgb(101, 110, 119);
}
.add-undefined-border-color-dark-on-hover:hover {
	border-color: rgb(101, 110, 119);
}
.add-undefined-border-color-dark-to-child-on-hover:hover .add-undefined-border-color-dark-on-parent-hover {
	border-color: rgb(101, 110, 119);
}
.add-undefined-border-color-darker {
	border-color: rgb(90, 98, 105);
}
.add-undefined-border-color-darker-before::before {
	border-color: rgb(90, 98, 105);
}
.add-undefined-border-color-darker-after::after {
	border-color: rgb(90, 98, 105);
}
.add-undefined-border-color-darker-on-hover:hover {
	border-color: rgb(90, 98, 105);
}
.add-undefined-border-color-darker-to-child-on-hover:hover .add-undefined-border-color-darker-on-parent-hover {
	border-color: rgb(90, 98, 105);
}
.add-undefined-border-color-darkest {
	border-color: rgb(66, 72, 78);
}
.add-undefined-border-color-darkest-before::before {
	border-color: rgb(66, 72, 78);
}
.add-undefined-border-color-darkest-after::after {
	border-color: rgb(66, 72, 78);
}
.add-undefined-border-color-darkest-on-hover:hover {
	border-color: rgb(66, 72, 78);
}
.add-undefined-border-color-darkest-to-child-on-hover:hover .add-undefined-border-color-darkest-on-parent-hover {
	border-color: rgb(66, 72, 78);
}
.add-undefined-background-color {
	background-color: rgb(113, 123, 133);
}
.add-undefined-background-color-before::before {
	background-color: rgb(113, 123, 133);
}
.add-undefined-background-color-after::after {
	background-color: rgb(113, 123, 133);
}
.add-undefined-background-color-on-hover:hover {
	background-color: rgb(113, 123, 133);
}
.add-undefined-background-color-to-child-on-hover:hover .add-undefined-background-color-on-parent-hover {
	background-color: rgb(113, 123, 133);
}
.add-undefined-background-color-light {
	background-color: rgb(126, 136, 145);
}
.add-undefined-background-color-light-before::before {
	background-color: rgb(126, 136, 145);
}
.add-undefined-background-color-light-after::after {
	background-color: rgb(126, 136, 145);
}
.add-undefined-background-color-light-on-hover:hover {
	background-color: rgb(126, 136, 145);
}
.add-undefined-background-color-light-to-child-on-hover:hover .add-undefined-background-color-light-on-parent-hover {
	background-color: rgb(126, 136, 145);
}
.add-undefined-background-color-lighter {
	background-color: rgb(140, 149, 157);
}
.add-undefined-background-color-lighter-before::before {
	background-color: rgb(140, 149, 157);
}
.add-undefined-background-color-lighter-after::after {
	background-color: rgb(140, 149, 157);
}
.add-undefined-background-color-lighter-on-hover:hover {
	background-color: rgb(140, 149, 157);
}
.add-undefined-background-color-lighter-to-child-on-hover:hover .add-undefined-background-color-lighter-on-parent-hover {
	background-color: rgb(140, 149, 157);
}
.add-undefined-background-color-lightest {
	background-color: rgb(167, 174, 181);
}
.add-undefined-background-color-lightest-before::before {
	background-color: rgb(167, 174, 181);
}
.add-undefined-background-color-lightest-after::after {
	background-color: rgb(167, 174, 181);
}
.add-undefined-background-color-lightest-on-hover:hover {
	background-color: rgb(167, 174, 181);
}
.add-undefined-background-color-lightest-to-child-on-hover:hover .add-undefined-background-color-lightest-on-parent-hover {
	background-color: rgb(167, 174, 181);
}
.add-undefined-background-color-dark {
	background-color: rgb(101, 110, 119);
}
.add-undefined-background-color-dark-before::before {
	background-color: rgb(101, 110, 119);
}
.add-undefined-background-color-dark-after::after {
	background-color: rgb(101, 110, 119);
}
.add-undefined-background-color-dark-on-hover:hover {
	background-color: rgb(101, 110, 119);
}
.add-undefined-background-color-dark-to-child-on-hover:hover .add-undefined-background-color-dark-on-parent-hover {
	background-color: rgb(101, 110, 119);
}
.add-undefined-background-color-darker {
	background-color: rgb(90, 98, 105);
}
.add-undefined-background-color-darker-before::before {
	background-color: rgb(90, 98, 105);
}
.add-undefined-background-color-darker-after::after {
	background-color: rgb(90, 98, 105);
}
.add-undefined-background-color-darker-on-hover:hover {
	background-color: rgb(90, 98, 105);
}
.add-undefined-background-color-darker-to-child-on-hover:hover .add-undefined-background-color-darker-on-parent-hover {
	background-color: rgb(90, 98, 105);
}
.add-undefined-background-color-darkest {
	background-color: rgb(66, 72, 78);
}
.add-undefined-background-color-darkest-before::before {
	background-color: rgb(66, 72, 78);
}
.add-undefined-background-color-darkest-after::after {
	background-color: rgb(66, 72, 78);
}
.add-undefined-background-color-darkest-on-hover:hover {
	background-color: rgb(66, 72, 78);
}
.add-undefined-background-color-darkest-to-child-on-hover:hover .add-undefined-background-color-darkest-on-parent-hover {
	background-color: rgb(66, 72, 78);
}
#hero {
	background-position: center; transition:height 0.5s, opacity 0.5s, max-height 0.5s; overflow: hidden; margin-bottom: 30px; position: relative; z-index: 0; box-sizing: border-box; -ms-user-select: none; background-size: cover; background-color: rgb(167, 177, 182); -moz-user-select: none; -webkit-user-select: none; user-select: none; -webkit-transition: height 0.5s ease, opacity 0.5s ease, max-height 0.5s ease;
}
#hero * {
	box-sizing: border-box;
}
#hero *::before {
	box-sizing: border-box;
}
#hero *::after {
	box-sizing: border-box;
}
@media screen and (max-width:679px)
{
#hero {
	margin-right: -10px; margin-left: -10px; min-height: 225px;
}
}
@media screen and (min-width:680px)
{
#hero {
	max-height: 425px;
}
}
@media screen and (max-width:959px) and (min-width:680px)
{
#hero {
	margin-right: -15px; margin-left: -15px;
}
}
@media screen and (min-width:960px)
{
#hero {
	border-radius: 5px; min-height: 320px;
}
}
:not(.hero-video-stopped).hero-video-in-progress #hero {
	max-height: 550px;
}
.hero-loaded#hero {
	background-color: rgb(45, 51, 57);
}
@media screen and (max-width:959px)
{
.hero-video-in-progress#hero::before {
	left: 0px; top: 0px; height: 78px; right: 0px; display: block; position: absolute; z-index: 3; content: ""; background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
}
}
#hero #hero-title {
	margin: 0px; padding: 0px; transition:opacity 0.3s; text-align: center; color: rgb(255, 255, 255); position: absolute; z-index: 3; text-shadow: 0px 1px 0px rgba(0,0,0,0.15); -webkit-transition: opacity 0.3s ease;
}
@media screen and (max-width:679px)
{
#hero #hero-title {
	bottom: 6.5%; line-height: 20px; font-size: 13px; font-weight: normal;
}
}
@media screen and (min-width:680px)
{
#hero #hero-title {
	left: 30px; right: 30px; bottom: 8%; line-height: 26px; font-size: 16px; font-weight: normal;
}
}
@media screen and (max-width:959px)
{
#hero #hero-title {
	left: 10px; right: 10px;
}
}
@media screen and (min-width:1000px)
{
#hero #hero-title {
	line-height: 30px; font-size: 18px;
}
}
@media screen and (min-width:1200px)
{
#hero #hero-title {
	line-height: 34px; font-size: 22px;
}
}
html:not(.hero-loaded) #hero #hero-title {
	opacity: 0;
}
:not(.hero-video-stopped).hero-video-in-progress #hero #hero-title {
	opacity: 0;
}
#hero img#hero-background {
	width: 100%; display: block; visibility: hidden; position: absolute;
}
#hero button#hero-play {
	background: none; margin: 0px; border: 6px solid rgba(255, 255, 255, 0.7); transition:border-color 0.3s, opacity 0.5s; border-image: none; left: 50%; text-align: center; position: absolute; z-index: 3; cursor: pointer; box-shadow: none; -webkit-transition: border-color 0.3s ease, opacity 0.5s ease;
}
@media screen and (min-width:960px)
{
#hero button#hero-play {
	border-radius: 100px; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px;
}
}
@media screen and (max-width:959px)
{
#hero button#hero-play {
	border-radius: 80px; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px;
}
}
@media screen and (min-width:680px)
{
#hero button#hero-play {
	top: 50%;
}
}
@media screen and (max-width:679px)
{
#hero button#hero-play {
	top: 55%;
}
}
#hero button#hero-play:hover {
	border-color: rgb(255, 255, 255);
}
html:not(.hero-loaded) #hero button#hero-play {
	opacity: 0;
}
:not(.hero-video-stopped).hero-video-in-progress #hero button#hero-play {
	display: none;
}
#hero button#hero-play svg {
	left: 7%; width: 55%; height: 40%; position: relative; fill: #fff;
}
.ff #hero button#hero-play svg {
	top: 3px;
}
#hero button#hero-close-video {
	background: rgba(0, 0, 0, 0.15); border-color: rgb(255, 255, 255); margin: 0px; transition:opacity 0.3s; top: 10px; width: 30px; height: 30px; right: 10px; position: absolute; z-index: 10; opacity: 0.5; -webkit-transition: opacity 0.3s ease;
}
@media screen and (max-width:959px)
{
#hero button#hero-close-video {
	display: none;
}
}
html:not(.hero-video-in-progress) #hero button#hero-close-video {
	opacity: 0;
}
.hero-video-stopped #hero button#hero-close-video {
	opacity: 0;
}
:not(.hero-video-stopped).hero-video-in-progress #hero button#hero-close-video:hover {
	cursor: pointer; opacity: 1;
}
#hero button#hero-close-video svg {
	top: -3px; fill: #fff;
}
#hero div:not(.mejs-container-fullscreen).mejs-container {
	background-color: rgb(45, 51, 57);
}
#hero div:not(.mejs-container-fullscreen).mejs-container div.mejs-mediaelement {
	margin: 0px auto; height: auto; position: relative;
}
#hero div:not(.mejs-container-fullscreen).mejs-container div.mejs-mediaelement video {
	max-height: 550px;
}
#hero div:not(.mejs-container-fullscreen).mejs-container div.mejs-controls {
	transition:bottom 0.4s cubic-bezier(0, 0.99, 0.11, 1.25) 0.5s; z-index: 3; -webkit-transition: bottom 0.4s cubic-bezier(0, 0.99, 0.11, 1.25) 0.5s;
}
html:not(.hero-video-in-progress) #hero div:not(.mejs-container-fullscreen).mejs-container div.mejs-controls {
	bottom: -60px;
}
#hero div:not(.mejs-container-fullscreen).mejs-container div.mejs-overlay-play {
	height: 100% !important;
}
@media screen and (min-width:680px)
{
#hero div:not(.mejs-container-fullscreen).mejs-container div.mejs-overlay-play div.mejs-overlay-button {
	margin-top: -50px !important;
}
}
@media screen and (max-width:679px)
{
#hero div:not(.mejs-container-fullscreen).mejs-container div.mejs-overlay-play div.mejs-overlay-button {
	margin-top: -35px !important;
}
}
#hero svg.loading-icon {
	margin: -11px 0px 0px -11px; left: 50%; top: 50%; width: 22px; height: 22px; position: absolute;
}
#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 div.color-strip {
	transition:opacity 0.25s; width: 100%; bottom: 0px; overflow: hidden; display: table; position: absolute; z-index: 2; -webkit-transition: opacity 0.25s ease;
}
#hero div.color-strip div {
	width: 10%; height: 4px; display: table-cell;
}
#hero div.color-strip div.blue {
	background-color: rgb(63, 138, 191);
}
#hero div.color-strip div.green {
	background-color: rgb(95, 207, 128);
}
#hero div.color-strip div.dark-green {
	background-color: rgb(54, 181, 92);
}
#hero div.color-strip div.yellow {
	background-color: rgb(255, 212, 102);
}
#hero div.color-strip div.orange {
	background-color: rgb(255, 159, 31);
}
#hero div.color-strip div.red {
	background-color: rgb(237, 90, 90);
}
#hero div.color-strip div.light-pink {
	background-color: rgb(255, 142, 180);
}
#hero div.color-strip div.pink {
	background-color: rgb(255, 91, 137);
}
#hero div.color-strip div.light-purple {
	background-color: rgb(160, 131, 200);
}
#hero div.color-strip div.purple {
	background-color: rgb(131, 99, 178);
}
body {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
* {
	box-sizing: border-box;
}
*::before {
	box-sizing: border-box;
}
*::after {
	box-sizing: border-box;
}
body {
	margin: 0px; padding: 0px; color: rgb(87, 99, 102); line-height: 1; font-size: 16px; font-style: normal; position: relative; background-color: rgb(255, 255, 255); text-rendering: geometricPrecision; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
}
img {
	height: auto; -ms-interpolation-mode: bicubic;
}
img {
	max-width: 100%;
}
object {
	max-width: 100%;
}
embed {
	max-width: 100%;
}
.marketing-sprite {
	display: none;
}
.link-list {
	list-style: none; margin: 0px 0px 20px; padding: 0px; overflow: hidden;
}
.link-list li {
	margin-right: 20px; float: left;
}
.page-content h1:first-of-type {
	margin-top: 0px;
}
.page-content h2:first-of-type {
	margin-top: 0px;
}
.page-content h3:first-of-type {
	margin-top: 0px;
}
.page-content h4:first-of-type {
	margin-top: 0px;
}
.page-content h5:first-of-type {
	margin-top: 0px;
}
.page-content h6:first-of-type {
	margin-top: 0px;
}
.page-content .sticky-subnav + .content-section {
	padding-top: 108px;
}
.content-section {
	padding: 80px 0px;
}
.content-section-has-bg {
	border-top-color: rgb(233, 240, 243); border-bottom-color: rgb(233, 240, 243); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(246, 249, 250);
}
.content-section-has-bg p:last-child {
	margin-bottom: 0px;
}
.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); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, -0.25, 0.35, 0);
}
.nav-shelf-expanded .page-container {
	transform: translateX(-270px); -webkit-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); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, -0.25, 0.35, 0);
}
.nav-shelf-expanded .page-container {
	transform: translateX(-270px); -webkit-transform: translateX(-270px);
}
.row {
	margin: 0px auto; width: 100%; max-width: 1030px;
}
.row::before {
	display: table; content: " ";
}
.row::after {
	display: table; content: " ";
}
.row::after {
	clear: both;
}
@media screen and (max-width:767px)
{
.row {
	width: auto; margin-right: 0px; margin-left: 0px; min-width: 0px;
}
}
.row .row {
	margin: 0px -15px; width: auto; max-width: none;
}
.column {
	padding: 0px 15px; float: left; position: relative; min-height: 1px;
}
.columns {
	padding: 0px 15px; float: left; position: relative; min-height: 1px;
}
@media screen and (max-width:767px)
{
.column {
	width: auto !important; float: none;
}
.columns {
	width: auto !important; float: none;
}
.column::before {
	display: table; content: " ";
}
.column::after {
	display: table; content: " ";
}
.columns::before {
	display: table; content: " ";
}
.columns::after {
	display: table; content: " ";
}
.column::after {
	clear: both;
}
.columns::after {
	clear: both;
}
:last-child.column {
	float: none;
}
:last-child.columns {
	float: none;
}
}
.centered {
	margin: 0px auto; float: none;
}
[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 {
	width: 8.33%;
}
.row .one {
	width: 8.33%;
}
.two {
	width: 16.66%;
}
.row .two {
	width: 16.66%;
}
.three {
	width: 25%;
}
.row .three {
	width: 25%;
}
.four {
	width: 33.33%;
}
.row .four {
	width: 33.33%;
}
.five {
	width: 41.66%;
}
.row .five {
	width: 41.66%;
}
.six {
	width: 50%;
}
.row .six {
	width: 50%;
}
.seven {
	width: 58.33%;
}
.row .seven {
	width: 58.33%;
}
.eight {
	width: 66.66%;
}
.row .eight {
	width: 66.66%;
}
.nine {
	width: 75%;
}
.row .nine {
	width: 75%;
}
.ten {
	width: 83.33%;
}
.row .ten {
	width: 83.33%;
}
.eleven {
	width: 91.66%;
}
.row .eleven {
	width: 91.66%;
}
.twelve {
	width: 100%;
}
.row .twelve {
	width: 100%;
}
.row .offset-by-one {
	margin-left: 8.33%;
}
.row .offset-by-two {
	margin-left: 16.66%;
}
.row .offset-by-three {
	margin-left: 25%;
}
.row .offset-by-four {
	margin-left: 33.33%;
}
.row .offset-by-five {
	margin-left: 41.66%;
}
.row .offset-by-six {
	margin-left: 50%;
}
.row .offset-by-seven {
	margin-left: 58.33%;
}
.row .offset-by-eight {
	margin-left: 66.66%;
}
.row .offset-by-nine {
	margin-left: 75%;
}
.row .offset-by-ten {
	margin-left: 83.33%;
}
.push-two {
	left: 16.66%;
}
.pull-two {
	right: 16.66%;
}
.push-three {
	left: 25%;
}
.pull-three {
	right: 25%;
}
.push-four {
	left: 33.33%;
}
.pull-four {
	right: 33.33%;
}
.push-five {
	left: 41.66%;
}
.pull-five {
	right: 41.66%;
}
.push-six {
	left: 50%;
}
.pull-six {
	right: 50%;
}
.push-seven {
	left: 58.33%;
}
.pull-seven {
	right: 58.33%;
}
.push-eight {
	left: 66.66%;
}
.pull-eight {
	right: 66.66%;
}
.push-nine {
	left: 75%;
}
.pull-nine {
	right: 75%;
}
.push-ten {
	left: 83.33%;
}
.pull-ten {
	right: 83.33%;
}
@media screen and (max-width:767px)
{
.offset-by-one {
	margin-left: 0px !important;
}
.offset-by-two {
	margin-left: 0px !important;
}
.offset-by-three {
	margin-left: 0px !important;
}
.offset-by-four {
	margin-left: 0px !important;
}
.offset-by-five {
	margin-left: 0px !important;
}
.offset-by-six {
	margin-left: 0px !important;
}
.offset-by-seven {
	margin-left: 0px !important;
}
.offset-by-eight {
	margin-left: 0px !important;
}
.offset-by-nine {
	margin-left: 0px !important;
}
.offset-by-ten {
	margin-left: 0px !important;
}
.push-two {
	left: auto;
}
.push-three {
	left: auto;
}
.push-four {
	left: auto;
}
.push-five {
	left: auto;
}
.push-six {
	left: auto;
}
.push-seven {
	left: auto;
}
.push-eight {
	left: auto;
}
.push-nine {
	left: auto;
}
.push-ten {
	left: auto;
}
.pull-two {
	right: auto;
}
.pull-three {
	right: auto;
}
.pull-four {
	right: auto;
}
.pull-five {
	right: auto;
}
.pull-six {
	right: auto;
}
.pull-seven {
	right: auto;
}
.pull-eight {
	right: auto;
}
.pull-nine {
	right: auto;
}
.pull-ten {
	right: auto;
}
.row .mobile-one {
	padding: 0px 15px; width: 25% !important; float: left;
}
.row :last-child.mobile-one {
	float: right;
}
.row .end.mobile-one {
	float: left;
}
.collapse.row .mobile-one {
	padding: 0px;
}
.row .mobile-two {
	padding: 0px 15px; width: 50% !important; float: left;
}
.row :last-child.mobile-two {
	float: right;
}
.row .end.mobile-two {
	float: left;
}
.collapse.row .mobile-two {
	padding: 0px;
}
.row .mobile-three {
	padding: 0px 15px; width: 75% !important; float: left;
}
.row :last-child.mobile-three {
	float: right;
}
.row .end.mobile-three {
	float: left;
}
.collapse.row .mobile-three {
	padding: 0px;
}
.row .mobile-four {
	padding: 0px 15px; width: 100% !important; float: left;
}
.row :last-child.mobile-four {
	float: right;
}
.row .end.mobile-four {
	float: left;
}
.collapse.row .mobile-four {
	padding: 0px;
}
.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 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h1 + .subheader {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h2 + .subheading {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h2 + .subheader {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h3 + .subheading {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h3 + .subheader {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h4 + .subheading {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h4 + .subheader {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h5 + .subheading {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h5 + .subheader {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h6 + .subheading {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h6 + .subheader {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
p {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
a {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
h1 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif !important; font-weight: 500;
}
h2 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif !important; font-weight: 500;
}
h3 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif !important; font-weight: 500;
}
h4 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif !important; font-weight: 500;
}
h5 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif !important; font-weight: 500;
}
h6 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif !important; font-weight: 500;
}
h1 {
	color: rgb(56, 64, 71); line-height: 1.4; font-style: normal; margin-top: 15px; margin-bottom: 15px; text-rendering: optimizeLegibility;
}
h2 {
	color: rgb(56, 64, 71); line-height: 1.4; font-style: normal; margin-top: 15px; margin-bottom: 15px; text-rendering: optimizeLegibility;
}
h3 {
	color: rgb(56, 64, 71); line-height: 1.4; font-style: normal; margin-top: 15px; margin-bottom: 15px; text-rendering: optimizeLegibility;
}
h4 {
	color: rgb(56, 64, 71); line-height: 1.4; font-style: normal; margin-top: 15px; margin-bottom: 15px; text-rendering: optimizeLegibility;
}
h5 {
	color: rgb(56, 64, 71); line-height: 1.4; font-style: normal; margin-top: 15px; margin-bottom: 15px; text-rendering: optimizeLegibility;
}
h6 {
	color: rgb(56, 64, 71); line-height: 1.4; font-style: normal; margin-top: 15px; margin-bottom: 15px; text-rendering: optimizeLegibility;
}
h1 + .subheading {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h1 + .subheader {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h2 + .subheading {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h2 + .subheader {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h3 + .subheading {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h3 + .subheader {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h4 + .subheading {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h4 + .subheader {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h5 + .subheading {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h5 + .subheader {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h6 + .subheading {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
h6 + .subheader {
	color: rgb(87, 99, 102); font-size: 18px; margin-bottom: 13px;
}
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: rgb(87, 99, 102); line-height: 1.6; font-size: 16px; margin-top: 10px; margin-bottom: 20px;
}
.lead {
	font-size: 18px;
}
.small {
	font-size: 14px;
}
.secondary-info h6 {
	font-size: 14px; margin-bottom: 0px;
}
.secondary-info p {
	font-size: 13px;
}
em {
	line-height: inherit; font-style: italic;
}
strong {
	line-height: inherit; font-weight: bold;
}
small {
	line-height: inherit; font-size: 65%;
}
a {
	color: rgb(66, 180, 214); text-decoration: none;
}
a:hover {
	color: rgb(45, 172, 209); text-decoration: none;
}
a:active {
	color: rgb(45, 172, 209); text-decoration: none;
}
a img {
	border: currentColor; border-image: none;
}
.header-back-link {
	color: rgb(87, 99, 102); margin-bottom: 6px; display: block;
}
abbr {
	color: inherit; font-size: 90%; border-bottom-color: rgb(87, 99, 102); border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
acronym {
	color: inherit; font-size: 90%; border-bottom-color: rgb(87, 99, 102); border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
acronym {
	text-transform: uppercase;
}
hr {
	border-width: 1px 0px 0px; border-style: solid; border-color: rgb(178, 187, 189); margin: 65px 0px; border-image: none; height: 0px; clear: both;
}
.text-centered {
	text-align: center;
}
.centered-content {
	text-align: center;
}
ul {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
ol {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
dl {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
ul {
	margin: 0px 0px 30px 20px; padding: 0px; color: rgb(87, 99, 102); line-height: 1.6; font-size: inherit; list-style-position: outside;
}
ol {
	margin: 0px 0px 30px 20px; padding: 0px; color: rgb(87, 99, 102); line-height: 1.6; font-size: inherit; list-style-position: outside;
}
dl {
	margin: 0px 0px 30px 20px; padding: 0px; color: rgb(87, 99, 102); line-height: 1.6; font-size: inherit; list-style-position: outside;
}
ul li ul {
	margin-bottom: 0px; margin-left: 30px;
}
ul li ol {
	margin-bottom: 0px; margin-left: 30px;
}
ul li ul li ul {
	list-style: inherit;
}
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 {
	margin-bottom: 0px; margin-left: 20px;
}
ol li ol {
	margin-bottom: 0px; margin-left: 20px;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin-bottom: 20px;
}
.global-message-container {
	padding: 10px 0px; width: 100%; z-index: 10;
}
@media screen and (max-width:767px)
{
.global-message-container {
	top: 50px; position: fixed;
}
}
@media screen and (min-width:768px)
{
.global-message-container {
	top: 80px; position: fixed;
}
}
.global-message-container p {
	margin: 0px; color: rgb(255, 255, 255); line-height: 1.3; font-size: 14px;
}
.global-message-container strong {
	margin: 0px; color: rgb(255, 255, 255); line-height: 1.3; font-size: 14px;
}
.global-message-container p {
	padding-right: 30px;
}
.global-message-container .close-message {
	transition:opacity 200ms ease-in-out; top: 50%; width: 12px; height: 12px; right: 20px; margin-top: -8px; position: absolute; -webkit-transition: opacity 200ms ease-in-out;
}
.global-message-container .close-message:hover {
	cursor: pointer; opacity: 0.7;
}
.global-message-container .close-message:active {
	cursor: pointer; opacity: 0.7;
}
.global-message-error {
	background-color: rgb(237, 90, 90);
}
.global-message-success {
	background-color: rgb(58, 193, 98);
}
.button {
	margin: 0px; border-radius: 4px; border: 2px solid rgb(95, 207, 128); transition:color 0.3s, background-color 0.3s, border-color 0.3s, width 0.3s, opacity 0.3s; border-image: none; text-align: center; color: rgb(95, 207, 128); font-family: "Gotham Rounded A", "Gotham Rounded B", "Gotham Rounded", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; text-decoration: none; vertical-align: baseline; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; box-sizing: border-box; -ms-user-select: none; background-color: transparent; -moz-user-select: none; -webkit-user-select: none; user-select: none; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
}
.button * {
	box-sizing: border-box;
}
.button *::before {
	box-sizing: border-box;
}
.button *::after {
	box-sizing: border-box;
}
.button {
	padding: 0px 32px; height: 52px; line-height: 48px; font-size: 16px;
}
.square.button {
	padding: 0px; width: 52px;
}
.square.button {
	padding: 0px; width: 40px;
}
.button svg {
	fill: #5fcf80;
}
.button:hover {
	border-color: rgb(52, 173, 88); color: rgb(52, 173, 88);
}
.button:focus {
	border-color: rgb(52, 173, 88); color: rgb(52, 173, 88);
}
.hover.uploader .button {
	border-color: rgb(52, 173, 88); color: rgb(52, 173, 88);
}
.button:hover svg {
	fill: #34ad58;
}
.button:focus svg {
	fill: #34ad58;
}
.hover.uploader .button svg {
	fill: #34ad58;
}
:last-child.button {
	margin-right: 0px;
}
.ff :not(.button).button {
	line-height: 1;
}
.topic-html .button {
	border-color: rgb(57, 173, 209); color: rgb(57, 173, 209);
}
.topic-html.button {
	border-color: rgb(57, 173, 209); color: rgb(57, 173, 209);
}
.topic-css .button {
	border-color: rgb(48, 121, 171); color: rgb(48, 121, 171);
}
.topic-css.button {
	border-color: rgb(48, 121, 171); color: rgb(48, 121, 171);
}
.topic-javascript .button {
	border-color: rgb(194, 89, 117); color: rgb(194, 89, 117);
}
.topic-javascript.button {
	border-color: rgb(194, 89, 117); color: rgb(194, 89, 117);
}
.topic-java .button {
	border-color: rgb(44, 150, 118); color: rgb(44, 150, 118);
}
.topic-java.button {
	border-color: rgb(44, 150, 118); color: rgb(44, 150, 118);
}
.topic-ruby .button {
	border-color: rgb(225, 82, 88); color: rgb(225, 82, 88);
}
.topic-ruby.button {
	border-color: rgb(225, 82, 88); color: rgb(225, 82, 88);
}
.topic-business .button {
	border-color: rgb(249, 132, 91); color: rgb(249, 132, 91);
}
.topic-business.button {
	border-color: rgb(249, 132, 91); color: rgb(249, 132, 91);
}
.topic-wordpress .button {
	border-color: rgb(131, 140, 199); color: rgb(131, 140, 199);
}
.topic-wordpress.button {
	border-color: rgb(131, 140, 199); color: rgb(131, 140, 199);
}
.topic-php .button {
	border-color: rgb(125, 102, 158); color: rgb(125, 102, 158);
}
.topic-php.button {
	border-color: rgb(125, 102, 158); color: rgb(125, 102, 158);
}
.topic-ios .button {
	border-color: rgb(83, 187, 180); color: rgb(83, 187, 180);
}
.topic-ios.button {
	border-color: rgb(83, 187, 180); color: rgb(83, 187, 180);
}
.topic-android .button {
	border-color: rgb(92, 184, 96); color: rgb(92, 184, 96);
}
.topic-android.button {
	border-color: rgb(92, 184, 96); color: rgb(92, 184, 96);
}
.topic-design .button {
	border-color: rgb(229, 154, 19); color: rgb(229, 154, 19);
}
.topic-design.button {
	border-color: rgb(229, 154, 19); color: rgb(229, 154, 19);
}
.topic-development-tools .button {
	border-color: rgb(99, 122, 145); color: rgb(99, 122, 145);
}
.topic-development-tools.button {
	border-color: rgb(99, 122, 145); color: rgb(99, 122, 145);
}
.topic-python .button {
	border-color: rgb(240, 146, 176); color: rgb(240, 146, 176);
}
.topic-python.button {
	border-color: rgb(240, 146, 176); color: rgb(240, 146, 176);
}
.topic-digital-literacy .button {
	border-color: rgb(195, 140, 212); color: rgb(195, 140, 212);
}
.topic-digital-literacy.button {
	border-color: rgb(195, 140, 212); color: rgb(195, 140, 212);
}
.topic-game-development .button {
	border-color: rgb(32, 137, 140); color: rgb(32, 137, 140);
}
.topic-game-development.button {
	border-color: rgb(32, 137, 140); color: rgb(32, 137, 140);
}
.topic-csharp .button {
	border-color: rgb(158, 77, 131); color: rgb(158, 77, 131);
}
.topic-csharp.button {
	border-color: rgb(158, 77, 131); color: rgb(158, 77, 131);
}
.topic-databases .button {
	border-color: rgb(235, 119, 40); color: rgb(235, 119, 40);
}
.topic-databases.button {
	border-color: rgb(235, 119, 40); color: rgb(235, 119, 40);
}
.topic-undefined .button {
	border-color: rgb(113, 123, 133); color: rgb(113, 123, 133);
}
.topic-undefined.button {
	border-color: rgb(113, 123, 133); color: rgb(113, 123, 133);
}
.topic-html .button svg {
	fill: #39add1;
}
.topic-html.button svg {
	fill: #39add1;
}
.topic-css .button svg {
	fill: #3079ab;
}
.topic-css.button svg {
	fill: #3079ab;
}
.topic-javascript .button svg {
	fill: #c25975;
}
.topic-javascript.button svg {
	fill: #c25975;
}
.topic-java .button svg {
	fill: #2c9676;
}
.topic-java.button svg {
	fill: #2c9676;
}
.topic-ruby .button svg {
	fill: #e15258;
}
.topic-ruby.button svg {
	fill: #e15258;
}
.topic-business .button svg {
	fill: #f9845b;
}
.topic-business.button svg {
	fill: #f9845b;
}
.topic-wordpress .button svg {
	fill: #838cc7;
}
.topic-wordpress.button svg {
	fill: #838cc7;
}
.topic-php .button svg {
	fill: #7d669e;
}
.topic-php.button svg {
	fill: #7d669e;
}
.topic-ios .button svg {
	fill: #53bbb4;
}
.topic-ios.button svg {
	fill: #53bbb4;
}
.topic-android .button svg {
	fill: #5cb860;
}
.topic-android.button svg {
	fill: #5cb860;
}
.topic-design .button svg {
	fill: #e59a13;
}
.topic-design.button svg {
	fill: #e59a13;
}
.topic-development-tools .button svg {
	fill: #637a91;
}
.topic-development-tools.button svg {
	fill: #637a91;
}
.topic-python .button svg {
	fill: #f092b0;
}
.topic-python.button svg {
	fill: #f092b0;
}
.topic-digital-literacy .button svg {
	fill: #c38cd4;
}
.topic-digital-literacy.button svg {
	fill: #c38cd4;
}
.topic-game-development .button svg {
	fill: #20898c;
}
.topic-game-development.button svg {
	fill: #20898c;
}
.topic-csharp .button svg {
	fill: #9e4d83;
}
.topic-csharp.button svg {
	fill: #9e4d83;
}
.topic-databases .button svg {
	fill: #eb7728;
}
.topic-databases.button svg {
	fill: #eb7728;
}
.topic-undefined .button svg {
	fill: #717b85;
}
.topic-undefined.button svg {
	fill: #717b85;
}
.topic-html .button:hover {
	border-color: rgb(41, 143, 174); color: rgb(41, 143, 174);
}
.topic-html .button:focus {
	border-color: rgb(41, 143, 174); color: rgb(41, 143, 174);
}
.topic-html.button:hover {
	border-color: rgb(41, 143, 174); color: rgb(41, 143, 174);
}
.topic-html.button:focus {
	border-color: rgb(41, 143, 174); color: rgb(41, 143, 174);
}
.topic-css .button:hover {
	border-color: rgb(37, 93, 131); color: rgb(37, 93, 131);
}
.topic-css .button:focus {
	border-color: rgb(37, 93, 131); color: rgb(37, 93, 131);
}
.topic-css.button:hover {
	border-color: rgb(37, 93, 131); color: rgb(37, 93, 131);
}
.topic-css.button:focus {
	border-color: rgb(37, 93, 131); color: rgb(37, 93, 131);
}
.topic-javascript .button:hover {
	border-color: rgb(170, 62, 91); color: rgb(170, 62, 91);
}
.topic-javascript .button:focus {
	border-color: rgb(170, 62, 91); color: rgb(170, 62, 91);
}
.topic-javascript.button:hover {
	border-color: rgb(170, 62, 91); color: rgb(170, 62, 91);
}
.topic-javascript.button:focus {
	border-color: rgb(170, 62, 91); color: rgb(170, 62, 91);
}
.topic-java .button:hover {
	border-color: rgb(32, 111, 87); color: rgb(32, 111, 87);
}
.topic-java .button:focus {
	border-color: rgb(32, 111, 87); color: rgb(32, 111, 87);
}
.topic-java.button:hover {
	border-color: rgb(32, 111, 87); color: rgb(32, 111, 87);
}
.topic-java.button:focus {
	border-color: rgb(32, 111, 87); color: rgb(32, 111, 87);
}
.topic-ruby .button:hover {
	border-color: rgb(217, 39, 46); color: rgb(217, 39, 46);
}
.topic-ruby .button:focus {
	border-color: rgb(217, 39, 46); color: rgb(217, 39, 46);
}
.topic-ruby.button:hover {
	border-color: rgb(217, 39, 46); color: rgb(217, 39, 46);
}
.topic-ruby.button:focus {
	border-color: rgb(217, 39, 46); color: rgb(217, 39, 46);
}
.topic-business .button:hover {
	border-color: rgb(247, 95, 42); color: rgb(247, 95, 42);
}
.topic-business .button:focus {
	border-color: rgb(247, 95, 42); color: rgb(247, 95, 42);
}
.topic-business.button:hover {
	border-color: rgb(247, 95, 42); color: rgb(247, 95, 42);
}
.topic-business.button:focus {
	border-color: rgb(247, 95, 42); color: rgb(247, 95, 42);
}
.topic-wordpress .button:hover {
	border-color: rgb(96, 107, 183); color: rgb(96, 107, 183);
}
.topic-wordpress .button:focus {
	border-color: rgb(96, 107, 183); color: rgb(96, 107, 183);
}
.topic-wordpress.button:hover {
	border-color: rgb(96, 107, 183); color: rgb(96, 107, 183);
}
.topic-wordpress.button:focus {
	border-color: rgb(96, 107, 183); color: rgb(96, 107, 183);
}
.topic-php .button:hover {
	border-color: rgb(100, 81, 128); color: rgb(100, 81, 128);
}
.topic-php .button:focus {
	border-color: rgb(100, 81, 128); color: rgb(100, 81, 128);
}
.topic-php.button:hover {
	border-color: rgb(100, 81, 128); color: rgb(100, 81, 128);
}
.topic-php.button:focus {
	border-color: rgb(100, 81, 128); color: rgb(100, 81, 128);
}
.topic-ios .button:hover {
	border-color: rgb(62, 157, 151); color: rgb(62, 157, 151);
}
.topic-ios .button:focus {
	border-color: rgb(62, 157, 151); color: rgb(62, 157, 151);
}
.topic-ios.button:hover {
	border-color: rgb(62, 157, 151); color: rgb(62, 157, 151);
}
.topic-ios.button:focus {
	border-color: rgb(62, 157, 151); color: rgb(62, 157, 151);
}
.topic-android .button:hover {
	border-color: rgb(68, 157, 72); color: rgb(68, 157, 72);
}
.topic-android .button:focus {
	border-color: rgb(68, 157, 72); color: rgb(68, 157, 72);
}
.topic-android.button:hover {
	border-color: rgb(68, 157, 72); color: rgb(68, 157, 72);
}
.topic-android.button:focus {
	border-color: rgb(68, 157, 72); color: rgb(68, 157, 72);
}
.topic-design .button:hover {
	border-color: rgb(182, 122, 15); color: rgb(182, 122, 15);
}
.topic-design .button:focus {
	border-color: rgb(182, 122, 15); color: rgb(182, 122, 15);
}
.topic-design.button:hover {
	border-color: rgb(182, 122, 15); color: rgb(182, 122, 15);
}
.topic-design.button:focus {
	border-color: rgb(182, 122, 15); color: rgb(182, 122, 15);
}
.topic-development-tools .button:hover {
	border-color: rgb(78, 97, 115); color: rgb(78, 97, 115);
}
.topic-development-tools .button:focus {
	border-color: rgb(78, 97, 115); color: rgb(78, 97, 115);
}
.topic-development-tools.button:hover {
	border-color: rgb(78, 97, 115); color: rgb(78, 97, 115);
}
.topic-development-tools.button:focus {
	border-color: rgb(78, 97, 115); color: rgb(78, 97, 115);
}
.topic-python .button:hover {
	border-color: rgb(234, 101, 144); color: rgb(234, 101, 144);
}
.topic-python .button:focus {
	border-color: rgb(234, 101, 144); color: rgb(234, 101, 144);
}
.topic-python.button:hover {
	border-color: rgb(234, 101, 144); color: rgb(234, 101, 144);
}
.topic-python.button:focus {
	border-color: rgb(234, 101, 144); color: rgb(234, 101, 144);
}
.topic-digital-literacy .button:hover {
	border-color: rgb(176, 103, 198); color: rgb(176, 103, 198);
}
.topic-digital-literacy .button:focus {
	border-color: rgb(176, 103, 198); color: rgb(176, 103, 198);
}
.topic-digital-literacy.button:hover {
	border-color: rgb(176, 103, 198); color: rgb(176, 103, 198);
}
.topic-digital-literacy.button:focus {
	border-color: rgb(176, 103, 198); color: rgb(176, 103, 198);
}
.topic-game-development .button:hover {
	border-color: rgb(23, 96, 98); color: rgb(23, 96, 98);
}
.topic-game-development .button:focus {
	border-color: rgb(23, 96, 98); color: rgb(23, 96, 98);
}
.topic-game-development.button:hover {
	border-color: rgb(23, 96, 98); color: rgb(23, 96, 98);
}
.topic-game-development.button:focus {
	border-color: rgb(23, 96, 98); color: rgb(23, 96, 98);
}
.topic-csharp .button:hover {
	border-color: rgb(124, 60, 103); color: rgb(124, 60, 103);
}
.topic-csharp .button:focus {
	border-color: rgb(124, 60, 103); color: rgb(124, 60, 103);
}
.topic-csharp.button:hover {
	border-color: rgb(124, 60, 103); color: rgb(124, 60, 103);
}
.topic-csharp.button:focus {
	border-color: rgb(124, 60, 103); color: rgb(124, 60, 103);
}
.topic-databases .button:hover {
	border-color: rgb(205, 94, 19); color: rgb(205, 94, 19);
}
.topic-databases .button:focus {
	border-color: rgb(205, 94, 19); color: rgb(205, 94, 19);
}
.topic-databases.button:hover {
	border-color: rgb(205, 94, 19); color: rgb(205, 94, 19);
}
.topic-databases.button:focus {
	border-color: rgb(205, 94, 19); color: rgb(205, 94, 19);
}
.topic-undefined .button:hover {
	border-color: rgb(90, 98, 105); color: rgb(90, 98, 105);
}
.topic-undefined .button:focus {
	border-color: rgb(90, 98, 105); color: rgb(90, 98, 105);
}
.topic-undefined.button:hover {
	border-color: rgb(90, 98, 105); color: rgb(90, 98, 105);
}
.topic-undefined.button:focus {
	border-color: rgb(90, 98, 105); color: rgb(90, 98, 105);
}
.topic-html .button:hover svg {
	fill: #298fae;
}
.topic-html .button:focus svg {
	fill: #298fae;
}
.topic-html.button:hover svg {
	fill: #298fae;
}
.topic-html.button:focus svg {
	fill: #298fae;
}
.topic-css .button:hover svg {
	fill: #255d83;
}
.topic-css .button:focus svg {
	fill: #255d83;
}
.topic-css.button:hover svg {
	fill: #255d83;
}
.topic-css.button:focus svg {
	fill: #255d83;
}
.topic-javascript .button:hover svg {
	fill: #aa3e5b;
}
.topic-javascript .button:focus svg {
	fill: #aa3e5b;
}
.topic-javascript.button:hover svg {
	fill: #aa3e5b;
}
.topic-javascript.button:focus svg {
	fill: #aa3e5b;
}
.topic-java .button:hover svg {
	fill: #206f57;
}
.topic-java .button:focus svg {
	fill: #206f57;
}
.topic-java.button:hover svg {
	fill: #206f57;
}
.topic-java.button:focus svg {
	fill: #206f57;
}
.topic-ruby .button:hover svg {
	fill: #d9272e;
}
.topic-ruby .button:focus svg {
	fill: #d9272e;
}
.topic-ruby.button:hover svg {
	fill: #d9272e;
}
.topic-ruby.button:focus svg {
	fill: #d9272e;
}
.topic-business .button:hover svg {
	fill: #f75f2a;
}
.topic-business .button:focus svg {
	fill: #f75f2a;
}
.topic-business.button:hover svg {
	fill: #f75f2a;
}
.topic-business.button:focus svg {
	fill: #f75f2a;
}
.topic-wordpress .button:hover svg {
	fill: #606bb7;
}
.topic-wordpress .button:focus svg {
	fill: #606bb7;
}
.topic-wordpress.button:hover svg {
	fill: #606bb7;
}
.topic-wordpress.button:focus svg {
	fill: #606bb7;
}
.topic-php .button:hover svg {
	fill: #645180;
}
.topic-php .button:focus svg {
	fill: #645180;
}
.topic-php.button:hover svg {
	fill: #645180;
}
.topic-php.button:focus svg {
	fill: #645180;
}
.topic-ios .button:hover svg {
	fill: #3e9d97;
}
.topic-ios .button:focus svg {
	fill: #3e9d97;
}
.topic-ios.button:hover svg {
	fill: #3e9d97;
}
.topic-ios.button:focus svg {
	fill: #3e9d97;
}
.topic-android .button:hover svg {
	fill: #449d48;
}
.topic-android .button:focus svg {
	fill: #449d48;
}
.topic-android.button:hover svg {
	fill: #449d48;
}
.topic-android.button:focus svg {
	fill: #449d48;
}
.topic-design .button:hover svg {
	fill: #b67a0f;
}
.topic-design .button:focus svg {
	fill: #b67a0f;
}
.topic-design.button:hover svg {
	fill: #b67a0f;
}
.topic-design.button:focus svg {
	fill: #b67a0f;
}
.topic-development-tools .button:hover svg {
	fill: #4e6173;
}
.topic-development-tools .button:focus svg {
	fill: #4e6173;
}
.topic-development-tools.button:hover svg {
	fill: #4e6173;
}
.topic-development-tools.button:focus svg {
	fill: #4e6173;
}
.topic-python .button:hover svg {
	fill: #ea6590;
}
.topic-python .button:focus svg {
	fill: #ea6590;
}
.topic-python.button:hover svg {
	fill: #ea6590;
}
.topic-python.button:focus svg {
	fill: #ea6590;
}
.topic-digital-literacy .button:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy .button:focus svg {
	fill: #b067c6;
}
.topic-digital-literacy.button:hover svg {
	fill: #b067c6;
}
.topic-digital-literacy.button:focus svg {
	fill: #b067c6;
}
.topic-game-development .button:hover svg {
	fill: #176062;
}
.topic-game-development .button:focus svg {
	fill: #176062;
}
.topic-game-development.button:hover svg {
	fill: #176062;
}
.topic-game-development.button:focus svg {
	fill: #176062;
}
.topic-csharp .button:hover svg {
	fill: #7c3c67;
}
.topic-csharp .button:focus svg {
	fill: #7c3c67;
}
.topic-csharp.button:hover svg {
	fill: #7c3c67;
}
.topic-csharp.button:focus svg {
	fill: #7c3c67;
}
.topic-databases .button:hover svg {
	fill: #cd5e13;
}
.topic-databases .button:focus svg {
	fill: #cd5e13;
}
.topic-databases.button:hover svg {
	fill: #cd5e13;
}
.topic-databases.button:focus svg {
	fill: #cd5e13;
}
.topic-undefined .button:hover svg {
	fill: #5a6269;
}
.topic-undefined .button:focus svg {
	fill: #5a6269;
}
.topic-undefined.button:hover svg {
	fill: #5a6269;
}
.topic-undefined.button:focus svg {
	fill: #5a6269;
}
.button svg {
	transition:fill 200ms ease-in-out; -webkit-transition: fill 200ms ease-in-out;
}
.button + .button {
	margin-left: 10px;
}
.disabled.button {
	border: 2px solid currentColor; border-image: none; color: rgb(95, 207, 128); cursor: default; opacity: 0.5; background-color: transparent;
}
.button-disabled.button {
	border: 2px solid currentColor; border-image: none; color: rgb(95, 207, 128); cursor: default; opacity: 0.5; background-color: transparent;
}
.disabled.button svg {
	fill: #5fcf80;
}
.button-disabled.button svg {
	fill: #5fcf80;
}
:not([class*='topic']) .disabled.button {
	border: 2px solid rgb(232, 235, 237); border-image: none; color: rgb(123, 139, 142); background-color: transparent;
}
:not([class*='topic']) .button-disabled.button {
	border: 2px solid rgb(232, 235, 237); border-image: none; color: rgb(123, 139, 142); background-color: transparent;
}
:not([class*='topic']) .disabled.button:hover {
	border-color: rgb(95, 207, 128); color: rgb(95, 207, 128);
}
:not([class*='topic']) .disabled.button:focus {
	border-color: rgb(95, 207, 128); color: rgb(95, 207, 128);
}
.hover.uploader :not([class*='topic']) .disabled.button {
	border-color: rgb(95, 207, 128); color: rgb(95, 207, 128);
}
:not([class*='topic']) .button-disabled.button:hover {
	border-color: rgb(95, 207, 128); color: rgb(95, 207, 128);
}
:not([class*='topic']) .button-disabled.button:focus {
	border-color: rgb(95, 207, 128); color: rgb(95, 207, 128);
}
.hover.uploader :not([class*='topic']) .button-disabled.button {
	border-color: rgb(95, 207, 128); color: rgb(95, 207, 128);
}
:not([class*='topic']) .disabled.button:hover svg {
	fill: #5fcf80;
}
:not([class*='topic']) .disabled.button:focus svg {
	fill: #5fcf80;
}
.hover.uploader :not([class*='topic']) .disabled.button svg {
	fill: #5fcf80;
}
:not([class*='topic']) .button-disabled.button:hover svg {
	fill: #5fcf80;
}
:not([class*='topic']) .button-disabled.button:focus svg {
	fill: #5fcf80;
}
.hover.uploader :not([class*='topic']) .button-disabled.button svg {
	fill: #5fcf80;
}
:not([class*='topic']) .disabled.button svg {
	fill: #7b8b8e;
}
:not([class*='topic']) .button-disabled.button svg {
	fill: #7b8b8e;
}
[class*='topic'] .disabled.button {
	color: rgba(255, 255, 255, 0.5); opacity: 0.5; background-color: transparent;
}
[class*='topic'] .button-disabled.button {
	color: rgba(255, 255, 255, 0.5); opacity: 0.5; background-color: transparent;
}
[class*='topic'] .disabled.button:hover {
	border-color: inherit; color: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .disabled.button:focus {
	border-color: inherit; color: rgba(255, 255, 255, 0.5);
}
.hover.uploader [class*='topic'] .disabled.button {
	border-color: inherit; color: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .button-disabled.button:hover {
	border-color: inherit; color: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .button-disabled.button:focus {
	border-color: inherit; color: rgba(255, 255, 255, 0.5);
}
.hover.uploader [class*='topic'] .button-disabled.button {
	border-color: inherit; color: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .disabled.button:hover svg {
	fill: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .disabled.button:focus svg {
	fill: rgba(255, 255, 255, 0.5);
}
.hover.uploader [class*='topic'] .disabled.button svg {
	fill: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .button-disabled.button:hover svg {
	fill: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .button-disabled.button:focus svg {
	fill: rgba(255, 255, 255, 0.5);
}
.hover.uploader [class*='topic'] .button-disabled.button svg {
	fill: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .disabled.button svg {
	fill: rgba(255, 255, 255, 0.5);
}
[class*='topic'] .button-disabled.button svg {
	fill: rgba(255, 255, 255, 0.5);
}
.primary.button {
	border: 2px solid rgb(95, 207, 128); border-image: none; color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.button-primary.button {
	border: 2px solid rgb(95, 207, 128); border-image: none; color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.primary.button svg {
	fill: #fff;
}
.button-primary.button svg {
	fill: #fff;
}
.primary.button:hover {
	border-color: rgb(58, 193, 98); color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.primary.button:focus {
	border-color: rgb(58, 193, 98); color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.hover.uploader .primary.button {
	border-color: rgb(58, 193, 98); color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.button-primary.button:hover {
	border-color: rgb(58, 193, 98); color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.button-primary.button:focus {
	border-color: rgb(58, 193, 98); color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.hover.uploader .button-primary.button {
	border-color: rgb(58, 193, 98); color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.primary.button:hover svg {
	fill: #fff;
}
.primary.button:focus svg {
	fill: #fff;
}
.hover.uploader .primary.button svg {
	fill: #fff;
}
.button-primary.button:hover svg {
	fill: #fff;
}
.button-primary.button:focus svg {
	fill: #fff;
}
.hover.uploader .button-primary.button svg {
	fill: #fff;
}
.topic-html .primary.button {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-html .button-primary.button {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-html.primary.button {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-html.button-primary.button {
	border-color: rgb(57, 173, 209); background-color: rgb(57, 173, 209);
}
.topic-css .primary.button {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-css .button-primary.button {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-css.primary.button {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-css.button-primary.button {
	border-color: rgb(48, 121, 171); background-color: rgb(48, 121, 171);
}
.topic-javascript .primary.button {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-javascript .button-primary.button {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-javascript.primary.button {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-javascript.button-primary.button {
	border-color: rgb(194, 89, 117); background-color: rgb(194, 89, 117);
}
.topic-java .primary.button {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-java .button-primary.button {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-java.primary.button {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-java.button-primary.button {
	border-color: rgb(44, 150, 118); background-color: rgb(44, 150, 118);
}
.topic-ruby .primary.button {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-ruby .button-primary.button {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-ruby.primary.button {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-ruby.button-primary.button {
	border-color: rgb(225, 82, 88); background-color: rgb(225, 82, 88);
}
.topic-business .primary.button {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-business .button-primary.button {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-business.primary.button {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-business.button-primary.button {
	border-color: rgb(249, 132, 91); background-color: rgb(249, 132, 91);
}
.topic-wordpress .primary.button {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-wordpress .button-primary.button {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-wordpress.primary.button {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-wordpress.button-primary.button {
	border-color: rgb(131, 140, 199); background-color: rgb(131, 140, 199);
}
.topic-php .primary.button {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-php .button-primary.button {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-php.primary.button {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-php.button-primary.button {
	border-color: rgb(125, 102, 158); background-color: rgb(125, 102, 158);
}
.topic-ios .primary.button {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-ios .button-primary.button {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-ios.primary.button {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-ios.button-primary.button {
	border-color: rgb(83, 187, 180); background-color: rgb(83, 187, 180);
}
.topic-android .primary.button {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-android .button-primary.button {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-android.primary.button {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-android.button-primary.button {
	border-color: rgb(92, 184, 96); background-color: rgb(92, 184, 96);
}
.topic-design .primary.button {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-design .button-primary.button {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-design.primary.button {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-design.button-primary.button {
	border-color: rgb(229, 154, 19); background-color: rgb(229, 154, 19);
}
.topic-development-tools .primary.button {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-development-tools .button-primary.button {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-development-tools.primary.button {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-development-tools.button-primary.button {
	border-color: rgb(99, 122, 145); background-color: rgb(99, 122, 145);
}
.topic-python .primary.button {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-python .button-primary.button {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-python.primary.button {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-python.button-primary.button {
	border-color: rgb(240, 146, 176); background-color: rgb(240, 146, 176);
}
.topic-digital-literacy .primary.button {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-digital-literacy .button-primary.button {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-digital-literacy.primary.button {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-digital-literacy.button-primary.button {
	border-color: rgb(195, 140, 212); background-color: rgb(195, 140, 212);
}
.topic-game-development .primary.button {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-game-development .button-primary.button {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-game-development.primary.button {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-game-development.button-primary.button {
	border-color: rgb(32, 137, 140); background-color: rgb(32, 137, 140);
}
.topic-csharp .primary.button {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-csharp .button-primary.button {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-csharp.primary.button {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-csharp.button-primary.button {
	border-color: rgb(158, 77, 131); background-color: rgb(158, 77, 131);
}
.topic-databases .primary.button {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-databases .button-primary.button {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-databases.primary.button {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-databases.button-primary.button {
	border-color: rgb(235, 119, 40); background-color: rgb(235, 119, 40);
}
.topic-undefined .primary.button {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-undefined .button-primary.button {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-undefined.primary.button {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-undefined.button-primary.button {
	border-color: rgb(113, 123, 133); background-color: rgb(113, 123, 133);
}
.topic-html .primary.button:hover {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-html .primary.button:focus {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-html .button-primary.button:hover {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-html .button-primary.button:focus {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-html.primary.button:hover {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-html.primary.button:focus {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-html.button-primary.button:hover {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-html.button-primary.button:focus {
	border-color: rgb(41, 143, 174); background-color: rgb(41, 143, 174);
}
.topic-css .primary.button:hover {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-css .primary.button:focus {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-css .button-primary.button:hover {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-css .button-primary.button:focus {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-css.primary.button:hover {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-css.primary.button:focus {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-css.button-primary.button:hover {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-css.button-primary.button:focus {
	border-color: rgb(37, 93, 131); background-color: rgb(37, 93, 131);
}
.topic-javascript .primary.button:hover {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-javascript .primary.button:focus {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-javascript .button-primary.button:hover {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-javascript .button-primary.button:focus {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-javascript.primary.button:hover {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-javascript.primary.button:focus {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-javascript.button-primary.button:hover {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-javascript.button-primary.button:focus {
	border-color: rgb(170, 62, 91); background-color: rgb(170, 62, 91);
}
.topic-java .primary.button:hover {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-java .primary.button:focus {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-java .button-primary.button:hover {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-java .button-primary.button:focus {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-java.primary.button:hover {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-java.primary.button:focus {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-java.button-primary.button:hover {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-java.button-primary.button:focus {
	border-color: rgb(32, 111, 87); background-color: rgb(32, 111, 87);
}
.topic-ruby .primary.button:hover {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-ruby .primary.button:focus {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-ruby .button-primary.button:hover {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-ruby .button-primary.button:focus {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-ruby.primary.button:hover {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-ruby.primary.button:focus {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-ruby.button-primary.button:hover {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-ruby.button-primary.button:focus {
	border-color: rgb(217, 39, 46); background-color: rgb(217, 39, 46);
}
.topic-business .primary.button:hover {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-business .primary.button:focus {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-business .button-primary.button:hover {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-business .button-primary.button:focus {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-business.primary.button:hover {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-business.primary.button:focus {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-business.button-primary.button:hover {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-business.button-primary.button:focus {
	border-color: rgb(247, 95, 42); background-color: rgb(247, 95, 42);
}
.topic-wordpress .primary.button:hover {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-wordpress .primary.button:focus {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-wordpress .button-primary.button:hover {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-wordpress .button-primary.button:focus {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-wordpress.primary.button:hover {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-wordpress.primary.button:focus {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-wordpress.button-primary.button:hover {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-wordpress.button-primary.button:focus {
	border-color: rgb(96, 107, 183); background-color: rgb(96, 107, 183);
}
.topic-php .primary.button:hover {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-php .primary.button:focus {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-php .button-primary.button:hover {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-php .button-primary.button:focus {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-php.primary.button:hover {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-php.primary.button:focus {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-php.button-primary.button:hover {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-php.button-primary.button:focus {
	border-color: rgb(100, 81, 128); background-color: rgb(100, 81, 128);
}
.topic-ios .primary.button:hover {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-ios .primary.button:focus {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-ios .button-primary.button:hover {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-ios .button-primary.button:focus {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-ios.primary.button:hover {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-ios.primary.button:focus {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-ios.button-primary.button:hover {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-ios.button-primary.button:focus {
	border-color: rgb(62, 157, 151); background-color: rgb(62, 157, 151);
}
.topic-android .primary.button:hover {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-android .primary.button:focus {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-android .button-primary.button:hover {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-android .button-primary.button:focus {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-android.primary.button:hover {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-android.primary.button:focus {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-android.button-primary.button:hover {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-android.button-primary.button:focus {
	border-color: rgb(68, 157, 72); background-color: rgb(68, 157, 72);
}
.topic-design .primary.button:hover {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-design .primary.button:focus {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-design .button-primary.button:hover {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-design .button-primary.button:focus {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-design.primary.button:hover {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-design.primary.button:focus {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-design.button-primary.button:hover {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-design.button-primary.button:focus {
	border-color: rgb(182, 122, 15); background-color: rgb(182, 122, 15);
}
.topic-development-tools .primary.button:hover {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-development-tools .primary.button:focus {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-development-tools .button-primary.button:hover {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-development-tools .button-primary.button:focus {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-development-tools.primary.button:hover {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-development-tools.primary.button:focus {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-development-tools.button-primary.button:hover {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-development-tools.button-primary.button:focus {
	border-color: rgb(78, 97, 115); background-color: rgb(78, 97, 115);
}
.topic-python .primary.button:hover {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-python .primary.button:focus {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-python .button-primary.button:hover {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-python .button-primary.button:focus {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-python.primary.button:hover {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-python.primary.button:focus {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-python.button-primary.button:hover {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-python.button-primary.button:focus {
	border-color: rgb(234, 101, 144); background-color: rgb(234, 101, 144);
}
.topic-digital-literacy .primary.button:hover {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-digital-literacy .primary.button:focus {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-digital-literacy .button-primary.button:hover {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-digital-literacy .button-primary.button:focus {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-digital-literacy.primary.button:hover {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-digital-literacy.primary.button:focus {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-digital-literacy.button-primary.button:hover {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-digital-literacy.button-primary.button:focus {
	border-color: rgb(176, 103, 198); background-color: rgb(176, 103, 198);
}
.topic-game-development .primary.button:hover {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-game-development .primary.button:focus {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-game-development .button-primary.button:hover {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-game-development .button-primary.button:focus {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-game-development.primary.button:hover {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-game-development.primary.button:focus {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-game-development.button-primary.button:hover {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-game-development.button-primary.button:focus {
	border-color: rgb(23, 96, 98); background-color: rgb(23, 96, 98);
}
.topic-csharp .primary.button:hover {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-csharp .primary.button:focus {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-csharp .button-primary.button:hover {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-csharp .button-primary.button:focus {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-csharp.primary.button:hover {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-csharp.primary.button:focus {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-csharp.button-primary.button:hover {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-csharp.button-primary.button:focus {
	border-color: rgb(124, 60, 103); background-color: rgb(124, 60, 103);
}
.topic-databases .primary.button:hover {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-databases .primary.button:focus {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-databases .button-primary.button:hover {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-databases .button-primary.button:focus {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-databases.primary.button:hover {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-databases.primary.button:focus {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-databases.button-primary.button:hover {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-databases.button-primary.button:focus {
	border-color: rgb(205, 94, 19); background-color: rgb(205, 94, 19);
}
.topic-undefined .primary.button:hover {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.topic-undefined .primary.button:focus {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.topic-undefined .button-primary.button:hover {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.topic-undefined .button-primary.button:focus {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.topic-undefined.primary.button:hover {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.topic-undefined.primary.button:focus {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.topic-undefined.button-primary.button:hover {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.topic-undefined.button-primary.button:focus {
	border-color: rgb(90, 98, 105); background-color: rgb(90, 98, 105);
}
.disabled.primary.button:hover {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.disabled.primary.button:focus {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.hover.uploader .disabled.primary.button {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.button-disabled.primary.button:hover {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.button-disabled.primary.button:focus {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.hover.uploader .button-disabled.primary.button {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.disabled.button-primary.button:hover {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.disabled.button-primary.button:focus {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.hover.uploader .disabled.button-primary.button {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.button-disabled.button-primary.button:hover {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.button-disabled.button-primary.button:focus {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.hover.uploader .button-disabled.button-primary.button {
	border-color: rgb(95, 207, 128); color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.disabled.primary.button:hover svg {
	fill: #fff;
}
.disabled.primary.button:focus svg {
	fill: #fff;
}
.hover.uploader .disabled.primary.button svg {
	fill: #fff;
}
.button-disabled.primary.button:hover svg {
	fill: #fff;
}
.button-disabled.primary.button:focus svg {
	fill: #fff;
}
.hover.uploader .button-disabled.primary.button svg {
	fill: #fff;
}
.disabled.button-primary.button:hover svg {
	fill: #fff;
}
.disabled.button-primary.button:focus svg {
	fill: #fff;
}
.hover.uploader .disabled.button-primary.button svg {
	fill: #fff;
}
.button-disabled.button-primary.button:hover svg {
	fill: #fff;
}
.button-disabled.button-primary.button:focus svg {
	fill: #fff;
}
.hover.uploader .button-disabled.button-primary.button svg {
	fill: #fff;
}
.secondary.button {
	border: 2px solid rgb(212, 217, 221); border-image: none; color: rgb(87, 99, 102); background-color: transparent;
}
.button-secondary.button {
	border: 2px solid rgb(212, 217, 221); border-image: none; color: rgb(87, 99, 102); background-color: transparent;
}
.secondary.button svg {
	fill: #576366;
}
.button-secondary.button svg {
	fill: #576366;
}
.secondary.button:hover {
	border-color: rgb(169, 179, 187); color: rgb(80, 91, 94);
}
.secondary.button:focus {
	border-color: rgb(169, 179, 187); color: rgb(80, 91, 94);
}
.hover.uploader .secondary.button {
	border-color: rgb(169, 179, 187); color: rgb(80, 91, 94);
}
.button-secondary.button:hover {
	border-color: rgb(169, 179, 187); color: rgb(80, 91, 94);
}
.button-secondary.button:focus {
	border-color: rgb(169, 179, 187); color: rgb(80, 91, 94);
}
.hover.uploader .button-secondary.button {
	border-color: rgb(169, 179, 187); color: rgb(80, 91, 94);
}
.secondary.button:hover svg {
	fill: #505b5e;
}
.secondary.button:focus svg {
	fill: #505b5e;
}
.hover.uploader .secondary.button svg {
	fill: #505b5e;
}
.button-secondary.button:hover svg {
	fill: #505b5e;
}
.button-secondary.button:focus svg {
	fill: #505b5e;
}
.hover.uploader .button-secondary.button svg {
	fill: #505b5e;
}
:not(.alert):not(:hover):not(.disabled):not(.secondary).inverse.button {
	opacity: 0.88;
}
:not(.alert):not(:hover):not(.disabled):not(.secondary).button-inverse.button {
	opacity: 0.88;
}
:not(.alert).inverse.button {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
:not(.alert).button-inverse.button {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
:not(.alert).inverse.button svg {
	fill: #fff;
}
:not(.alert).button-inverse.button svg {
	fill: #fff;
}
.alert.inverse.button:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.alert.inverse.button:focus {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.button-alert.inverse.button:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.button-alert.inverse.button:focus {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.alert.button-inverse.button:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.alert.button-inverse.button:focus {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.button-alert.button-inverse.button:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.button-alert.button-inverse.button:focus {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.alert.inverse.button:hover svg {
	fill: #fff;
}
.alert.inverse.button:focus svg {
	fill: #fff;
}
.button-alert.inverse.button:hover svg {
	fill: #fff;
}
.button-alert.inverse.button:focus svg {
	fill: #fff;
}
.alert.button-inverse.button:hover svg {
	fill: #fff;
}
.alert.button-inverse.button:focus svg {
	fill: #fff;
}
.button-alert.button-inverse.button:hover svg {
	fill: #fff;
}
.button-alert.button-inverse.button:focus svg {
	fill: #fff;
}
.primary.inverse.button {
	background: rgb(255, 255, 255); color: rgb(75, 86, 88);
}
.button-primary.inverse.button {
	background: rgb(255, 255, 255); color: rgb(75, 86, 88);
}
.primary.button-inverse.button {
	background: rgb(255, 255, 255); color: rgb(75, 86, 88);
}
.button-primary.button-inverse.button {
	background: rgb(255, 255, 255); color: rgb(75, 86, 88);
}
.primary.inverse.button svg {
	fill: #4b5658;
}
.button-primary.inverse.button svg {
	fill: #4b5658;
}
.primary.button-inverse.button svg {
	fill: #4b5658;
}
.button-primary.button-inverse.button svg {
	fill: #4b5658;
}
.secondary.inverse.button {
	opacity: 0.5;
}
.button-secondary.inverse.button {
	opacity: 0.5;
}
.secondary.button-inverse.button {
	opacity: 0.5;
}
.button-secondary.button-inverse.button {
	opacity: 0.5;
}
.secondary.inverse.button:hover {
	opacity: 1;
}
.secondary.inverse.button:focus {
	opacity: 1;
}
.button-secondary.inverse.button:hover {
	opacity: 1;
}
.button-secondary.inverse.button:focus {
	opacity: 1;
}
.secondary.button-inverse.button:hover {
	opacity: 1;
}
.secondary.button-inverse.button:focus {
	opacity: 1;
}
.button-secondary.button-inverse.button:hover {
	opacity: 1;
}
.button-secondary.button-inverse.button:focus {
	opacity: 1;
}
.disabled.inverse.button {
	opacity: 0.15;
}
.button-disabled.inverse.button {
	opacity: 0.15;
}
.disabled.button-inverse.button {
	opacity: 0.15;
}
.button-disabled.button-inverse.button {
	opacity: 0.15;
}
.large.button {
	padding: 0px 44px; height: 58px; line-height: 54px; font-size: 18px;
}
.button-large.button {
	padding: 0px 44px; height: 58px; line-height: 54px; font-size: 18px;
}
.large.button svg {
	top: -2px;
}
.button-large.button svg {
	top: -2px;
}
.square.large.button {
	padding: 0px; width: 58px;
}
.square.button-large.button {
	padding: 0px; width: 58px;
}
.small.button {
	padding: 0px 26px; height: 38px; line-height: 34px; font-size: 12px;
}
.button-small.button {
	padding: 0px 26px; height: 38px; line-height: 34px; font-size: 12px;
}
.ff :not(.square).small.button {
	height: 39px;
}
.ff :not(.square).button-small.button {
	height: 39px;
}
.ff :not(.square).secondary.small.button {
	height: 40px;
}
.ff :not(.square).button-secondary.small.button {
	height: 40px;
}
.ff :not(.square).secondary.button-small.button {
	height: 40px;
}
.ff :not(.square).button-secondary.button-small.button {
	height: 40px;
}
.square.small.button {
	padding: 0px; width: 38px;
}
.square.button-small.button {
	padding: 0px; width: 38px;
}
.x-small.button {
	padding: 0px 10px; height: 30px; line-height: 26px; font-size: 12px;
}
.button-x-small.button {
	padding: 0px 10px; height: 30px; line-height: 26px; font-size: 12px;
}
.square.x-small.button {
	padding: 0px; width: 30px;
}
.square.button-x-small.button {
	padding: 0px; width: 30px;
}
.button-primary-inverse.button {
	border: 2px solid rgb(255, 255, 255); border-image: none; color: rgb(95, 207, 128); background-color: rgb(255, 255, 255);
}
.button-primary-inverse.button svg {
	fill: #5fcf80;
}
.button-primary-inverse.button:hover {
	color: rgb(58, 193, 98);
}
.full.button {
	margin: 0px; width: 100%; padding-right: 0px; padding-left: 0px; display: block;
}
.button-full.button {
	margin: 0px; width: 100%; padding-right: 0px; padding-left: 0px; display: block;
}
.close.button {
	margin: 0px; padding: 0px; width: 28px; height: 28px; text-align: center; line-height: 22px; z-index: 2;
}
.button-close.button {
	margin: 0px; padding: 0px; width: 28px; height: 28px; text-align: center; line-height: 22px; z-index: 2;
}
.close.button svg.close-icon {
	margin: 6px 0px 0px; top: 0px;
}
.button-close.button svg.close-icon {
	margin: 6px 0px 0px; top: 0px;
}
.icon-on-left.button svg {
	margin: 0px 5px 0px 0px;
}
.icon-on-right.button svg {
	margin: 0px 0px 0px 5px;
}
.button svg {
	top: -1px; vertical-align: middle; position: relative;
}
.button svg.reload-icon {
	left: 0px; top: 0px; width: 16px; height: 16px;
}
.marketing-layout form .row {
	padding: 0px 9px;
}
.marketing-layout form .row .column {
	padding: 0px 6px;
}
.marketing-layout form .row .columns {
	padding: 0px 6px;
}
.marketing-layout form .note {
	font-size: 13px;
}
.marketing-layout input[type='email'] {
	padding: 12px 15px;
}
.marketing-layout input[type='number'] {
	padding: 12px 15px;
}
.marketing-layout input[type='search'] {
	padding: 12px 15px;
}
.marketing-layout .message p {
	margin-top: 0px;
}
.marketing-layout .field_with_errors input {
	border-width: 2px 2px 0px; border-style: solid; border-color: rgb(237, 90, 90) rgb(237, 90, 90) transparent; border-radius: 5px 5px 0px 0px; border-image: none; margin-bottom: 0px; background-color: rgb(255, 255, 255);
}
.marketing-layout .field_with_errors > div {
	border-width: 2px 2px 0px; border-style: solid; border-color: rgb(237, 90, 90) rgb(237, 90, 90) transparent; border-radius: 5px 5px 0px 0px; border-image: none; margin-bottom: 0px; background-color: rgb(255, 255, 255);
}
.marketing-layout .field_with_errors input:focus {
	border: 2px solid rgb(237, 90, 90); border-image: none;
}
.marketing-layout .field_with_errors > div:focus {
	border: 2px solid rgb(237, 90, 90); border-image: none;
}
.marketing-layout .field_with_errors .form-element > span {
	color: rgb(237, 90, 90);
}
.marketing-layout textarea.field_with_errors {
	margin-bottom: 0px;
}
.marketing-layout legend {
	margin-bottom: 20px;
}
.marketing-layout fieldset {
	border: currentColor; border-image: none;
}
nav > section {
	margin: 0px auto; padding: 0px 15px; width: 100%; max-width: 1030px;
}
.fixed-trial-button {
	border: 2px solid rgb(95, 207, 128); transition:200ms ease-in-out; border-image: none; color: rgb(95, 207, 128); -webkit-transition: all 200ms ease-in-out;
}
.fixed-trial-button:hover {
	color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.fixed-trial-button:active {
	color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.fixed-trial-button:focus {
	color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
nav {
	transition:border-color 200ms ease-in-out, transform 0.3s cubic-bezier(0.35, -0.25, 0.35, 0); top: 0px; width: 100%; border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 99; background-color: rgb(255, 255, 255); -webkit-transition: border-color 200ms ease-in-out, -webkit-transform 0.3s cubic-bezier(0.35, -0.25, 0.35, 0);
}
@media screen and (max-width:767px)
{
nav {
	height: 52px;
}
.nav-shelf-expanded nav {
	transform: translateX(-270px); -webkit-transform: translateX(-270px);
}
}
@media screen and (min-width:768px)
{
nav {
	height: 80px;
}
nav:hover .nav-anchor {
	opacity: 1;
}
nav:active .nav-anchor {
	opacity: 1;
}
nav:focus .nav-anchor {
	opacity: 1;
}
}
nav > section {
	height: 100%;
}
.scrolled-past-hero .brand path {
	transform: translateX(0px); -webkit-transform: translateX(0);
}
.scrolled-past-hero .brand .icon-treehouse {
	opacity: 0; fill: #fff;
}
.scrolled-past-hero .brand .icon-logo {
	opacity: 1; fill: #5fcf80;
}
.brand {
	float: left;
}
@media screen and (max-width:767px)
{
.brand {
	top: 11px; position: relative;
}
}
@media screen and (min-width:768px)
{
.brand {
	top: 21px; position: relative;
}
}
.brand:hover .icon-treehouse {
	fill: #3ac162;
}
.brand:active .icon-treehouse {
	fill: #3ac162;
}
.brand .treehouse-icon {
	overflow: visible;
}
@media screen and (max-width:767px)
{
.brand .treehouse-icon {
	width: 135px; height: 30px;
}
}
@media screen and (min-width:768px)
{
.brand .treehouse-icon {
	width: 158px; height: 35px;
}
}
.brand .treehouse-icon path {
	transition:transform 200ms ease-in-out, fill 200ms ease-in-out, opacity 200ms ease-in-out; -webkit-transition: -webkit-transform 200ms ease-in-out, fill 200ms ease-in-out, opacity 200ms ease-in-out;
}
.brand .icon-treehouse {
	opacity: 1; fill: #5fcf80; transform: translateX(-37px); -webkit-transform: translateX(-37px);
}
.brand .icon-logo {
	opacity: 0; fill: #fff;
}
@media screen and (min-width:768px)
{
.scrolled-past-hero.scrolling-up .brand .icon-treehouse {
	opacity: 1; fill: #5fcf80; transform: translateX(-37px); -webkit-transform: translateX(-37px);
}
.scrolled-past-hero.scrolling-up .brand .icon-logo {
	opacity: 0; fill: #fff;
}
}
.ie .brand .icon-logo {
	opacity: 1; fill: #5fcf80;
}
.scrolled-past-hero.scrolling-up.ie .brand .icon-logo {
	opacity: 1; fill: #5fcf80;
}
@media screen and (max-width:767px)
{
#mobile-nav-toggle {
	height: 20px; margin-top: 16px;
}
#mobile-nav-toggle a {
	display: block;
}
#mobile-nav-toggle svg {
	transition:fill 200ms ease-in-out; width: 32px; height: 22px; fill: #384047; -webkit-transition: fill 200ms ease-in-out;
}
#mobile-nav-toggle:hover svg {
	fill: #657380;
}
#mobile-nav-toggle:active svg {
	fill: #657380;
}
#mobile-nav-toggle:focus svg {
	fill: #657380;
}
}
@media screen and (min-width:768px)
{
#mobile-nav-toggle {
	display: none;
}
}
.fixed-trial-button {
	padding: 9px 16px; font-size: 12px; font-weight: 700; margin-top: 9px; float: left;
}
@media screen and (max-width:767px)
{
.fixed-trial-button {
	border-radius: 5px; left: 50%; margin-left: -46px; display: inline-block; position: absolute; opacity: 0;
}
}
@media screen and (min-width:768px)
{
.fixed-trial-button {
	display: none;
}
}
@media screen and (max-width:767px)
{
.scrolled-past-hero .fixed-trial-button {
	opacity: 1;
}
}
@media screen and (max-width:767px)
{
.nav-shelf-expanded.scrolled-past-hero .fixed-trial-button {
	opacity: 0;
}
}
.nav-list {
	list-style: none; padding-left: 0px; margin-top: 0px; margin-bottom: 0px;
}
@media screen and (max-width:767px)
{
.nav-list {
	top: 0px; width: 270px; height: 100vh; right: -270px; padding-top: 52px; position: absolute; z-index: 0; box-shadow: 50px 0px 0px #384047; background-color: rgb(56, 64, 71);
}
}
@media screen and (min-width:768px)
{
.nav-list {
	margin-top: 28px; float: right;
}
}
@media screen and (max-width:767px)
{
:first-child.nav-item {
	border-top-color: rgb(49, 56, 62); border-top-width: 1px; border-top-style: solid;
}
:first-child.nav-item a {
	margin-top: 5px;
}
}
@media screen and (min-width:768px)
{
.nav-item {
	font-size: 14px; margin-left: 40px; float: left;
}
}
@media screen and (max-width:940px) and (min-width:768px)
{
.nav-item {
	margin-left: 30px;
}
}
@media screen and (max-width:767px)
{
.current.nav-item a {
	color: rgb(255, 255, 255); border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: rgb(47, 54, 60);
}
}
@media screen and (min-width:768px)
{
.current.nav-item a {
	color: rgb(28, 32, 33);
}
}
@media screen and (max-width:767px)
{
.nav-anchor {
	padding: 10px 0px 10px 8px; transition:200ms ease-in-out; color: rgb(120, 129, 136); font-size: 18px; font-weight: 500; margin-left: 7px; display: block; -webkit-transition: all 200ms ease-in-out;
}
.nav-anchor:hover {
	color: rgb(255, 255, 255);
}
.nav-anchor:active {
	color: rgb(255, 255, 255);
}
.nav-anchor:focus {
	color: rgb(255, 255, 255);
}
}
@media screen and (min-width:768px)
{
.nav-anchor {
	transition:200ms ease-in-out; color: rgb(87, 99, 102); font-weight: 500; -webkit-transition: all 200ms ease-in-out;
}
.nav-anchor:hover {
	color: rgb(52, 59, 61);
}
.nav-anchor:active {
	color: rgb(52, 59, 61);
}
.nav-anchor:focus {
	color: rgb(52, 59, 61);
}
.scrolled-past-hero .nav-anchor {
	opacity: 0;
}
.scrolling-up.scrolled-past-hero .nav-anchor {
	opacity: 1;
}
.logged-in .nav-anchor {
	opacity: 1;
}
}
@media screen and (max-width:820px) and (min-width:768px)
{
.nav-anchor {
	font-size: 13px;
}
}
@media screen and (min-width:768px)
{
.nav-item-home {
	display: none;
}
}
@media screen and (max-width:767px)
{
.nav-item-sign-in {
	left: 0px; top: 10px; position: absolute;
}
}
@media screen and (max-width:767px)
{
.nav-item-sign-in a {
	padding: 6px 18px 6px 9px; transition:color 200ms ease-in-out; color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; -webkit-transition: color 200ms ease-in-out;
}
.nav-item-sign-in a:hover {
	color: rgb(238, 238, 238);
}
.nav-item-sign-in a:active {
	color: rgb(238, 238, 238);
}
.nav-item-sign-in a:focus {
	color: rgb(238, 238, 238);
}
}
@media screen and (max-width:767px)
{
.nav-item-free-trial {
	top: 10px; right: 10px; position: absolute;
}
}
@media screen and (min-width:768px)
{
.nav-item-free-trial {
	transition:margin-left 200ms ease-in-out; margin-left: 10px; -webkit-transition: margin-left 200ms ease-in-out;
}
.scrolled-past-hero .nav-item-free-trial {
	margin-left: 37px;
}
}
@media screen and (max-width:820px) and (min-width:768px)
{
.scrolled-past-hero .nav-item-free-trial {
	margin-left: 30px;
}
}
@media screen and (max-width:767px)
{
.nav-item-free-trial a {
	padding: 6px 18px 7px; border-radius: 5px; transition:background-color 200ms ease-in-out; color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; display: inline-block; background-color: rgb(95, 207, 128); -webkit-transition: background-color 200ms ease-in-out;
}
.nav-item-free-trial a:hover {
	color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.nav-item-free-trial a:active {
	color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
.nav-item-free-trial a:focus {
	color: rgb(255, 255, 255); background-color: rgb(58, 193, 98);
}
}
@media screen and (min-width:768px)
{
.nav-item-free-trial a {
	padding: 12px 0px 12px 26px; border-radius: 5px; border: 2px solid transparent; transition:color 200ms ease-in-out, background-color 200ms ease-in-out, opacity 200ms ease-in-out, border-color 200ms ease-in-out, padding 200ms ease-in-out; border-image: none; color: rgb(95, 207, 128); -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, opacity 200ms ease-in-out, border-color 200ms ease-in-out, padding 200ms ease-in-out;
}
.scrolled-past-hero.scrolling-up .nav-item-free-trial a {
	border-color: transparent; padding: 12px 0px; margin-left: 0px;
}
.scrolled-past-hero.scrolling-up .nav-item-free-trial a:hover {
	color: rgb(58, 193, 98); background-color: rgb(255, 255, 255);
}
.scrolled-past-hero.scrolling-up .nav-item-free-trial a:active {
	color: rgb(58, 193, 98); background-color: rgb(255, 255, 255);
}
.scrolled-past-hero.scrolling-up .nav-item-free-trial a:focus {
	color: rgb(58, 193, 98); background-color: rgb(255, 255, 255);
}
.nav-item-free-trial a:hover {
	color: rgb(52, 173, 88);
}
.nav-item-free-trial a:active {
	color: rgb(52, 173, 88);
}
.nav-item-free-trial a:focus {
	color: rgb(52, 173, 88);
}
}
@media screen and (max-width:820px) and (min-width:768px)
{
.nav-item-free-trial a {
	padding-left: 20px; font-size: 13px;
}
}
@media screen and (min-width:768px)
{
.scrolled-past-hero .nav-item-free-trial a {
	border-color: rgb(95, 207, 128); padding-right: 26px; opacity: 1;
}
.scrolled-past-hero .nav-item-free-trial a:hover {
	color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.scrolled-past-hero .nav-item-free-trial a:active {
	color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
.scrolled-past-hero .nav-item-free-trial a:focus {
	color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
}
@media screen and (max-width:820px) and (min-width:768px)
{
.scrolled-past-hero .nav-item-free-trial a {
	padding-right: 20px;
}
}
.sticky-subnav {
	animation:slide-in-hero 300ms 300ms forwards; width: 100%; border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; z-index: 1; transform: translateY(-29px); background-color: rgb(246, 249, 250); -webkit-animation: slide-in-hero 300ms 300ms forwards; -webkit-transform: translateY(-29px);
}
.sticky-subnav-list {
	text-align: center; margin-bottom: 0px;
}
.sticky-subnav-item {
	height: 24px; margin-right: 12px; margin-bottom: 4px; float: none; display: inline-block;
}
:last-child.sticky-subnav-item {
	margin-right: 0px;
}
.current.sticky-subnav-item a {
	color: rgb(41, 154, 188); font-weight: 500;
}
.sticky-subnav-anchor {
	transition:color 200ms ease-in-out; color: rgb(66, 180, 214); font-size: 12px; -webkit-transition: color 200ms ease-in-out;
}
.sticky-subnav-anchor:hover {
	color: rgb(39, 147, 180);
}
.sticky-subnav-anchor:active {
	color: rgb(39, 147, 180);
}
.sticky-subnav-anchor:focus {
	color: rgb(39, 147, 180);
}
.scrolled-past-hero .sticky-subnav {
	width: 100%; border-top-color: currentColor; border-top-width: medium; border-top-style: none; position: fixed; z-index: 98;
}
@media screen and (max-width:767px)
{
.scrolled-past-hero .sticky-subnav {
	top: 52px;
}
}
@media screen and (min-width:768px)
{
.scrolled-past-hero .sticky-subnav {
	animation:slide-in-nav 300ms forwards; top: 52px; -webkit-animation: slide-in-nav 300ms forwards;
}
}
header {
	background: url("https://static.teamtreehouse.com/assets/layouts/header-bg-79bb2f87d039deac52bbbba1e0530455.svg") 0px -70px rgb(246, 249, 250); padding: 72px 0px; text-align: center; border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid;
}
@media screen and (max-width:767px)
{
header {
	margin-top: 52px;
}
}
@media screen and (min-width:768px)
{
header {
	margin-top: 80px;
}
}
header h1 {
	margin: 0px; font-size: 40px;
}
.has-sticky-subnav {
	position: relative; z-index: 2;
}
.modal-tarp {
	left: 0px;
}
.modal {
	margin: 0px auto; border-radius: 5px;
}
@media screen and (min-width:768px)
{
.modal {
	width: 92%;
}
}
.modal h1 {
	margin: 0px; font-size: 18px;
}
.modal .contained {
	padding: 30px;
}
.modal .video-container {
	margin-bottom: 30px;
}
.modal fieldset {
	border: currentColor; border-image: none; margin-bottom: 0px;
}
#help-form h3 {
	margin-top: 0px;
}
#help-form .contact-alternative p {
	margin-top: 0px;
}
#login-modal h1 {
	margin-bottom: 30px;
}
#login-modal .forgot-password {
	margin-bottom: 0px; float: right;
}
#login-modal .forgot-password a {
	color: rgb(141, 154, 165); font-weight: 500;
}
#login-modal .forgot-password a:hover {
	color: rgb(113, 129, 143);
}
#login-modal .forgot-password a:active {
	color: rgb(113, 129, 143);
}
#login-modal .marketing-login {
	padding: 0px 15px; border: 2px solid rgb(95, 207, 128); border-image: none; color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; background-color: rgb(95, 207, 128);
}
#login-modal .marketing-login:hover {
	border-color: rgb(58, 193, 98); background-color: rgb(58, 193, 98);
}
#login-modal .marketing-login:active {
	border-color: rgb(58, 193, 98); background-color: rgb(58, 193, 98);
}
.panel {
	padding: 30px; border-radius: 5px; margin-bottom: 30px; background-color: rgb(246, 249, 250);
}
.panel *:first-child {
	margin-top: 0px;
}
.panel *:last-child {
	margin-bottom: 0px;
}
.panel-with-color-strip {
	background-position: top; background-image: url("https://static.teamtreehouse.com/assets/shared/rainbow-border-6ac49aa591dbcbd6feb2cf258d84dce9.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(246, 249, 250);
}
blockquote {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
.small-quote {
	padding: 40px 10%; border: currentColor; border-image: none; background-size: 161px 112px;
}
blockquote {
	text-align: center; color: rgb(95, 207, 128); line-height: 1.6; font-size: 22px; font-weight: 500;
}
blockquote {
	background: url("https://static.teamtreehouse.com/assets/layouts/marketing/blockquote-icon-d6310884fd90503070eb95f2d644c361.svg") no-repeat center / 230px 160px; border-width: 1px 0px; border-style: solid; border-color: rgb(178, 187, 189); margin: 20px 0px; padding: 90px 15%; border-image: none;
}
blockquote cite {
	color: rgb(87, 99, 102); font-size: 18px; margin-top: 5px; display: block;
}
blockquote cite::before {
	content: "— ";
}
blockquote cite a {
	color: rgb(87, 99, 102);
}
blockquote cite a:visited {
	color: rgb(87, 99, 102);
}
.mega-quote {
	background: no-repeat top / cover rgb(246, 249, 250); margin: 30px 0px; padding: 50px 50% 30px 30px; border-radius: 5px; position: relative;
}
.mega-quote blockquote {
	background: none; margin: 0px 0px 30px; padding: 0px; border: currentColor; border-image: none; text-align: left; color: rgb(255, 255, 255); font-size: 18px; font-weight: 400;
}
.mega-quote blockquote cite {
	color: rgb(255, 255, 255); font-size: 15px;
}
.mega-quote::before {
	background: url("https://static.teamtreehouse.com/assets/layouts/marketing/mega-quote-nub-2ba9b74106ff1f849a26488a2d890fab.svg") no-repeat 0px 0px; left: 30px; top: -1px; width: 54px; height: 21px; display: block; position: absolute; z-index: 2; content: " ";
}
.mega-quote .button {
	float: left;
}
.callout-card {
	border-radius: 5px; text-align: center; margin-top: 40px; margin-bottom: 30px; position: relative; min-height: 178px;
}
.callout-card-default {
	background-color: rgb(56, 64, 71);
}
.callout-card svg {
	left: 50%; top: -26px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.callout-card img {
	left: 50%; top: -26px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.ie .callout-card svg {
	left: 50%; top: -26px; position: absolute;
}
.ie .callout-card img {
	left: 50%; top: -26px; position: absolute;
}
.callout-card .button {
	left: 50%; bottom: 30px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.callout-card-action {
	text-align: center; margin-bottom: 30px;
}
.callout-card-title {
	padding: 0px 30px; width: 100%; bottom: 30px; color: rgb(255, 255, 255); font-size: 18px; margin-bottom: 0px; position: absolute;
}
.callout-student-perks {
	background-color: rgb(95, 207, 128);
}
.callout-student-perks svg {
	top: 32px; width: 79px; height: 44px; position: absolute;
}
.callout-bogo {
	background-color: rgb(246, 204, 104);
}
.callout-bogo svg {
	top: 32px; width: 50px; height: 48px; position: absolute;
}
.callout-space-cat {
	background-image: linear-gradient(rgb(42, 48, 66), rgb(21, 61, 51), rgb(21, 58, 69));
}
.callout-space-cat svg {
	top: 15px; height: 84px; position: absolute;
}
#index .callout-space-cat svg {
	top: 45px; position: absolute;
}
.callout-photo-bombers {
	background-color: rgb(243, 129, 91);
}
.callout-photo-bombers svg {
	top: 52px; width: 64px; height: 64px; position: absolute;
}
.callout-swift svg {
	width: 120px;
}
.callout-apple {
	background: url("https://static.teamtreehouse.com/assets/views/landing_pages/apple-card-bg-370eec8149d10ec09a947924c396b48e.svg") no-repeat center -100px rgb(83, 187, 180);
}
.callout-apple svg {
	top: 28px; width: 38px; height: 44px; position: absolute;
}
.callout-android {
	background: url("https://static.teamtreehouse.com/assets/views/landing_pages/android-card-bg-b0993cdcd852415aabe031bf37db85e7.svg") no-repeat center -130px rgb(92, 184, 96);
}
.callout-android svg {
	top: 30px; width: 36px; height: 43px; position: absolute;
}
.callout-organizations {
	overflow: hidden;
}
.callout-organizations svg {
	margin: -5px 0px 0px -5px; width: 274px;
}
@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: 30px -15px 0px; padding: 0px; width: auto; text-align: center; overflow: hidden; max-width: none;
}
.student-card-list-item {
	padding: 0px 15px; text-align: left;
}
@media screen and (max-width:620px)
{
.student-card-list-item {
	width: 100%; float: none; display: inline-block;
}
}
@media screen and (max-width:879px) and (min-width:621px)
{
.student-card-list-item {
	width: 50%; float: left; display: block;
}
:nth-child(2n+1).student-card-list-item {
	clear: both;
}
:nth-child(13).student-card-list-item {
	clear: none;
}
:nth-child(15).student-card-list-item {
	clear: none;
}
:nth-child(17).student-card-list-item {
	clear: none;
}
:nth-child(19).student-card-list-item {
	clear: none;
}
}
@media screen and (min-width:880px)
{
.student-card-list-item {
	width: 33.33%; float: left; display: block;
}
:nth-child(3n+1).student-card-list-item {
	clear: both;
}
:nth-child(13).student-card-list-item {
	clear: none;
}
:nth-child(16).student-card-list-item {
	clear: none;
}
:nth-child(19).student-card-list-item {
	clear: none;
}
}
@media screen and (max-width:620px)
{
.student-card-list-initial :nth-child(10).student-card-list-item {
	width: 100%;
}
.student-card-list-initial :nth-child(11).student-card-list-item {
	width: 100%;
}
}
@media screen and (min-width:621px)
{
.student-card-list-initial :nth-child(10).student-card-list-item {
	width: 50%; clear: none;
}
.student-card-list-initial :nth-child(11).student-card-list-item {
	width: 50%; clear: none;
}
}
.student-card-list-initial :nth-child(10).student-card-list-item .student-card {
	height: 298px; background-size: cover;
}
.student-card-list-initial :nth-child(11).student-card-list-item .student-card {
	height: 298px; background-size: cover;
}
.student-card-list-initial :nth-child(10).student-card-list-item .student-card:hover {
	opacity: 0.8;
}
.student-card-list-initial :nth-child(10).student-card-list-item .student-card:active {
	opacity: 0.8;
}
.student-card-list-initial :nth-child(11).student-card-list-item .student-card:hover {
	opacity: 0.8;
}
.student-card-list-initial :nth-child(11).student-card-list-item .student-card:active {
	opacity: 0.8;
}
.student-card-list-initial :nth-child(10).student-card-list-item .student-card-avatar {
	display: none;
}
.student-card-list-initial :nth-child(11).student-card-list-item .student-card-avatar {
	display: none;
}
.student-card-list-initial :nth-child(10).student-card-list-item .student-card-name {
	color: rgb(255, 255, 255);
}
.student-card-list-initial :nth-child(10).student-card-list-item .student-card-location {
	color: rgb(255, 255, 255);
}
.student-card-list-initial :nth-child(11).student-card-list-item .student-card-name {
	color: rgb(255, 255, 255);
}
.student-card-list-initial :nth-child(11).student-card-list-item .student-card-location {
	color: rgb(255, 255, 255);
}
.student-card-list-initial :nth-child(10).student-card-list-item .student-card {
	background-image: url("https://static.teamtreehouse.com/images/views/stories/ray_sinlao_large.jpg");
}
@media screen and (max-width:340px)
{
.student-card-list-initial :nth-child(10).student-card-list-item .student-card {
	background-position: -100px 0px;
}
}
@media screen and (max-width:879px) and (min-width:621px)
{
.student-card-list-initial :nth-child(10).student-card-list-item .student-card {
	background-position: -85px 0px;
}
}
.student-card-list-initial :nth-child(11).student-card-list-item .student-card {
	background-image: url("https://static.teamtreehouse.com/images/views/stories/joelle_steiniger_large.jpg");
}
@media screen and (max-width:340px)
{
.student-card-list-initial :nth-child(11).student-card-list-item .student-card {
	background-position: -100px 0px;
}
}
@media screen and (max-width:879px) and (min-width:621px)
{
.student-card-list-initial :nth-child(11).student-card-list-item .student-card {
	background-position: -50px 0px;
}
}
@media screen and (max-width:879px) and (min-width:621px)
{
.student-card-list-initial :nth-child(9).student-card-list-item {
	width: 100%;
}
.student-card-list-initial :nth-child(20).student-card-list-item {
	width: 100%;
}
.student-card-list-initial :nth-child(12).student-card-list-item {
	clear: both;
}
}
.student-card {
	padding: 28px 20px; border-radius: 5px; transition:background-color 200ms ease-in-out, opacity 200ms ease-in-out; height: 100px; margin-bottom: 30px; display: block; position: relative; background-color: rgb(246, 249, 250); -webkit-transition: background-color 200ms ease-in-out, opacity 200ms ease-in-out;
}
.student-card:hover {
	background-color: rgb(230, 238, 241);
}
.student-card:active {
	background-color: rgb(230, 238, 241);
}
.quotes .student-card:hover {
	
}
.quotes .student-card:active {
	
}
.student-card-quote {
	padding: 20px; color: rgb(56, 64, 71); font-size: 0.9em; font-style: italic; margin-top: 0px;
}
.student-card-name {
	margin: 0px; width: 80%; display: block;
}
@media screen and (max-width:879px)
{
.student-card-name {
	font-size: 16px;
}
}
@media screen and (max-width:960px) and (min-width:880px)
{
.student-card-name {
	font-size: 14px;
}
}
@media screen and (min-width:961px)
{
.student-card-name {
	font-size: 16px;
}
}
.student-card-location {
	width: 80%; color: rgb(87, 99, 102); font-size: 12px; display: block;
}
.student-card-avatar {
	border-radius: 128px; top: 50%; width: 64px; height: 64px; right: 20px; margin-top: -32px; position: absolute;
}
.plan-panel {
	background: white; padding: 30px; border-radius: 4px; animation:plans-in 0.5s ease-in-out 1.5s forwards; text-align: left; position: relative; z-index: 2; opacity: 0; box-shadow: 0px 2px 0px rgba(0,0,0,0.15); -webkit-animation: plans-in 0.5s 1.5s ease-in-out forwards;
}
.plan-panel-header::before {
	display: table; content: " ";
}
.plan-panel-header::after {
	display: table; content: " ";
}
.plan-panel-header::after {
	clear: both;
}
.plan-panel-header h3 {
	margin: 0px 0px 20px; float: left;
}
.plan-panel-header span {
	color: rgb(95, 207, 128); font-size: 26px; float: right;
}
.plan-panel-features {
	margin: 0px 0px 30px;
}
.plan-panel-features li {
	list-style: none; padding: 0px 0px 0px 34px; line-height: 1.5em; margin-bottom: 20px; position: relative;
}
.plan-panel-features li .check-circle-icon {
	left: 0px; top: -1px; width: 24px; height: 24px; position: absolute; fill: #5fcf80;
}
.plan-basic {
	animation:plans-in 0.5s ease-in-out 0.5s forwards; top: 60px; margin-bottom: 20px; -webkit-animation: plans-in 0.5s 0.5s ease-in-out forwards;
}
@media screen and (max-width:767px)
{
.plan-basic {
	top: 0px;
}
}
.plan-pro .plan-panel-header span {
	color: rgb(66, 180, 214);
}
.plan-pro .plan-panel-features li .check-circle-icon {
	fill: #42b4d6;
}
.plan-pro .button-primary {
	background: rgb(66, 180, 214); border-color: rgb(66, 180, 214);
}
.plan-pro .button-primary:hover {
	background: rgb(63, 138, 191); border-color: rgb(63, 138, 191);
}
.pagination {
	list-style: none; margin: 30px 0px; padding: 0px;
}
.pagination::before {
	display: table; content: " ";
}
.pagination::after {
	display: table; content: " ";
}
.pagination::after {
	clear: both;
}
.pagination .square {
	float: left;
}
.pagination .next {
	float: right;
}
footer {
	text-align: center; padding-top: 40px; padding-bottom: 30px; position: relative;
}
footer::before {
	left: 50%; top: 0px; width: 30px; height: 1px; margin-left: -15px; display: block; position: absolute; content: " "; background-color: rgb(234, 237, 239);
}
footer .logo-icon {
	width: 45px; height: 49px; fill: #d3d9dd;
}
footer > p {
	line-height: 1.45; font-size: 12px;
}
footer > p a {
	transition:color 200ms ease-in-out; color: rgb(87, 99, 102); -webkit-transition: color 200ms ease-in-out;
}
footer > p a:hover {
	color: rgb(52, 59, 61);
}
footer > p a:active {
	color: rgb(52, 59, 61);
}
footer .social {
	list-style: none; margin: 0px; padding: 0px;
}
footer .social li {
	margin-right: 3px; display: inline;
}
footer .social li:last-child {
	margin-right: 0px;
}
footer .social a {
	border-radius: 24px; transition:background-color 200ms ease-in-out; width: 24px; height: 24px; display: inline-block; background-color: rgb(211, 217, 221); -webkit-transition: background-color 200ms ease-in-out;
}
footer .social a:hover {
	background-color: rgb(95, 207, 128);
}
footer .social a:active {
	background-color: rgb(95, 207, 128);
}
footer .social a svg {
	width: 24px; height: 24px; fill: #fff;
}
div.video-modal .box {
	margin: 0px auto; max-width: 900px;
}
div.video-modal .mixed-box {
	margin: 0px auto; max-width: 900px;
}
div.video-modal button.modal-close {
	background: rgba(0, 0, 0, 0.2); top: 40px; right: 40px;
}
div.video-modal p.video-description {
	margin: 0px; line-height: 1.6;
}
.styleguide-enrollment-action hr {
	margin: 0px;
}
.styleguide-enrollment-action .anchor {
	top: -150px; display: block; visibility: hidden; position: relative;
}
.styleguide-enrollment-action .secondary-button-panel {
	margin-top: 20px; background-color: rgb(155, 166, 176);
}
.styleguide-enrollment-action .content-section + .content-section {
	padding-top: 0px;
}
.styleguide-enrollment-action .content-section + .content-section > .content-section {
	padding-top: 80px;
}
.styleguide-enrollment-action .styleguide-color-list {
	list-style: none; margin: 0px 0px 20px; padding: 0px;
}
.styleguide-enrollment-action .styleguide-color-list::before {
	display: table; content: " ";
}
.styleguide-enrollment-action .styleguide-color-list::after {
	display: table; content: " ";
}
.styleguide-enrollment-action .styleguide-color-list::after {
	clear: both;
}
.styleguide-enrollment-action .styleguide-color-list li {
	margin: 0px 20px 20px 0px; float: left;
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color {
	border-radius: 5px; width: 100px; height: 100px; display: block; background-color: rgb(238, 238, 238);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-green {
	background-color: rgb(95, 207, 128);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-dark-green {
	background-color: rgb(58, 193, 98);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-yellow {
	background-color: rgb(255, 212, 101);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-orange {
	background-color: rgb(255, 159, 31);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-redorange {
	background-color: rgb(237, 90, 90);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-pink {
	background-color: rgb(255, 143, 180);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-dark-pink {
	background-color: rgb(255, 91, 137);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-purple {
	background-color: rgb(160, 131, 200);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-dark-purple {
	background-color: rgb(131, 99, 178);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-blue {
	background-color: rgb(66, 180, 214);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-dark-blue {
	background-color: rgb(63, 138, 191);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-dark {
	background-color: rgb(56, 64, 71);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-text-color {
	background-color: rgb(87, 99, 102);
}
.styleguide-enrollment-action .styleguide-color-list .styleguide-color-subheader-color {
	background-color: rgb(87, 99, 102);
}
.styleguide-enrollment-action .styleguide-row {
	margin-bottom: 14px;
}
.styleguide-enrollment-action .styleguide-column {
	border-radius: 5px; color: rgb(95, 207, 128); padding-top: 15px; padding-bottom: 15px; font-size: 12px; font-weight: 500; border-bottom-color: rgba(95, 207, 128, 0.5); border-left-color: rgb(255, 255, 255); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; background-color: rgba(95, 207, 128, 0.1);
}
.styleguide-enrollment-action :first-child.styleguide-column {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.library-account-action .library-inquiry {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 300;
}
.library-form-complete-action .library-inquiry {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 300;
}
.library-ad-guides-action .library-inquiry {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 300;
}
.library-account-action.pages-controller .animation-container {
	background: rgb(57, 173, 209); width: 100%; height: 370px; overflow: hidden; position: relative;
}
@media screen and (max-width:767px)
{
.library-account-action.pages-controller .animation-container {
	margin-top: 50px;
}
}
@media screen and (min-width:768px)
{
.library-account-action.pages-controller .animation-container {
	margin-top: 80px;
}
}
@media screen and (max-width:520px)
{
.library-account-action.pages-controller .animation-container {
	height: 290px;
}
}
.library-account-action.pages-controller #bookDominos {
	left: 50%; top: 0px; width: 1478px; height: 370px; margin-left: -705px; position: absolute;
}
@media screen and (max-width:520px)
{
.library-account-action.pages-controller #bookDominos {
	height: 230px; margin-top: 30px; margin-left: -490px;
}
}
.library-account-action.pages-controller .book {
	border-radius: 8px; bottom: 0px; font-size: 10px; position: absolute;
}
@media screen and (max-width:520px)
{
.library-account-action.pages-controller .book {
	font-size: 7px;
}
}
.library-account-action.pages-controller .book#book1 {
	left: 0px; width: 2.2em; height: 32.1em; background-color: rgb(255, 255, 255);
}
.library-account-action.pages-controller .book#book1 span {
	border-radius: 1000px; left: 50%; top: 24.1em; width: 1.3em; height: 1.3em; margin-left: -0.65em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book1 span + span {
	border-radius: 1000px; left: 50%; top: 26.2em; width: 1.3em; height: 1.3em; margin-left: -0.65em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book2 {
	left: 20.55em; width: 3.3em; height: 17.8em; background-color: rgb(255, 255, 255);
}
.library-account-action.pages-controller .book#book2 span {
	border-radius: 8px; left: 50%; top: 1.6em; width: 1.5em; height: 1em; margin-left: -0.75em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book2 span + span {
	border-radius: 8px; left: 50%; top: 8.1em; width: 1.5em; height: 1em; margin-left: -0.75em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book2 span + span + span {
	border-radius: 8px; left: 50%; top: 15.2em; width: 1.5em; height: 1em; margin-left: -0.75em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book3 {
	left: 26.9em; width: 4.4em; height: 22.9em; background-color: rgb(40, 121, 146);
}
.library-account-action.pages-controller .book#book3 span {
	border-radius: 8px; left: 50%; top: 4.2em; width: 1em; height: 14.5em; margin-left: -0.5em; position: absolute; background-color: rgb(35, 109, 132);
}
.library-account-action.pages-controller .book#book4 {
	left: 42.4em; width: 6.1em; height: 25.5em; background-color: rgb(136, 206, 227);
}
.library-account-action.pages-controller .book#book4 span {
	left: 50%; top: 2.2em; width: 6.1em; height: 1em; margin-left: -3.05em; position: absolute; background-color: rgb(171, 220, 236);
}
.library-account-action.pages-controller .book#book4 span + span {
	left: 50%; top: 3.9em; width: 6.1em; height: 1em; margin-left: -3.05em; position: absolute; background-color: rgb(171, 220, 236);
}
.library-account-action.pages-controller .book#book4 span + span + span {
	left: 50%; top: 20.6em; width: 6.1em; height: 1em; margin-left: -3.05em; position: absolute; background-color: rgb(171, 220, 236);
}
.library-account-action.pages-controller .book#book4 span + span + span + span {
	left: 50%; top: 22.3em; width: 6.1em; height: 1em; margin-left: -3.05em; position: absolute; background-color: rgb(171, 220, 236);
}
.library-account-action.pages-controller .book#book5 {
	left: 51.5em; width: 4.1em; height: 19.6em; background-color: rgb(136, 206, 227);
}
.library-account-action.pages-controller .book#book5 span {
	border-radius: 8px; left: 50%; top: 6.55em; width: 1em; height: 6.5em; margin-left: -0.5em; position: absolute; background-color: rgb(123, 186, 205);
}
.library-account-action.pages-controller .book#book6 {
	left: 58.6em; width: 5.3em; height: 28.1em; background-color: rgb(40, 121, 146);
}
.library-account-action.pages-controller .book#book6 span {
	border-radius: 1000px; left: 50%; top: 12.4em; width: 3em; height: 3em; margin-left: -1.5em; position: absolute; background-color: rgb(104, 161, 178);
}
.library-account-action.pages-controller .book#book7 {
	left: 66.9em; width: 7.2em; height: 32.1em; background-color: rgb(255, 255, 255);
}
.library-account-action.pages-controller .book#book7 span {
	border-radius: 1000px; left: 50%; top: 26.2em; width: 4.24em; height: 4.24em; margin-left: -2.12em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book8 {
	left: 77.1em; width: 4.3em; height: 22.5em; background-color: rgb(136, 206, 227);
}
.library-account-action.pages-controller .book#book8 span {
	border-radius: 8px; left: 50%; top: 2em; width: 1em; height: 6.5em; margin-left: -0.5em; position: absolute; background-color: rgb(123, 186, 205);
}
.library-account-action.pages-controller .book#book8 span + span {
	border-radius: 8px; left: 50%; top: 16em; width: 1em; height: 4.5em; margin-left: -0.5em; position: absolute; background-color: rgb(123, 186, 205);
}
.library-account-action.pages-controller .book#book9 {
	left: 84.4em; width: 6.6em; height: 28.9em; background-color: rgb(136, 206, 227);
}
.library-account-action.pages-controller .book#book9 span {
	left: 50%; top: 2.4em; width: 6.6em; height: 2em; margin-left: -3.3em; position: absolute; background-color: rgb(171, 220, 236);
}
.library-account-action.pages-controller .book#book9 span + span {
	left: 50%; top: 5.1em; width: 6.6em; height: 1em; margin-left: -3.3em; position: absolute; background-color: rgb(171, 220, 236);
}
.library-account-action.pages-controller .book#book9 span + span + span {
	border-radius: 8px; left: 50%; top: 10.2em; width: 1em; height: 14.5em; margin-left: -0.5em; position: absolute; background-color: rgb(171, 220, 236);
}
.library-account-action.pages-controller .book#book10 {
	left: 94em; width: 5.1em; height: 21.7em; background-color: rgb(40, 121, 146);
}
.library-account-action.pages-controller .book#book10 span {
	border-radius: 8px; left: 1.1em; top: 6.1em; width: 1em; height: 14.5em; margin-left: 0px; position: absolute; background-color: rgb(35, 109, 132);
}
.library-account-action.pages-controller .book#book10 span + span {
	border-radius: 8px; left: 3em; top: 6.1em; width: 1em; height: 14.5em; margin-left: 0px; position: absolute; background-color: rgb(35, 109, 132);
}
.library-account-action.pages-controller .book#book11 {
	left: 107.6em; width: 3.1em; height: 24.7em; background-color: rgb(255, 255, 255);
}
.library-account-action.pages-controller .book#book11 span {
	left: 50%; top: 11em; width: 3.1em; height: 1em; margin-left: -1.55em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book11 span + span {
	left: 50%; top: 12.7em; width: 3.1em; height: 1em; margin-left: -1.55em; position: absolute; background-color: rgb(230, 230, 230);
}
.library-account-action.pages-controller .book#book12 {
	left: 113.7em; width: 3.2em; height: 21.8em; background-color: rgb(136, 206, 227);
}
.library-account-action.pages-controller .book#book12 span {
	border-radius: 1000px; left: 50%; top: 6.9em; width: 1.6em; height: 1.6em; margin-left: -0.8em; position: absolute; background-color: rgb(123, 186, 205);
}
.library-account-action.pages-controller #frogHand {
	left: 50%; width: 66px; bottom: 15.5em; margin-left: -66px; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
@media screen and (max-width:520px)
{
.library-account-action.pages-controller #frogHand {
	width: 44px; bottom: 11.5em; margin-left: -267px;
}
}
.library-account-action.pages-controller #book1 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book2 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book3 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book4 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book5 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book6 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book7 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book8 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book9 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book10 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book11 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book12 {
	transform-origin: right bottom; -webkit-transform-origin: right bottom;
}
.library-account-action.pages-controller #book1 {
	animation:book1_falling 0.5s 3.5s forwards; -webkit-animation: book1_falling 0.5s 3.5s forwards;
}
.library-account-action.pages-controller #book2 {
	animation:book2_falling 0.5s 3.55s forwards; -webkit-animation: book2_falling 0.5s 3.55s forwards;
}
.library-account-action.pages-controller #book3 {
	animation:book3_falling 0.6s 3.6s forwards; -webkit-animation: book3_falling 0.6s 3.6s forwards;
}
.library-account-action.pages-controller #book4 {
	animation:book4_falling 0.64s 3.65s forwards; -webkit-animation: book4_falling 0.64s 3.65s forwards;
}
.library-account-action.pages-controller #book5 {
	animation:book5_falling 0.6s 3.7s forwards; -webkit-animation: book5_falling 0.6s 3.7s forwards;
}
.library-account-action.pages-controller #book6 {
	animation:book6_falling 0.5s 3.75s forwards; -webkit-animation: book6_falling 0.5s 3.75s forwards;
}
.library-account-action.pages-controller #book7 {
	animation:book7_falling 0.5s 3.8s forwards; -webkit-animation: book7_falling 0.5s 3.8s forwards;
}
.library-account-action.pages-controller #book8 {
	animation:book8_falling 0.45s 3.85s forwards; -webkit-animation: book8_falling 0.45s 3.85s forwards;
}
.library-account-action.pages-controller #book9 {
	animation:book9_falling 0.45s 3.9s forwards; -webkit-animation: book9_falling 0.45s 3.9s forwards;
}
.library-account-action.pages-controller #book10 {
	animation:book10_falling 0.35s 3.95s forwards; -webkit-animation: book10_falling 0.35s 3.95s forwards;
}
.library-account-action.pages-controller #book11 {
	animation:book11_falling 0.4s 4s forwards; -webkit-animation: book11_falling 0.4s 4s forwards;
}
.library-account-action.pages-controller #book12 {
	animation:book12_falling 0.3s 4.05s forwards; -webkit-animation: book12_falling 0.3s 4.05s forwards;
}
.library-account-action.pages-controller #frogHand {
	animation:logo_fade_in 0.5s 3.8s forwards; -webkit-animation: logo_fade_in 0.5s 3.8s forwards;
}
.library-form-complete-action.pages-controller .animation-container {
	margin-top: 50px;
}
.library-account-action .alert-box {
	padding: 20px; border: currentColor; border-image: none; margin-bottom: 40px; text-shadow: none;
}
.library-form-complete-action .alert-box {
	padding: 20px; border: currentColor; border-image: none; margin-bottom: 40px; text-shadow: none;
}
.library-ad-guides-action .alert-box {
	padding: 20px; border: currentColor; border-image: none; margin-bottom: 40px; text-shadow: none;
}
.library-account-action .alert.alert-box {
	background: rgb(235, 88, 92);
}
.library-form-complete-action .alert.alert-box {
	background: rgb(235, 88, 92);
}
.library-ad-guides-action .alert.alert-box {
	background: rgb(235, 88, 92);
}
.library-account-action h2 {
	font-size: 34px;
}
.library-form-complete-action h2 {
	font-size: 34px;
}
.library-ad-guides-action h2 {
	font-size: 34px;
}
@media screen and (max-width:520px)
{
.library-account-action h2 {
	font-size: 30px;
}
.library-form-complete-action h2 {
	font-size: 30px;
}
.library-ad-guides-action h2 {
	font-size: 30px;
}
}
.library-account-action .section-header {
	overflow: hidden; padding-bottom: 80px; background-color: rgb(57, 173, 209);
}
.library-form-complete-action .section-header {
	overflow: hidden; padding-bottom: 80px; background-color: rgb(57, 173, 209);
}
.library-ad-guides-action .section-header {
	overflow: hidden; padding-bottom: 80px; background-color: rgb(57, 173, 209);
}
.library-account-action .section-header h1 {
	color: rgb(255, 255, 255);
}
.library-form-complete-action .section-header h1 {
	color: rgb(255, 255, 255);
}
.library-ad-guides-action .section-header h1 {
	color: rgb(255, 255, 255);
}
@media screen and (max-width:767px)
{
.library-account-action .section-header h1 {
	margin-top: 40px;
}
.library-form-complete-action .section-header h1 {
	margin-top: 40px;
}
.library-ad-guides-action .section-header h1 {
	margin-top: 40px;
}
}
@media screen and (min-width:768px)
{
.library-account-action .section-header h1 {
	margin-top: 60px;
}
.library-form-complete-action .section-header h1 {
	margin-top: 60px;
}
.library-ad-guides-action .section-header h1 {
	margin-top: 60px;
}
}
.library-account-action .section-header h3.subheader {
	color: rgb(167, 225, 243); padding-bottom: 40px;
}
.library-form-complete-action .section-header h3.subheader {
	color: rgb(167, 225, 243); padding-bottom: 40px;
}
.library-ad-guides-action .section-header h3.subheader {
	color: rgb(167, 225, 243); padding-bottom: 40px;
}
.library-account-action .main-content {
	padding-top: 100px;
}
.library-form-complete-action .main-content {
	padding-top: 100px;
}
.library-ad-guides-action .main-content {
	padding-top: 100px;
}
@media screen and (max-width:520px)
{
.library-account-action .main-content {
	padding-top: 30px;
}
.library-form-complete-action .main-content {
	padding-top: 30px;
}
.library-ad-guides-action .main-content {
	padding-top: 30px;
}
}
.library-account-action .main-content .feature-graphic {
	margin-bottom: 60px;
}
.library-form-complete-action .main-content .feature-graphic {
	margin-bottom: 60px;
}
.library-ad-guides-action .main-content .feature-graphic {
	margin-bottom: 60px;
}
@media screen and (max-width:520px)
{
.library-account-action .main-content .feature-graphic {
	margin-bottom: 40px;
}
.library-form-complete-action .main-content .feature-graphic {
	margin-bottom: 40px;
}
.library-ad-guides-action .main-content .feature-graphic {
	margin-bottom: 40px;
}
}
.library-account-action .main-content .feature-graphic img {
	margin-bottom: 10px;
}
.library-form-complete-action .main-content .feature-graphic img {
	margin-bottom: 10px;
}
.library-ad-guides-action .main-content .feature-graphic img {
	margin-bottom: 10px;
}
.library-account-action .company-logos {
	padding-top: 40px; padding-bottom: 45px; border-top-color: rgb(237, 239, 240); border-bottom-color: rgb(237, 239, 240); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.library-form-complete-action .company-logos {
	padding-top: 40px; padding-bottom: 45px; border-top-color: rgb(237, 239, 240); border-bottom-color: rgb(237, 239, 240); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.library-ad-guides-action .company-logos {
	padding-top: 40px; padding-bottom: 45px; border-top-color: rgb(237, 239, 240); border-bottom-color: rgb(237, 239, 240); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.library-account-action .company-logos h4 {
	margin-bottom: 25px;
}
.library-form-complete-action .company-logos h4 {
	margin-bottom: 25px;
}
.library-ad-guides-action .company-logos h4 {
	margin-bottom: 25px;
}
.library-account-action .company-logos img {
	width: 760px;
}
.library-form-complete-action .company-logos img {
	width: 760px;
}
.library-ad-guides-action .company-logos img {
	width: 760px;
}
.library-account-action .testimonial {
	height: 350px; padding-top: 45px; border-bottom-color: rgb(237, 239, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.library-form-complete-action .testimonial {
	height: 350px; padding-top: 45px; border-bottom-color: rgb(237, 239, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.library-ad-guides-action .testimonial {
	height: 350px; padding-top: 45px; border-bottom-color: rgb(237, 239, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
@media screen and (max-width:520px)
{
.library-account-action .testimonial {
	height: auto; padding-top: 30px;
}
.library-form-complete-action .testimonial {
	height: auto; padding-top: 30px;
}
.library-ad-guides-action .testimonial {
	height: auto; padding-top: 30px;
}
}
.library-account-action .form-content {
	margin-top: 100px; margin-bottom: 70px;
}
.library-form-complete-action .form-content {
	margin-top: 100px; margin-bottom: 70px;
}
.library-ad-guides-action .form-content {
	margin-top: 100px; margin-bottom: 70px;
}
@media screen and (max-width:520px)
{
.library-account-action .form-content {
	margin-top: 50px; margin-bottom: 50px;
}
.library-form-complete-action .form-content {
	margin-top: 50px; margin-bottom: 50px;
}
.library-ad-guides-action .form-content {
	margin-top: 50px; margin-bottom: 50px;
}
}
.library-account-action .library-inquiry {
	background-position: top; margin: 40px 0px 30px; padding: 60px 120px 70px; border-radius: 5px; color: rgba(85, 94, 106, 0.8); line-height: 1.6; font-size: 16px; font-style: italic; border-left-color: currentColor; border-left-width: medium; border-left-style: none; position: relative; box-shadow: 0px 3px 0px #dce8ed; background-image: url("https://static.teamtreehouse.com/assets/shared/rainbow-border-6ac49aa591dbcbd6feb2cf258d84dce9.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(244, 247, 248);
}
.library-form-complete-action .library-inquiry {
	background-position: top; margin: 40px 0px 30px; padding: 60px 120px 70px; border-radius: 5px; color: rgba(85, 94, 106, 0.8); line-height: 1.6; font-size: 16px; font-style: italic; border-left-color: currentColor; border-left-width: medium; border-left-style: none; position: relative; box-shadow: 0px 3px 0px #dce8ed; background-image: url("https://static.teamtreehouse.com/assets/shared/rainbow-border-6ac49aa591dbcbd6feb2cf258d84dce9.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(244, 247, 248);
}
.library-ad-guides-action .library-inquiry {
	background-position: top; margin: 40px 0px 30px; padding: 60px 120px 70px; border-radius: 5px; color: rgba(85, 94, 106, 0.8); line-height: 1.6; font-size: 16px; font-style: italic; border-left-color: currentColor; border-left-width: medium; border-left-style: none; position: relative; box-shadow: 0px 3px 0px #dce8ed; background-image: url("https://static.teamtreehouse.com/assets/shared/rainbow-border-6ac49aa591dbcbd6feb2cf258d84dce9.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(244, 247, 248);
}
@media screen and (max-width:520px)
{
.library-account-action .library-inquiry {
	padding: 40px 20px 50px;
}
.library-form-complete-action .library-inquiry {
	padding: 40px 20px 50px;
}
.library-ad-guides-action .library-inquiry {
	padding: 40px 20px 50px;
}
}
.library-account-action .library-inquiry hr {
	margin: 30px 0px;
}
.library-form-complete-action .library-inquiry hr {
	margin: 30px 0px;
}
.library-ad-guides-action .library-inquiry hr {
	margin: 30px 0px;
}
.library-account-action .library-inquiry .input-switcher {
	margin-top: 10px; margin-bottom: 15px;
}
.library-form-complete-action .library-inquiry .input-switcher {
	margin-top: 10px; margin-bottom: 15px;
}
.library-ad-guides-action .library-inquiry .input-switcher {
	margin-top: 10px; margin-bottom: 15px;
}
.library-account-action .library-inquiry .error {
	border: 1px solid rgb(235, 88, 92) !important; border-image: none !important; color: rgb(235, 88, 92) !important; background-color: white !important;
}
.library-form-complete-action .library-inquiry .error {
	border: 1px solid rgb(235, 88, 92) !important; border-image: none !important; color: rgb(235, 88, 92) !important; background-color: white !important;
}
.library-ad-guides-action .library-inquiry .error {
	border: 1px solid rgb(235, 88, 92) !important; border-image: none !important; color: rgb(235, 88, 92) !important; background-color: white !important;
}
.library-account-action .library-inquiry .error:focus {
	border: currentColor !important; border-image: none !important; color: rgb(166, 176, 183); background-color: rgb(232, 238, 239) !important;
}
.library-form-complete-action .library-inquiry .error:focus {
	border: currentColor !important; border-image: none !important; color: rgb(166, 176, 183); background-color: rgb(232, 238, 239) !important;
}
.library-ad-guides-action .library-inquiry .error:focus {
	border: currentColor !important; border-image: none !important; color: rgb(166, 176, 183); background-color: rgb(232, 238, 239) !important;
}
.library-account-action .library-inquiry label {
	color: rgb(166, 176, 183); padding-left: 3px; font-style: normal; font-weight: 500; position: relative;
}
.library-form-complete-action .library-inquiry label {
	color: rgb(166, 176, 183); padding-left: 3px; font-style: normal; font-weight: 500; position: relative;
}
.library-ad-guides-action .library-inquiry label {
	color: rgb(166, 176, 183); padding-left: 3px; font-style: normal; font-weight: 500; position: relative;
}
.library-account-action .library-inquiry .input-radio {
	margin-bottom: 8px; position: relative; opacity: 0.01;
}
.library-form-complete-action .library-inquiry .input-radio {
	margin-bottom: 8px; position: relative; opacity: 0.01;
}
.library-ad-guides-action .library-inquiry .input-radio {
	margin-bottom: 8px; position: relative; opacity: 0.01;
}
.library-account-action .library-inquiry .input-radio + .radio-replacement {
	border-radius: 1000px; left: 0px; top: 50%; width: 16px; height: 16px; text-align: center; color: rgb(226, 230, 232); line-height: 16px; font-size: 22px; margin-top: -10px; display: block; position: absolute; background-color: rgb(226, 230, 232);
}
.library-form-complete-action .library-inquiry .input-radio + .radio-replacement {
	border-radius: 1000px; left: 0px; top: 50%; width: 16px; height: 16px; text-align: center; color: rgb(226, 230, 232); line-height: 16px; font-size: 22px; margin-top: -10px; display: block; position: absolute; background-color: rgb(226, 230, 232);
}
.library-ad-guides-action .library-inquiry .input-radio + .radio-replacement {
	border-radius: 1000px; left: 0px; top: 50%; width: 16px; height: 16px; text-align: center; color: rgb(226, 230, 232); line-height: 16px; font-size: 22px; margin-top: -10px; display: block; position: absolute; background-color: rgb(226, 230, 232);
}
.library-account-action .library-inquiry :checked.input-radio + .radio-replacement {
	color: rgb(100, 206, 131);
}
.library-form-complete-action .library-inquiry :checked.input-radio + .radio-replacement {
	color: rgb(100, 206, 131);
}
.library-ad-guides-action .library-inquiry :checked.input-radio + .radio-replacement {
	color: rgb(100, 206, 131);
}
.library-account-action .library-inquiry .input-radio:focus + .radio-replacement {
	background-color: rgb(212, 218, 221);
}
.library-form-complete-action .library-inquiry .input-radio:focus + .radio-replacement {
	background-color: rgb(212, 218, 221);
}
.library-ad-guides-action .library-inquiry .input-radio:focus + .radio-replacement {
	background-color: rgb(212, 218, 221);
}
.library-account-action .library-inquiry h5 {
	color: rgb(75, 86, 88);
}
.library-form-complete-action .library-inquiry h5 {
	color: rgb(75, 86, 88);
}
.library-ad-guides-action .library-inquiry h5 {
	color: rgb(75, 86, 88);
}
.library-account-action .library-inquiry .contact-options::before {
	display: table; content: " ";
}
.library-account-action .library-inquiry .contact-options::after {
	display: table; content: " ";
}
.library-form-complete-action .library-inquiry .contact-options::before {
	display: table; content: " ";
}
.library-form-complete-action .library-inquiry .contact-options::after {
	display: table; content: " ";
}
.library-ad-guides-action .library-inquiry .contact-options::before {
	display: table; content: " ";
}
.library-ad-guides-action .library-inquiry .contact-options::after {
	display: table; content: " ";
}
.library-account-action .library-inquiry .contact-options::after {
	clear: both;
}
.library-form-complete-action .library-inquiry .contact-options::after {
	clear: both;
}
.library-ad-guides-action .library-inquiry .contact-options::after {
	clear: both;
}
.library-account-action .library-inquiry .contact-options .contact-option {
	margin: 0px 20px 10px 0px; float: left;
}
.library-form-complete-action .library-inquiry .contact-options .contact-option {
	margin: 0px 20px 10px 0px; float: left;
}
.library-ad-guides-action .library-inquiry .contact-options .contact-option {
	margin: 0px 20px 10px 0px; float: left;
}
.library-account-action .library-inquiry .input-checkbox {
	position: relative; opacity: 0.01;
}
.library-form-complete-action .library-inquiry .input-checkbox {
	position: relative; opacity: 0.01;
}
.library-ad-guides-action .library-inquiry .input-checkbox {
	position: relative; opacity: 0.01;
}
.library-account-action .library-inquiry .input-checkbox + .checkbox-replacement {
	border-radius: 5px; left: 0px; top: 50%; width: 16px; height: 16px; color: rgb(226, 230, 232); line-height: 12px; text-indent: 2px; font-size: 20px; margin-top: -10px; display: block; position: absolute; background-color: rgb(226, 230, 232);
}
.library-form-complete-action .library-inquiry .input-checkbox + .checkbox-replacement {
	border-radius: 5px; left: 0px; top: 50%; width: 16px; height: 16px; color: rgb(226, 230, 232); line-height: 12px; text-indent: 2px; font-size: 20px; margin-top: -10px; display: block; position: absolute; background-color: rgb(226, 230, 232);
}
.library-ad-guides-action .library-inquiry .input-checkbox + .checkbox-replacement {
	border-radius: 5px; left: 0px; top: 50%; width: 16px; height: 16px; color: rgb(226, 230, 232); line-height: 12px; text-indent: 2px; font-size: 20px; margin-top: -10px; display: block; position: absolute; background-color: rgb(226, 230, 232);
}
.library-account-action .library-inquiry :checked.input-checkbox + .checkbox-replacement {
	color: rgb(100, 206, 131);
}
.library-form-complete-action .library-inquiry :checked.input-checkbox + .checkbox-replacement {
	color: rgb(100, 206, 131);
}
.library-ad-guides-action .library-inquiry :checked.input-checkbox + .checkbox-replacement {
	color: rgb(100, 206, 131);
}
.library-account-action .library-inquiry .input-checkbox:focus + .checkbox-replacement {
	background-color: rgb(212, 218, 221);
}
.library-form-complete-action .library-inquiry .input-checkbox:focus + .checkbox-replacement {
	background-color: rgb(212, 218, 221);
}
.library-ad-guides-action .library-inquiry .input-checkbox:focus + .checkbox-replacement {
	background-color: rgb(212, 218, 221);
}
.library-account-action .library-inquiry .number-label {
	border-radius: 1000px; width: 32px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-family: "Gotham Rounded", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 500; margin-right: 12px; margin-bottom: 12px; display: inline-block; background-color: rgb(100, 206, 131);
}
.library-form-complete-action .library-inquiry .number-label {
	border-radius: 1000px; width: 32px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-family: "Gotham Rounded", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 500; margin-right: 12px; margin-bottom: 12px; display: inline-block; background-color: rgb(100, 206, 131);
}
.library-ad-guides-action .library-inquiry .number-label {
	border-radius: 1000px; width: 32px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-family: "Gotham Rounded", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 500; margin-right: 12px; margin-bottom: 12px; display: inline-block; background-color: rgb(100, 206, 131);
}
.library-account-action .library-inquiry .last .number-label {
	margin-bottom: 2px;
}
.library-form-complete-action .library-inquiry .last .number-label {
	margin-bottom: 2px;
}
.library-ad-guides-action .library-inquiry .last .number-label {
	margin-bottom: 2px;
}
.library-account-action .bump-down {
	top: 22px; position: relative;
}
.library-form-complete-action .bump-down {
	top: 22px; position: relative;
}
.library-ad-guides-action .bump-down {
	top: 22px; position: relative;
}
.library-form-complete-action footer::before {
	display: none;
}
@media screen and (max-width:767px)
{
.library-form-complete-action .page-container h1 {
	margin-top: 80px;
}
}
.library-ad-guides-action header {
	background-image: none;
}
.library-ad-guides-action .library-ad.button {
	margin-bottom: 30px;
}
.library-ad-guides-action .ad-guides.main-content {
	padding-top: 80px;
}
.library-ad-guides-action .ad-guides.main-content h3 {
	margin-top: 0px;
}
.library-ad-guides-action .ad-guides.main-content hr {
	border-color: rgb(238, 238, 238); margin-top: 80px; margin-bottom: 80px;
}
.library-ad-guides-action .secondary.ad-guides.main-content {
	padding-top: 0px;
}
.library-ad-guides-action .ad-guides.main-content + .footer {
	padding-top: 0px; margin-top: 0px;
}
.library-ad-guides-action pre {
	padding: 14px; border-radius: 5px; overflow: scroll; background-color: rgb(12, 41, 50);
}
.library-ad-guides-action pre code {
	background: none !important; color: rgb(181, 224, 238); line-height: 1.4; font-family: "Monaco", "Courier", monospace; font-size: 12px;
}
.library-ad-guides-action pre code .path {
	color: rgb(255, 77, 77);
}
.library-ad-guides-action pre + p {
	line-height: 1.4; font-size: 12px; margin-top: 10px;
}
.library-ad-guides-action .color-swatches {
	list-style: none;
}
.library-ad-guides-action .swatch {
	margin: 0px 2% 8px 0px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 30%; height: 100px; text-align: center; font-weight: bold; float: left; position: relative;
}
.library-ad-guides-action .swatch::after {
	left: 10px; bottom: 10px; color: rgb(68, 68, 68); text-transform: uppercase; font-size: 12px; position: absolute; content: attr(data-swatch);
}
.library-ad-guides-action :nth-child(1).swatch {
	background-color: rgb(255, 255, 255);
}
.library-ad-guides-action :nth-child(1).swatch::after {
	color: rgb(136, 136, 136);
}
.library-ad-guides-action :nth-child(2).swatch {
	background-color: rgb(238, 238, 238);
}
.library-ad-guides-action :nth-child(2).swatch::after {
	color: rgb(136, 136, 136);
}
.library-ad-guides-action :nth-child(3).swatch {
	background-color: rgb(242, 238, 222);
}
.library-ad-guides-action :nth-child(3).swatch::after {
	color: rgb(184, 163, 76);
}
.library-ad-guides-action :nth-child(4).swatch {
	background-color: rgb(210, 248, 251);
}
.library-ad-guides-action :nth-child(4).swatch::after {
	color: rgb(23, 219, 234);
}
.library-ad-guides-action :nth-child(5).swatch {
	background-color: rgb(41, 41, 41);
}
.library-ad-guides-action :nth-child(5).swatch::after {
	color: rgb(194, 194, 194);
}
.library-ad-guides-action :nth-child(6).swatch {
	background-color: rgb(45, 51, 57);
}
.library-ad-guides-action :nth-child(6).swatch::after {
	color: rgb(198, 204, 210);
}
.library-ad-guides-action .welcome-kit {
	background: rgb(245, 245, 245); padding: 80px 0px; margin-top: 80px; margin-bottom: 80px;
}
.library-ad-guides-action .welcome-kit h3 {
	margin-top: 0px;
}
.library-ad-guides-action .welcome-kit h5 {
	margin-top: 0px;
}
.library-ad-guides-action .welcome-kit ul {
	list-style-position: inside;
}
.library-ad-guides-action .footer {
	border: currentColor; border-image: none; margin-top: 80px; box-shadow: 0px 0px 0px;
}
@media screen and (max-width:520px)
{
.library-ad-guides-action .footer .columns.seven {
	padding: 0px;
}
}
.library-form-complete-action .section-header {
	padding-top: 100px; padding-bottom: 200px !important;
}
@media screen and (max-width:520px)
{
.library-form-complete-action .section-header {
	padding-top: 0px; padding-bottom: 100px !important;
}
}
.library-form-complete-action .footer {
	padding-top: 100px;
}
.support-action .waiting {
	height: 200px;
}
.support-action .loading-spinner {
	left: 50% !important; top: 50% !important; margin-top: -40px; margin-left: -40px; position: absolute !important;
}
.support-action header {
	text-align: left; padding-top: 0px; padding-bottom: 80px;
}
@media screen and (max-width:767px)
{
.support-action header h1 {
	padding: 50px 0px 30px;
}
}
@media screen and (min-width:768px)
{
.support-action header h1 {
	padding: 80px 0px 50px;
}
}
@media screen and (max-width:767px)
{
.support-action header .six + .six {
	margin-top: 40px;
}
}
.support-action .section {
	padding-top: 70px;
}
.support-action .faq h3 {
	padding: 35px;
}
.support-action .faq .block {
	padding: 30px; border-radius: 5px; border: 2px solid rgb(233, 240, 243); border-image: none; margin-bottom: 30px;
}
.support-action .faq .block h5 {
	margin-top: 0px;
}
.support-action .faq .block p {
	margin-bottom: 0px;
}
.support-action footer {
	margin-top: 80px;
}
.photo-bombers-action.pages-controller header {
	position: relative; z-index: 5;
}
.photo-bombers-action.pages-controller .hero-title {
	margin-top: 100px;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .hero-title {
	margin-top: 40px;
}
}
.photo-bombers-action.pages-controller .abs-adjustment {
	margin: 40px 0px; height: 600px;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .abs-adjustment {
	height: auto;
}
}
.photo-bombers-action.pages-controller .illustration-container {
	padding: 70px 0px;
}
.photo-bombers-action.pages-controller .illustration-container img {
	margin-right: 15px; float: right;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .illustration-container {
	display: none;
}
}
.photo-bombers-action.pages-controller .section-header {
	background: url("https://static.teamtreehouse.com/assets/views/pages/photo_bombers/header-bg-7a341d54122728b6defb5c6f49166764.svg") no-repeat 15% 40% rgb(243, 129, 91); text-align: left;
}
.photo-bombers-action.pages-controller .section-header h1 {
	color: rgb(255, 255, 255); line-height: 1.2; font-size: 55px; margin-top: 0px; margin-bottom: 26px;
}
@media screen and (max-width:960px)
{
.photo-bombers-action.pages-controller .section-header h1 {
	font-size: 50px;
}
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .section-header h1 {
	font-size: 44px;
}
}
@media screen and (max-width:560px)
{
.photo-bombers-action.pages-controller .section-header h1 {
	font-size: 38px;
}
}
.photo-bombers-action.pages-controller .section-header .subheader {
	color: rgba(255, 255, 255, 0.6) !important; line-height: 1.6; font-size: 20px; font-weight: 400; margin-bottom: 50px;
}
@media screen and (max-width:600px)
{
.photo-bombers-action.pages-controller .section-header {
	width: 100% !important; margin-top: 0px; margin-bottom: 25px; float: left !important;
}
.photo-bombers-action.pages-controller .section-header p {
	text-align: left; float: left !important;
}
}
.photo-bombers-action.pages-controller .treehouse-icon {
	fill: #94b7c3;
}
.photo-bombers-action.pages-controller .video-trigger .play-icon {
	transition:opacity 200ms ease-in-out; top: 0px; width: 14px; height: 14px; position: relative; opacity: 1; -webkit-transition: opacity 200ms ease-in-out;
}
.photo-bombers-action.pages-controller .video-trigger:hover {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.photo-bombers-action.pages-controller .video-trigger:active {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.photo-bombers-action.pages-controller .video-trigger:focus {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.photo-bombers-action.pages-controller .video-trigger:hover .icon {
	opacity: 0.7;
}
.photo-bombers-action.pages-controller .video-trigger:active .icon {
	opacity: 0.7;
}
.photo-bombers-action.pages-controller .video-trigger:focus .icon {
	opacity: 0.7;
}
.photo-bombers-action.pages-controller .secondary-content {
	margin-top: 220px;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .secondary-content {
	margin-top: 0px;
}
}
.photo-bombers-action.pages-controller .feature-content {
	margin-top: 150px; margin-bottom: 250px;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .feature-content {
	margin-top: 40px; margin-bottom: 40px;
}
}
.photo-bombers-action.pages-controller .feature-content .gif-container {
	display: block;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .feature-content .gif-container {
	margin-bottom: 20px;
}
}
.photo-bombers-action.pages-controller .feature-content .gif-container + div {
	padding-left: 100px;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .feature-content .gif-container + div {
	padding-left: 15px;
}
}
.photo-bombers-action.pages-controller :nth-child(3n).feature-content {
	margin-bottom: 200px;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller :nth-child(3n).feature-content {
	margin-bottom: 60px;
}
}
.photo-bombers-action.pages-controller :nth-child(2n).feature-content .gif-container + div {
	padding-right: 100px; padding-left: 15px;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller :nth-child(2n).feature-content .gif-container + div {
	padding-right: 15px;
}
}
.photo-bombers-action.pages-controller .feature-content .gif-container {
	height: 300px; position: relative;
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .feature-content .gif-container {
	height: auto;
}
}
.photo-bombers-action.pages-controller .feature-content .gif-container img {
	top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
@media screen and (max-width:768px)
{
.photo-bombers-action.pages-controller .feature-content .gif-container img {
	top: 0px; position: static; transform: translateY(0px); -webkit-transform: translateY(0);
}
}
@media screen and (max-width:940px)
{
.photo-bombers-action.pages-controller .header .main-nav {
	width: auto;
}
.photo-bombers-action.pages-controller .header .logo-container {
	width: auto;
}
}
.photo-bombers-action.pages-controller .final-cta {
	margin-top: 30px;
}
.photo-bombers-action.pages-controller footer {
	margin-top: 80px;
}
#collectionView .gif-container img {
	margin-top: -20px; margin-left: -40px;
}
@media screen and (max-width:768px)
{
#collectionView .gif-container img {
	margin-top: 0px; margin-left: 0px;
}
}
#gestures .gif-container img {
	width: 90%;
}
.feature-content {
	transition:opacity 300ms ease-in; opacity: 0; transform: translateZ(0px); -webkit-transform: translateZ(0); -webkit-transition: opacity 300ms ease-in;
}
.activated.feature-content {
	opacity: 1;
}
.activated.feature-content .gif-container {
	transform: translateX(0px); -webkit-transform: translateX(0);
}
.activated.feature-content .gif-container + .columns.six {
	transform: translateX(0px); -webkit-transform: translateX(0);
}
.feature-content .gif-container {
	transition:300ms ease-in; transform: translateX(-20%); -webkit-transform: translateX(-20%); -webkit-transition: all 300ms ease-in;
}
.feature-content .gif-container + .columns.six {
	transition:300ms ease-in; transform: translateX(20%); -webkit-transform: translateX(20%); -webkit-transition: all 300ms ease-in;
}
#photo_bombers_preview p {
	margin: 30px 0px 0px;
}
.space-cat-action.pages-controller .hero-title {
	margin: 250px auto; padding: 0px 20px; transition:1s linear; -webkit-transition: 1s linear;
}
@media screen and (max-width:768px)
{
.space-cat-action.pages-controller .hero-title {
	margin: 140px 0px; display: block;
}
}
.space-cat-action.pages-controller .hero-title h1 img {
	width: 100%; max-width: 800px;
}
.space-cat-action.pages-controller .space-cat-play {
	transition:0.3s linear; opacity: 0.6; -webkit-transition: 0.3s linear;
}
.space-cat-action.pages-controller .space-cat-play:hover {
	opacity: 1;
}
.space-cat-action.pages-controller .section-header {
	background: url("https://static.teamtreehouse.com/assets/views/pages/space-cat/space-cat-video-tn-90845167b98074239272f896f376418d.png") fixed center / cover rgb(23, 12, 38);
}
.space-cat-action.pages-controller .section-header h1 {
	color: rgb(255, 255, 255); font-size: 55px; margin-top: 0px; margin-bottom: 26px;
}
@media screen and (max-width:960px)
{
.space-cat-action.pages-controller .section-header h1 {
	font-size: 50px;
}
}
@media screen and (max-width:768px)
{
.space-cat-action.pages-controller .section-header h1 {
	font-size: 44px;
}
}
@media screen and (max-width:650px)
{
.space-cat-action.pages-controller .section-header h1 {
	font-size: 38px;
}
}
.space-cat-action.pages-controller .section-header .subheader {
	color: white !important; line-height: 1.6; font-size: 22px; font-weight: 400; margin-bottom: 50px;
}
.space-cat-action.pages-controller .video-trigger .icon {
	transition:opacity 200ms ease-in-out; opacity: 1; -webkit-transition: opacity 200ms ease-in-out;
}
.space-cat-action.pages-controller .video-trigger:hover {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.space-cat-action.pages-controller .video-trigger:active {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.space-cat-action.pages-controller .video-trigger:focus {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.space-cat-action.pages-controller .video-trigger:hover .icon {
	opacity: 0.7;
}
.space-cat-action.pages-controller .video-trigger:active .icon {
	opacity: 0.7;
}
.space-cat-action.pages-controller .video-trigger:focus .icon {
	opacity: 0.7;
}
.space-cat-action.pages-controller .secondary-content h2 {
	padding: 100px 0px; font-size: 32px;
}
@media screen and (max-width:600px)
{
.space-cat-action.pages-controller .secondary-content h2 {
	padding: 20px 0px;
}
}
.space-cat-action.pages-controller .secondary-content .designdev {
	padding: 50px 0px 0px;
}
@media screen and (min-width:767px)
{
.space-cat-action.pages-controller .secondary-content .designdev svg {
	height: 380px;
}
}
.space-cat-action.pages-controller .secondary-content .designdev h3 {
	margin: 60px 40px 0px;
}
@media screen and (max-width:600px)
{
.space-cat-action.pages-controller .secondary-content .designdev h3 {
	margin: 20px 40px; font-size: 21px;
}
}
.space-cat-action.pages-controller .secondary-content .designdev p {
	padding: 10px 40px 0px;
}
@media screen and (max-width:940px)
{
.space-cat-action.pages-controller .secondary-content .designdev {
	margin: 20px 0px 100px;
}
}
@media screen and (max-width:600px)
{
.space-cat-action.pages-controller .secondary-content .designdev .middle .left {
	float: right;
}
.space-cat-action.pages-controller .secondary-content .designdev .middle .right {
	float: left;
}
}
.space-cat-action.pages-controller :not(.large).button {
	margin: 20px 0px 0px 40px;
}
.space-cat-action.pages-controller .btn-app-store {
	margin: 20px 0px 0px; display: block; opacity: 0.5;
}
.space-cat-action.pages-controller .btn-white-text {
	color: rgb(255, 255, 255);
}
.space-cat-action.pages-controller .about-avatar {
	border-radius: 50%; width: 100px;
}
.space-cat-action.pages-controller .app-store {
	background: url("https://static.teamtreehouse.com/assets/views/pages/space-cat/space-cat-video-tn-90845167b98074239272f896f376418d.png") fixed center / cover rgb(23, 12, 38); margin: 50px 0px 100px; padding: 100px; text-align: center;
}
.space-cat-action.pages-controller .app-store h2 {
	margin: 0px; color: rgb(255, 255, 255); font-size: 30px;
}
.space-cat-action.pages-controller .treehouse-icon {
	fill: #94b7c3;
}
.space-cat-action.pages-controller .space-cat-trailer {
	width: 100%; height: auto; position: relative;
}
.space-cat-action.pages-controller .space-cat-trailer video {
	width: 100%;
}
.space-cat-action.pages-controller .left {
	float: left;
}
.space-cat-action.pages-controller .right {
	float: right;
}
.space-cat-action.pages-controller .hide {
	display: none;
}
.space-cat-action.pages-controller .close-video {
	background: url("https://static.teamtreehouse.com/assets/views/pages/space-cat/close-91511e46e8bba93c4821b6ad2de9bef6.svg") center / cover; margin: 20px; transition:0.3s linear; top: 0px; width: 30px; height: 30px; right: 0px; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 0.6; -webkit-transition: 0.3s linear;
}
.space-cat-action.pages-controller .close-video:hover {
	opacity: 1;
}
.space-cat-action.pages-controller .final-cta {
	margin-top: 30px;
}
.space-cat-action.pages-controller footer {
	margin-top: 80px;
}
.back-to-school {
	padding-bottom: 0px; margin-top: 0px; background-image: none; background-color: rgb(57, 173, 209);
}
.back-to-school .row {
	margin: 8px auto -3px;
}
.back-to-school .hero-title h1 {
	color: rgb(255, 255, 255);
}
.back-to-school .hero-title h2 {
	color: rgb(255, 255, 255);
}
.back-to-school .hero-title h1 {
	margin-top: 40px;
}
.back-to-school .hero-title h2 {
	margin-bottom: 40px;
}
.back-to-school .button {
	margin-bottom: 80px;
}
@media screen and (max-width:768px)
{
.back-to-school svg {
	margin: 0px -50%; text-align: center;
}
}
@media screen and (min-width:769px)
{
.back-to-school svg {
	width: 100%;
}
}
@media screen and (max-width:768px)
{
.section-header {
	padding-top: 42px;
}
}
@media screen and (min-width:769px)
{
.section-header {
	padding-top: 72px;
}
}
.proof-points .row {
	margin: 75px auto;
}
.review-app {
	-ms-overflow-x: hidden; -ms-overflow-y: visible;
}
.review-app .section-header {
	background: rgb(57, 173, 209); position: relative;
}
.review-app .section-form {
	background: rgb(48, 121, 171);
}
.review-app footer {
	background: rgb(48, 121, 171);
}
.review-app .section-header {
	padding: 140px 0px 120px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.review-app .section-header h1 {
	position: relative; z-index: 5;
}
.review-app .section-header p {
	position: relative; z-index: 5;
}
@media screen and (max-width:522px)
{
.review-app .section-header h1 {
	margin: 0px auto; width: 300px;
}
}
.review-app .section-form {
	padding: 60px 0px;
}
.review-app .section-form h2 {
	font-size: 18px;
}
.review-app .section-form a {
	transition:color 0.2s; color: rgb(134, 219, 159); font-weight: bold; -webkit-transition: color 0.2s ease;
}
.review-app .section-form a:hover {
	color: rgb(255, 255, 255);
}
.review-app .section-header h1 {
	color: rgb(255, 255, 255);
}
.review-app .section-header h2 {
	color: rgb(255, 255, 255);
}
.review-app .section-header h3 {
	color: rgb(255, 255, 255);
}
.review-app .section-header h4 {
	color: rgb(255, 255, 255);
}
.review-app .section-header h5 {
	color: rgb(255, 255, 255);
}
.review-app .section-header h6 {
	color: rgb(255, 255, 255);
}
.review-app .section-header p {
	color: rgb(255, 255, 255);
}
.review-app .section-form h1 {
	color: rgb(255, 255, 255);
}
.review-app .section-form h2 {
	color: rgb(255, 255, 255);
}
.review-app .section-form h3 {
	color: rgb(255, 255, 255);
}
.review-app .section-form h4 {
	color: rgb(255, 255, 255);
}
.review-app .section-form h5 {
	color: rgb(255, 255, 255);
}
.review-app .section-form h6 {
	color: rgb(255, 255, 255);
}
.review-app .section-form p {
	color: rgb(255, 255, 255);
}
.review-app .hero-title-dynamic {
	animation:looptextwidth 60s infinite; height: 1em; display: inline-block; position: relative; -webkit-animation: looptextwidth infinite 60s;
}
.review-app .hero-title-dynamic span {
	left: 0px; line-height: 1.3em; font-weight: 600; position: absolute; animation-duration: 60s; animation-iteration-count: infinite; -webkit-animation-duration: 60s; -webkit-animation-iteration-count: infinite;
}
.review-app .hero-title-dynamic span:nth-child(1) {
	animation-name: looptext1; -webkit-animation-name: looptext1;
}
.review-app .hero-title-dynamic span:nth-child(2) {
	animation-name: looptext2; -webkit-animation-name: looptext2;
}
.review-app .hero-title-dynamic span:nth-child(3) {
	animation-name: looptext3; -webkit-animation-name: looptext3;
}
.review-app .hero-title-dynamic span:nth-child(4) {
	animation-name: looptext4; -webkit-animation-name: looptext4;
}
.review-app .form-item {
	margin: 15px 0px;
}
.review-app .form-item-input {
	width: 100%;
}
.review-app .form-item-input input {
	border: currentColor; border-image: none; height: 52px; line-height: 52px;
}
.review-app .form-item-input input:focus {
	border: currentColor; border-image: none;
}
.review-app .form-item-input label {
	left: 25px; text-align: left; line-height: 25px;
}
@media screen and (min-width:512px)
{
.review-app .form-item-input {
	width: 79%; float: left;
}
.review-app .form-item-input input {
	border-radius: 6px 0px 0px 6px;
}
}
@media screen and (min-width:768px)
{
.review-app .form-item-input {
	width: 72%;
}
}
@media screen and (min-width:1024px)
{
.review-app .form-item-input {
	width: 78%;
}
}
.review-app .form-item-button {
	width: 100%;
}
.review-app .form-item-button .button {
	padding: 0px 22px; width: 100%; font-size: 18px; font-weight: 600;
}
.review-app .form-item-button .button:hover {
	background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(57, 173, 209);
}
@media screen and (min-width:512px)
{
.review-app .form-item-button {
	width: 21%; float: left;
}
.review-app .form-item-button .button {
	border-radius: 0px 6px 6px 0px;
}
}
@media screen and (min-width:768px)
{
.review-app .form-item-button {
	width: 28%;
}
}
@media screen and (min-width:1024px)
{
.review-app .form-item-button {
	width: 22%;
}
}
.review-app form .row .columns {
	padding: 0px;
}
.review-app .hidden {
	display: none;
}
.review-app .illustrations div {
	position: absolute;
}
.review-app .header-bg {
	left: 0px; width: 100%; bottom: -10px;
}
@media screen and (max-width:768px)
{
.review-app .header-bg {
	left: -25%; width: 150%;
}
}
@media screen and (max-width:512px)
{
.review-app .header-bg {
	left: -80%; width: 200%;
}
}
.review-app .header-bg .window {
	animation:window-lit 60s ease-in-out infinite; -webkit-animation: window-lit 60s infinite ease-in-out;
}
.review-app .cloud1 svg path {
	fill: rgba(66, 187, 224, 0.5);
}
.review-app .cloud2 svg path {
	fill: rgba(66, 187, 224, 0.5);
}
.review-app .cloud1 {
	left: 20px; top: 60px; width: 162px; height: 52px;
}
@media screen and (max-width:768px)
{
.review-app .cloud1 {
	left: -50px; top: 40px;
}
}
.review-app .cloud2 {
	top: 80px; width: 198px; height: 78px; right: 15px;
}
@media screen and (max-width:768px)
{
.review-app .cloud2 {
	top: 40px; right: -50px;
}
}
.review-app .plane {
	animation:plane-soar 60s linear infinite; top: 50px; width: 144px; height: 41px; right: -100%; -webkit-animation: plane-soar 60s infinite linear;
}
.review-app .bus {
	animation:bus-ride 60s linear infinite; left: -100%; width: 200px; height: 40px; bottom: -20px; -webkit-animation: bus-ride 60s infinite linear;
}
@media screen and (max-width:1024px)
{
.review-app .plane {
	animation-duration: 40s; -webkit-animation-duration: 40s;
}
.review-app .bus {
	animation-duration: 40s; -webkit-animation-duration: 40s;
}
.review-app .header-bg .window {
	animation-duration: 40s; -webkit-animation-duration: 40s;
}
.review-app .hero-title-dynamic span {
	animation-duration: 40s; -webkit-animation-duration: 40s;
}
.review-app .hero-title-dynamic {
	animation-duration: 40s; -webkit-animation-duration: 40s;
}
}
@media screen and (max-width:768px)
{
.review-app .plane {
	animation-duration: 30s; -webkit-animation-duration: 30s;
}
.review-app .bus {
	animation-duration: 30s; -webkit-animation-duration: 30s;
}
.review-app .header-bg .window {
	animation-duration: 30s; -webkit-animation-duration: 30s;
}
.review-app .hero-title-dynamic span {
	animation-duration: 30s; -webkit-animation-duration: 30s;
}
.review-app .hero-title-dynamic {
	animation-duration: 30s; -webkit-animation-duration: 30s;
}
}
@media screen and (max-width:512px)
{
.review-app .plane {
	animation-duration: 20s; -webkit-animation-duration: 20s;
}
.review-app .bus {
	animation-duration: 20s; -webkit-animation-duration: 20s;
}
.review-app .header-bg .window {
	animation-duration: 20s; -webkit-animation-duration: 20s;
}
.review-app .hero-title-dynamic span {
	animation-duration: 20s; -webkit-animation-duration: 20s;
}
.review-app .hero-title-dynamic {
	animation-duration: 20s; -webkit-animation-duration: 20s;
}
}
.review-app .survey-form {
	background: rgb(255, 255, 255); padding: 20px 30px; border-radius: 4px; margin-top: 60px;
}
.review-app footer::before {
	background-color: rgb(42, 107, 151);
}
.review-app footer > p {
	color: rgb(14, 36, 52);
}
.review-app footer > p a {
	color: rgb(14, 36, 52);
}
.review-app footer > p a:hover {
	color: black;
}
.review-app footer .logo-icon {
	fill: #255d83;
}
.review-app footer .social a {
	background: rgb(37, 93, 131);
}
.review-app footer .social a svg {
	fill: #3079ab;
}
.review-app footer .social a:hover {
	background: rgb(255, 255, 255);
}
.game-dev-action.pages-controller hr {
	border-color: rgb(228, 228, 228);
}
.game-dev-action.pages-controller .hero-title {
	margin: 80px auto; padding: 0px 20px; transition:1s linear; -webkit-transition: 1s linear;
}
@media screen and (max-width:768px)
{
.game-dev-action.pages-controller .hero-title {
	margin: 140px 0px; display: block;
}
}
.game-dev-action.pages-controller .hero-title h1 img {
	width: 100%; max-width: 800px;
}
.game-dev-action.pages-controller .game-dev-play {
	transition:0.3s linear; opacity: 0.6; -webkit-transition: 0.3s linear;
}
.game-dev-action.pages-controller .game-dev-play:hover {
	opacity: 1;
}
.game-dev-action.pages-controller .section-header {
	background: url("https://static.teamtreehouse.com/assets/views/pages/game-dev/game-dev_frog_bg-cef6d504371015c2f64e3d3812871d16.png") fixed no-repeat center 150px rgb(32, 137, 140); padding-top: 380px; padding-bottom: 50px;
}
@media screen and (max-width:960px)
{
.game-dev-action.pages-controller .section-header {
	padding-top: 60px; padding-bottom: 80px;
}
}
@media screen and (max-width:560px)
{
.game-dev-action.pages-controller .section-header {
	padding-top: 30px; padding-bottom: 30px;
}
}
.game-dev-action.pages-controller .section-header h1 {
	color: rgb(255, 255, 255); font-size: 60px; margin-top: 0px; margin-bottom: 0px;
}
@media screen and (max-width:960px)
{
.game-dev-action.pages-controller .section-header h1 {
	font-size: 50px;
}
}
@media screen and (max-width:768px)
{
.game-dev-action.pages-controller .section-header h1 {
	font-size: 44px;
}
}
@media screen and (max-width:560px)
{
.game-dev-action.pages-controller .section-header h1 {
	font-size: 38px;
}
}
.game-dev-action.pages-controller .section-header h1 em {
	font-style: normal; border-bottom-color: rgb(46, 198, 202); border-bottom-width: 8px; border-bottom-style: solid; position: relative;
}
.game-dev-action.pages-controller .section-header h1 em::before {
	border-radius: 8px; width: 8px; height: 8px; content: " "; background-color: rgb(46, 198, 202);
}
.game-dev-action.pages-controller .section-header h1 em::after {
	border-radius: 8px; width: 8px; height: 8px; content: " "; background-color: rgb(46, 198, 202);
}
.game-dev-action.pages-controller .section-header h1 em::before {
	left: -4px; bottom: -8px; position: absolute;
}
.game-dev-action.pages-controller .section-header h1 em::after {
	right: -4px; bottom: -8px; position: absolute;
}
@media screen and (max-width:560px)
{
.game-dev-action.pages-controller .section-header svg {
	margin-top: 10px; margin-bottom: 35px;
}
}
@media screen and (min-width:561px)
{
.game-dev-action.pages-controller .section-header svg {
	margin-top: 30px; margin-bottom: 40px;
}
}
.game-dev-action.pages-controller .section-header .subheader {
	color: rgba(255, 255, 255, 0.75) !important; line-height: 1.6; font-size: 20px; font-weight: 400; margin-top: 0px; margin-bottom: 60px;
}
@media screen and (max-width:960px)
{
.game-dev-action.pages-controller .section-header .subheader {
	margin-bottom: 40px;
}
}
.game-dev-action.pages-controller .video-trigger .icon {
	transition:opacity 200ms ease-in-out; opacity: 1; -webkit-transition: opacity 200ms ease-in-out;
}
.game-dev-action.pages-controller .video-trigger:hover {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.game-dev-action.pages-controller .video-trigger:active {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.game-dev-action.pages-controller .video-trigger:focus {
	border-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
}
.game-dev-action.pages-controller .video-trigger:hover .icon {
	opacity: 0.7;
}
.game-dev-action.pages-controller .video-trigger:active .icon {
	opacity: 0.7;
}
.game-dev-action.pages-controller .video-trigger:focus .icon {
	opacity: 0.7;
}
.game-dev-action.pages-controller .secondary-content h2 {
	padding: 100px 0px; font-size: 32px;
}
@media screen and (max-width:600px)
{
.game-dev-action.pages-controller .secondary-content h2 {
	padding: 20px 0px;
}
}
@media screen and (min-width:767px)
{
.game-dev-action.pages-controller .secondary-content .designdev img {
	padding: 50px 0px 0px; height: 380px;
}
.game-dev-action.pages-controller .secondary-content .designdev svg {
	padding: 50px 0px 0px; height: 380px;
}
}
.game-dev-action.pages-controller .secondary-content .designdev h3 {
	margin: 70px 40px 0px;
}
@media screen and (max-width:600px)
{
.game-dev-action.pages-controller .secondary-content .designdev h3 {
	margin: 20px 40px; font-size: 21px;
}
}
.game-dev-action.pages-controller .secondary-content .designdev p {
	padding: 10px 40px 0px;
}
@media screen and (max-width:940px)
{
.game-dev-action.pages-controller .secondary-content .designdev {
	margin: 20px 0px 100px;
}
}
@media screen and (max-width:600px)
{
.game-dev-action.pages-controller .secondary-content .designdev .middle {
	margin-top: 0px;
}
.game-dev-action.pages-controller .secondary-content .designdev .middle .left {
	float: right;
}
.game-dev-action.pages-controller .secondary-content .designdev .middle .right {
	float: left;
}
}
.game-dev-action.pages-controller .secondary-content .section-tools h3 {
	margin-top: 110px;
}
.game-dev-action.pages-controller .secondary-content .section-degree {
	margin-top: 40px;
}
.game-dev-action.pages-controller .secondary-content .section-degree h3 {
	margin-top: 60px;
}
.game-dev-action.pages-controller .secondary-content .section-become h3 {
	margin-top: 100px;
}
.game-dev-action.pages-controller .secondary-content .meetteacher {
	margin: 100px 0px 80px; padding: 60px 0px; background-color: rgb(249, 250, 250);
}
.game-dev-action.pages-controller .secondary-content .meetteacher h4 {
	padding-bottom: 20px;
}
.game-dev-action.pages-controller .secondary-content .meetteacher a {
	color: rgb(32, 137, 140);
}
.game-dev-action.pages-controller :not(.large).button {
	margin: 20px 0px 0px 40px;
}
.game-dev-action.pages-controller .teacher {
	margin: 100px 0px; padding: 80px 0px; background-image: url("https://static.teamtreehouse.com/assets/views/topics/teacher-bg-205639114f5a5755b4516507bb356fb5.png"); background-color: rgb(32, 137, 140);
}
.game-dev-action.pages-controller .teacher .avatar {
	border-radius: 50%; margin-bottom: 20px; max-width: 180px;
}
.game-dev-action.pages-controller .teacher h4 {
	color: rgb(255, 255, 255);
}
.game-dev-action.pages-controller .teacher p {
	color: rgb(255, 255, 255);
}
.game-dev-action.pages-controller .teacher p {
	margin-bottom: 30px;
}
.game-dev-action.pages-controller .teacher p a {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.game-dev-action.pages-controller .teacher .secondary.button {
	color: rgb(255, 255, 255);
}
.game-dev-action.pages-controller .teacher-bg-dark {
	background-image: url("https://static.teamtreehouse.com/assets/views/topics/teacher-bg-dark-32a7632ec128d02cc9a3920abd4a2e4e.png");
}
.game-dev-action.pages-controller .left {
	float: left;
}
.game-dev-action.pages-controller .right {
	float: right;
}
.game-dev-action.pages-controller .hide {
	display: none;
}
.game-dev-action.pages-controller .final-cta {
	margin-top: 30px;
}
.game-dev-action.pages-controller footer {
	margin-top: 80px;
}
.swift-action.pages-controller .section-header {
	padding-top: 80px; padding-bottom: 120px; background-image: none; background-color: rgb(83, 187, 180);
}
.template-swift-action.landing-pages-controller .section-header {
	padding-top: 80px; padding-bottom: 120px; background-image: none; background-color: rgb(83, 187, 180);
}
@media screen and (max-width:960px)
{
.swift-action.pages-controller .section-header {
	padding-top: 60px; padding-bottom: 80px;
}
.template-swift-action.landing-pages-controller .section-header {
	padding-top: 60px; padding-bottom: 80px;
}
}
@media screen and (max-width:560px)
{
.swift-action.pages-controller .section-header {
	padding-top: 30px; padding-bottom: 30px;
}
.template-swift-action.landing-pages-controller .section-header {
	padding-top: 30px; padding-bottom: 30px;
}
}
.swift-action.pages-controller .section-header h1 {
	color: rgb(255, 255, 255); font-size: 72px; margin-top: 0px; margin-bottom: 46px;
}
.template-swift-action.landing-pages-controller .section-header h1 {
	color: rgb(255, 255, 255); font-size: 72px; margin-top: 0px; margin-bottom: 46px;
}
@media screen and (max-width:960px)
{
.swift-action.pages-controller .section-header h1 {
	font-size: 50px;
}
.template-swift-action.landing-pages-controller .section-header h1 {
	font-size: 50px;
}
}
@media screen and (max-width:768px)
{
.swift-action.pages-controller .section-header h1 {
	font-size: 44px;
}
.template-swift-action.landing-pages-controller .section-header h1 {
	font-size: 44px;
}
}
@media screen and (max-width:560px)
{
.swift-action.pages-controller .section-header h1 {
	font-size: 38px;
}
.template-swift-action.landing-pages-controller .section-header h1 {
	font-size: 38px;
}
}
.swift-action.pages-controller .section-header h1 em {
	font-style: normal; border-bottom-color: rgb(138, 209, 204); border-bottom-width: 8px; border-bottom-style: solid; position: relative;
}
.template-swift-action.landing-pages-controller .section-header h1 em {
	font-style: normal; border-bottom-color: rgb(138, 209, 204); border-bottom-width: 8px; border-bottom-style: solid; position: relative;
}
.swift-action.pages-controller .section-header h1 em::before {
	border-radius: 8px; width: 8px; height: 8px; content: " "; background-color: rgb(138, 209, 204);
}
.swift-action.pages-controller .section-header h1 em::after {
	border-radius: 8px; width: 8px; height: 8px; content: " "; background-color: rgb(138, 209, 204);
}
.template-swift-action.landing-pages-controller .section-header h1 em::before {
	border-radius: 8px; width: 8px; height: 8px; content: " "; background-color: rgb(138, 209, 204);
}
.template-swift-action.landing-pages-controller .section-header h1 em::after {
	border-radius: 8px; width: 8px; height: 8px; content: " "; background-color: rgb(138, 209, 204);
}
.swift-action.pages-controller .section-header h1 em::before {
	left: -4px; bottom: -8px; position: absolute;
}
.template-swift-action.landing-pages-controller .section-header h1 em::before {
	left: -4px; bottom: -8px; position: absolute;
}
.swift-action.pages-controller .section-header h1 em::after {
	right: -4px; bottom: -8px; position: absolute;
}
.template-swift-action.landing-pages-controller .section-header h1 em::after {
	right: -4px; bottom: -8px; position: absolute;
}
@media screen and (max-width:560px)
{
.swift-action.pages-controller .section-header svg {
	margin-top: 10px; margin-bottom: 35px;
}
.template-swift-action.landing-pages-controller .section-header svg {
	margin-top: 10px; margin-bottom: 35px;
}
}
@media screen and (min-width:561px)
{
.swift-action.pages-controller .section-header svg {
	margin-top: 30px; margin-bottom: 40px;
}
.template-swift-action.landing-pages-controller .section-header svg {
	margin-top: 30px; margin-bottom: 40px;
}
}
.swift-action.pages-controller .section-header .subheader {
	color: rgba(255, 255, 255, 0.75) !important; line-height: 1.6; font-size: 20px; font-weight: 400; margin-top: 0px; margin-bottom: 60px;
}
.template-swift-action.landing-pages-controller .section-header .subheader {
	color: rgba(255, 255, 255, 0.75) !important; line-height: 1.6; font-size: 20px; font-weight: 400; margin-top: 0px; margin-bottom: 60px;
}
@media screen and (max-width:960px)
{
.swift-action.pages-controller .section-header .subheader {
	margin-bottom: 40px;
}
.template-swift-action.landing-pages-controller .section-header .subheader {
	margin-bottom: 40px;
}
}
.swift-action.pages-controller .secondary-content h2 {
	font-size: 24px; margin-top: 120px;
}
.template-swift-action.landing-pages-controller .secondary-content h2 {
	font-size: 24px; margin-top: 120px;
}
@media screen and (max-width:960px)
{
.swift-action.pages-controller .secondary-content h2 {
	margin-top: 80px;
}
.template-swift-action.landing-pages-controller .secondary-content h2 {
	margin-top: 80px;
}
}
.swift-action.pages-controller .secondary-content h2 + p {
	margin-bottom: 80px;
}
.template-swift-action.landing-pages-controller .secondary-content h2 + p {
	margin-bottom: 80px;
}
@media screen and (max-width:960px)
{
.swift-action.pages-controller .secondary-content h2 + p {
	margin-bottom: 40px;
}
.template-swift-action.landing-pages-controller .secondary-content h2 + p {
	margin-bottom: 40px;
}
}
.swift-action.pages-controller .secondary-content h2 + p + p {
	margin-bottom: 60px;
}
.template-swift-action.landing-pages-controller .secondary-content h2 + p + p {
	margin-bottom: 60px;
}
@media screen and (max-width:960px)
{
.swift-action.pages-controller .secondary-content h2 + p + p {
	margin-bottom: 30px;
}
.template-swift-action.landing-pages-controller .secondary-content h2 + p + p {
	margin-bottom: 30px;
}
}
.swift-action.pages-controller footer {
	margin-top: 80px;
}
.template-swift-action.landing-pages-controller footer {
	margin-top: 80px;
}
.schools-action-classroom {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 300;
}
.schools-action .circle-link-text {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 700;
}
.schools-action-header {
	text-align: left; overflow: hidden; position: relative; background-image: none; background-color: rgb(57, 173, 209);
}
.schools-action-hero-subheader {
	color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px; margin-bottom: 35px;
}
.schools-action-hero-contained {
	padding: 32px 36px; color: rgb(255, 255, 255); line-height: 1.8; font-size: 14px; box-shadow: 0px 0px 0px; background-color: rgba(255, 255, 255, 0.2);
}
.schools-action-hero-contained > .button {
	margin-top: 20px;
}
.schools-action-hero-heading {
	color: rgb(255, 255, 255); line-height: 1.2; margin-bottom: 15px;
}
.schools-action-hero-info {
	position: relative; z-index: 3;
}
.schools-action .schools-action-clouds {
	animation:clouds 20s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; background-size: 100%; -webkit-animation: clouds 20s;
}
.schools-action .schools-action-devices {
	animation:clouds 20s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; background-size: 100%; -webkit-animation: clouds 20s;
}
.schools-action-clouds {
	background: url("https://static.teamtreehouse.com/assets/views/pages/schools/header-clouds-8cf3cf408fd6a90afd2b6cfc8d7ddf12.svg") 0px 0px;
}
.schools-action-devices {
	background: url("https://static.teamtreehouse.com/assets/views/pages/schools/header-devices-5e51f7a83e1f989fea4634ae082d5dfd.svg") 0px 0px;
}
.schools-action-super-hero {
	animation:hero 5s ease-in-out 4; position: relative; z-index: 2; -webkit-animation: hero 5s 4 ease-in-out;
}
@media screen and (max-width:767px)
{
.schools-action-super-hero {
	display: none;
}
}
.schools-action-classroom {
	background-position: top; margin: 80px 0px; padding: 50px 40px; border-radius: 5px; color: rgba(85, 94, 106, 0.8); line-height: 1.6; font-size: 16px; font-style: normal; border-left-color: currentColor; border-left-width: medium; border-left-style: none; position: relative; box-shadow: 0px 3px 0px #dce8ed; background-image: url("https://static.teamtreehouse.com/assets/shared/rainbow-border-6ac49aa591dbcbd6feb2cf258d84dce9.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(246, 249, 250);
}
@media screen and (max-width:767px)
{
.schools-action-classroom {
	margin-top: 0px;
}
}
.schools-action-classroom h3 {
	line-height: 1.4; margin-top: 40px; margin-bottom: 35px;
}
.schools-action-classroom h4 {
	margin-bottom: 20px;
}
.schools-action-classroom p {
	font-style: normal; margin-bottom: 50px;
}
.schools-action-classroom p.note {
	line-height: 1.3; font-size: 13px; font-style: italic; margin-top: 10px; margin-bottom: 60px;
}
.activated.schools-action-animation .lava-bubble-a {
	animation:bubble_a 8s ease-in; -webkit-animation: bubble_a 8s 0s 1 ease-in;
}
.activated.schools-action-animation .lava-bubble-b {
	animation:bubble_b 6s ease-in; -webkit-animation: bubble_b 6s 0 1 ease-in;
}
.activated.schools-action-animation .lava-bubble-c {
	animation:bubble_c 7s ease-in; -webkit-animation: bubble_c 7s 0s 1 ease-in;
}
.activated.schools-action-animation .lava-bubble-d {
	animation:bubble_d 6s ease-in; -webkit-animation: bubble_d 6s 0 1 ease-in;
}
.activated.schools-action-animation .lava-bubble-e {
	animation:bubble_e 5s ease-in; -webkit-animation: bubble_e 5s 0s 1 ease-in;
}
.activated.schools-action-animation .lava-bubble-f {
	animation:bubble_f 8s ease-in 1.5s 10; -webkit-animation: bubble_f 8s 1.5s 10 ease-in;
}
.activated.schools-action-animation .lava-bubble-g {
	animation:bubble_g 6s ease-in 2.5s 10; -webkit-animation: bubble_g 6s 2.5s 10 ease-in;
}
.activated.schools-action-animation .lava-bubble-h {
	animation:bubble_h 7s ease-in 3s 10; -webkit-animation: bubble_h 7s 3s 10 ease-in;
}
.activated.schools-action-animation .lava-bubble-i {
	animation:bubble_i 6s ease-in 3.5s 10; -webkit-animation: bubble_i 6s 3.5s 10 ease-in;
}
.activated.schools-action-animation .lava-bubble-j {
	animation:bubble_j 5s ease-in 2s 10; -webkit-animation: bubble_j 5s 2s 10 ease-in;
}
.schools-action :first-child.circle-link .circle-link-container {
	float: right;
}
@media screen and (max-width:767px)
{
.schools-action :first-child.circle-link .circle-link-container {
	float: none;
}
}
.schools-action :last-child.circle-link .circle-link-container {
	float: left;
}
@media screen and (max-width:767px)
{
.schools-action :last-child.circle-link .circle-link-container {
	float: none;
}
}
.schools-action .circle-link-container {
	transition:opacity 200ms ease-in-out; display: inline-block; opacity: 1; -webkit-transition: opacity 200ms ease-in-out;
}
.schools-action .circle-link-anchor {
	display: block;
}
.schools-action .circle-link-img {
	border-radius: 150px; width: 150px; position: relative; z-index: 2;
}
.schools-action .circle-link-text {
	transition:color 200ms ease-in-out; color: rgb(169, 178, 181); text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; margin-top: 5px; display: block; -webkit-transition: color 200ms ease-in-out;
}
.schools-action .circle-link:hover {
	opacity: 0.8;
}
.schools-action .circle-link:focus {
	opacity: 0.8;
}
.schools-action .indented.row {
	margin-bottom: 85px; align-items: center; -webkit-box-align: center; -webkit-align-items: center;
}
@media screen and (max-width:767px)
{
.schools-action .indented.row {
	text-align: center; display: block;
}
.schools-action .indented.row svg {
	width: 50%; margin-bottom: 30px;
}
.schools-action .indented.row svg.svg-desk {
	width: 100%;
}
}
@media screen and (min-width:768px)
{
.schools-action .indented.row {
	display: flex; max-width: 860px;
}
}
.schools-action .indented.row .six + .six p {
	padding-left: 45px;
}
@media screen and (max-width:767px)
{
.schools-action .indented.row .six + .six p {
	padding-left: 0px;
}
}
.schools-action .indented.row .push-six.six svg {
	padding-left: 45px;
}
@media screen and (max-width:767px)
{
.schools-action .indented.row .push-six.six svg {
	padding-left: 0px;
}
}
.schools-action .indented.row .six + .pull-six.six p {
	padding-right: 45px; padding-left: 0px;
}
@media screen and (max-width:767px)
{
.schools-action .indented.row .six + .pull-six.six p {
	padding-right: 0px;
}
}
.schools-action .indented.row .six p {
	transition:250ms ease-in; position: relative; opacity: 0; transform: translateZ(0px); -webkit-transform: translateZ(0); -webkit-transition: all 250ms ease-in;
}
.schools-action .indented.row .six svg {
	transition:250ms ease-in; position: relative; opacity: 0; transform: translateZ(0px); -webkit-transform: translateZ(0); -webkit-transition: all 250ms ease-in;
}
@media screen and (max-width:520px)
{
.schools-action .indented.row .six p {
	opacity: 1;
}
.schools-action .indented.row .six svg {
	opacity: 1;
}
}
.schools-action .indented.row .six img {
	left: -100px;
}
.schools-action .indented.row .six svg {
	left: -100px;
}
@media screen and (max-width:520px)
{
.schools-action .indented.row .six img {
	left: 0px;
}
.schools-action .indented.row .six svg {
	left: 0px;
}
}
.schools-action .indented.row .six p {
	right: -100px;
}
@media screen and (max-width:520px)
{
.schools-action .indented.row .six p {
	right: 0px;
}
}
.schools-action .activated.indented.row .six img {
	opacity: 1;
}
.schools-action .activated.indented.row .six p {
	opacity: 1;
}
.schools-action .activated.indented.row .six svg {
	opacity: 1;
}
.schools-action .activated.indented.row .six img {
	left: 0px;
}
.schools-action .activated.indented.row .six svg {
	left: 0px;
}
.schools-action .activated.indented.row .six p {
	right: 0px;
}
.schools-action .secondary-content {
	overflow: hidden; padding-top: 100px;
}
@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 {
	line-height: 1.8; font-size: 14px;
}
.schools-action .video-container {
	border-radius: 5px;
}
.schools-action .svg-desk {
	width: 100%; height: 184px;
}
.ie .super-hero {
	height: 100%;
}
.get-a-techdegree {
	padding-bottom: 0px; margin-top: 45px; background-image: none; background-color: rgb(8, 70, 94);
}
.get-a-techdegree .hero-star svg {
	width: 40px; height: 40px;
}
.get-a-techdegree .hero-title h1 {
	color: rgb(255, 255, 255);
}
.get-a-techdegree .hero-title h2 {
	color: rgb(255, 255, 255);
}
.get-a-techdegree .hero-title h1 {
	font-size: 40px; margin-top: 45px;
}
.get-a-techdegree .hero-title h2 {
	margin-bottom: 40px;
}
.get-a-techdegree h6 {
	margin: 20px auto 35px; color: white;
}
.get-a-techdegree .hero-image svg {
	margin-top: 35px; margin-bottom: -3px;
}
.get-a-techdegree .cover {
	background: white; left: 0px; width: 100%; height: 60px; position: absolute; z-index: 2;
}
@media screen and (max-width:768px)
{
.get-a-techdegree svg {
	margin: 0px -50%; text-align: center;
}
}
@media screen and (min-width:769px)
{
.get-a-techdegree svg {
	width: 100%;
}
}
.button-row {
	margin-top: 30px;
}
.button-row h6 {
	margin-top: 20px;
}
#techdegree-why {
	border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid;
}
#what-is {
	border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid;
}
#techdegree-why h3 {
	margin-bottom: 30px;
}
#what-is h3 {
	margin-bottom: 30px;
}
#techdegree-why h4 {
	margin-top: 30px;
}
#what-is h4 {
	margin-top: 30px;
}
#techdegree-about {
	padding-bottom: 120px;
}
#techdegree-about h2 {
	margin-bottom: 30px;
}
#techdegree-about .row {
	margin-bottom: 30px;
}
#techdegree-about h3 {
	margin: 20px auto 30px;
}
@media screen and (max-width:768px)
{
#techdegree-about .pushed.columns.three {
	margin: 0px !important;
}
#techdegree-about svg {
	margin-right: auto; margin-left: auto; display: block;
}
}
#more p {
	margin-bottom: 30px;
}
#more h3 {
	margin-top: 50px;
}
.about-section {
	margin: 40px 0px 20px;
}
.about-section h3 {
	color: rgb(95, 207, 128);
}
.modal .mixed-box .box-footer p {
	margin-top: 0px;
}
@media screen and (max-width:768px)
{
#techdegree-why svg {
	width: 75%;
}
#what-is svg {
	width: 75%;
}
#techdegree-about svg {
	width: 75%;
}
}
@media screen and (max-width:641px)
{
.techdegree-waitlist-action .section-header {
	padding-bottom: 40px;
}
.techdegree-waitlist-action .hero-title-header {
	font-size: 30px;
}
.techdegree-waitlist-action .hero-title-subheader {
	font-size: 18px;
}
}
.techdegree-waitlist-action .questions {
	margin-bottom: 40px;
}
.techdegree-form {
	margin-top: 40px;
}
.panel {
	margin-top: 40px;
}
.techdegree-form {
	margin-bottom: 40px;
}
.techdegree-form .alert-banner {
	display: none;
}
.techdegree-form .button-primary {
	margin-top: 20px;
}
.techdegree-form .techdegree-waitlist-success .success {
	display: block;
}
.techdegree-form .techdegree-waitlist-error .error {
	display: block;
}
.new-action.code-oregon-controller header {
	overflow: hidden; padding-top: 40px; padding-bottom: 40px;
}
.new-action.code-oregon-controller .code-oregon-logo {
	max-width: 160px;
}
.new-action.code-oregon-controller .hero-glow {
	top: 40px;
}
.code-oregon-controller .bottom-cta {
	margin-bottom: 60px;
}
.code-oregon-controller header {
	background: url("https://static.teamtreehouse.com/assets/views/pages/code_oregon/hero-pattern-dd866844b809309a06bac4e385356c9d.svg") rgb(244, 247, 248); padding-top: 120px; padding-bottom: 120px; margin-top: 0px; position: relative;
}
@media screen and (max-width:640px)
{
.code-oregon-controller header {
	padding-top: 30px; padding-bottom: 30px;
}
}
.code-oregon-controller header .logo-container {
	display: none;
}
.code-oregon-controller header .menu-toggle {
	display: none;
}
.code-oregon-controller header .main-nav {
	display: none;
}
.code-oregon-controller .hero-glow {
	border-radius: 400px; left: 50%; top: 200px; width: 400px; height: 400px; margin-left: -200px; position: absolute; box-shadow: 0px 0px 200px 100px #f4f7f8; background-color: rgba(244, 247, 248, 0.9);
}
@media screen and (max-width:640px)
{
.code-oregon-controller .hero-glow {
	top: 40px; width: 100px; height: 300px; margin-left: -50px;
}
}
.code-oregon-controller .code-oregon-logo {
	margin-bottom: 24px; max-width: 330px;
}
@media screen and (max-width:640px)
{
.code-oregon-controller .code-oregon-logo {
	margin-bottom: 8px; max-width: 160px;
}
}
.code-oregon-controller h2 {
	font-size: 43px;
}
@media screen and (max-width:640px)
{
.code-oregon-controller h2 {
	font-size: 30px;
}
}
.code-oregon-controller h2 + .subheading {
	font-size: 22px;
}
@media screen and (max-width:640px)
{
.code-oregon-controller h2 + .subheading {
	font-size: 18px;
}
}
.code-oregon-controller h2 + .subheading + .button {
	margin-top: 30px;
}
.code-oregon-controller .code-oregon-content {
	margin-top: 100px;
}
@media screen and (max-width:640px)
{
.code-oregon-controller .code-oregon-content {
	margin-top: 40px;
}
}
.code-oregon-controller .proof-point {
	margin-bottom: 100px;
}
@media screen and (max-width:767px)
{
.code-oregon-controller .proof-point {
	margin-bottom: 50px;
}
}
.code-oregon-controller :first-child.proof-point-content {
	padding-right: 50px;
}
.code-oregon-controller :last-child.proof-point-content {
	padding-right: 50px;
}
@media screen and (max-width:767px)
{
.code-oregon-controller :first-child.proof-point-content {
	padding-right: 0px;
}
.code-oregon-controller :last-child.proof-point-content {
	padding-right: 0px;
}
}
.code-oregon-controller .push-six.proof-point-content {
	margin-left: 40px;
}
@media screen and (max-width:767px)
{
.code-oregon-controller .push-six.proof-point-content {
	margin-left: 0px;
}
}
.code-oregon-controller .desktop-img {
	margin-top: 20px;
}
@media screen and (max-width:767px)
{
.code-oregon-controller .desktop-img {
	margin-top: 0px;
}
}
.code-oregon-controller .tablet-img {
	margin-top: 70px;
}
@media screen and (max-width:767px)
{
.code-oregon-controller .tablet-img {
	margin-top: 0px;
}
}
.code-oregon-controller input {
	border-width: 0px; margin-bottom: 0px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.03); background-color: rgb(232, 238, 239);
}
.code-oregon-controller textarea {
	border-width: 0px; margin-bottom: 0px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.03); background-color: rgb(232, 238, 239);
}
.code-oregon-controller input:focus {
	background-color: rgb(217, 227, 229);
}
.code-oregon-controller textarea:focus {
	background-color: rgb(217, 227, 229);
}
.code-oregon-controller input:-ms-input-placeholder {
	color: rgb(166, 176, 183);
}
.code-oregon-controller textarea:-ms-input-placeholder {
	color: rgb(166, 176, 183);
}
.code-oregon-controller input .placeholder {
	color: rgb(166, 176, 183);
}
.code-oregon-controller textarea .placeholder {
	color: rgb(166, 176, 183);
}
.code-oregon-controller .code-oregon-form {
	background-position: top; padding: 60px 80px; border-radius: 5px; background-image: url("https://static.teamtreehouse.com/assets/views/pages/code_oregon/green-bars-e3c390c5d15cb9b0ee8664de0842f4b3.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(246, 249, 250);
}
@media screen and (max-width:767px)
{
.code-oregon-controller .code-oregon-form {
	padding: 15px; margin-top: 30px;
}
}
.code-oregon-controller .code-oregon-form h2 {
	font-size: 30px; margin-bottom: 50px;
}
@media screen and (max-width:640px)
{
.code-oregon-controller .code-oregon-form h2 {
	font-size: 22px;
}
}
.code-oregon-controller .code-oregon-form .note {
	text-align: left; font-size: 13px; margin-top: 24px;
}
.code-oregon-controller .code-oregon-form h5 small {
	font-size: 13px;
}
.code-oregon-controller .code-oregon-form h5 + .row {
	margin-bottom: 30px;
}
.code-oregon-controller .code-oregon-form .field_with_errors input:focus {
	border-bottom-width: 0px;
}
.code-oregon-controller .code-oregon-form .error-message {
	background: rgb(237, 90, 90); padding: 10px 15px; border-radius: 0px 0px 5px 5px; color: rgb(255, 255, 255); margin-top: 0px;
}
.code-oregon-controller .code-oregon-form .btn {
	border: currentColor; border-image: none;
}
.code-oregon-controller .code-oregon-form .form-element {
	margin-bottom: 0px;
}
.code-oregon-controller .code-oregon-form .birthdate {
	padding: 0px 5px;
}
.code-oregon-controller .code-oregon-form .birthdate .form-element {
	width: 30% !important; margin-right: 5%; float: left;
}
.code-oregon-controller .code-oregon-form .birthdate .form-element::before {
	display: table; content: " ";
}
.code-oregon-controller .code-oregon-form .birthdate .form-element::after {
	display: table; content: " ";
}
.code-oregon-controller .code-oregon-form .birthdate .form-element::after {
	clear: both;
}
.code-oregon-controller .code-oregon-form .birthdate :last-child.form-element {
	margin-right: 0px;
}
.code-oregon-controller .code-oregon-form .birthdate .form-element span {
	width: 100% !important; font-size: 16px; font-weight: 400; position: relative;
}
.code-oregon-controller .code-oregon-form .birthdate .form-element span::after {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-dropdown-white-b19444df902012b5fff883373935986c.svg") no-repeat 50% 50% / 12px 8px rgb(202, 216, 218); border-radius: 5px; top: 5px; width: 32px; height: 32px; right: 5px; display: block; position: absolute; content: " ";
}
.code-oregon-controller .code-oregon-form .birthdate .field_with_errors::before {
	display: table; content: " ";
}
.code-oregon-controller .code-oregon-form .birthdate .field_with_errors::after {
	display: table; content: " ";
}
.code-oregon-controller .code-oregon-form .birthdate .field_with_errors::after {
	clear: both;
}
.code-oregon-controller .code-oregon-form .birthdate .field_with_errors .form-element {
	border-radius: 5px; border: 2px solid rgb(237, 90, 90); border-image: none;
}
.code-oregon-controller .code-oregon-form .birthdate .field_with_errors + .error-message {
	border-radius: 5px; margin-top: 5px;
}
.code-oregon-controller .code-oregon-form .row .error.columns.two {
	margin-bottom: 40px;
}
.code-oregon-controller .code-oregon-form label + .error-message {
	border-radius: 3px; width: 200%; margin-top: 5px; margin-bottom: 20px; position: absolute;
}
.code-oregon-controller .code-oregon-form .input-radio {
	opacity: 0.01;
}
.code-oregon-controller .code-oregon-form .input-radio {
	margin-bottom: 8px; display: inline; position: relative;
}
.code-oregon-controller .code-oregon-form .field_with_errors {
	margin-bottom: 8px; display: inline; position: relative;
}
.code-oregon-controller .code-oregon-form .input-radio + .radio-replacement {
	border-radius: 1000px; left: 4px; top: 50%; width: 16px; height: 16px; text-align: center; color: rgb(232, 238, 239); line-height: 16px; font-size: 22px; margin-top: -10px; display: block; position: absolute; background-color: rgb(232, 238, 239);
}
.code-oregon-controller .code-oregon-form .field_with_errors + .radio-replacement {
	border-radius: 1000px; left: 4px; top: 50%; width: 16px; height: 16px; text-align: center; color: rgb(232, 238, 239); line-height: 16px; font-size: 22px; margin-top: -10px; display: block; position: absolute; background-color: rgb(232, 238, 239);
}
.code-oregon-controller .code-oregon-form :checked.input-radio + .radio-replacement {
	color: rgb(95, 207, 128);
}
.code-oregon-controller .code-oregon-form .checked.input-radio + .radio-replacement {
	color: rgb(95, 207, 128);
}
.code-oregon-controller .code-oregon-form :checked.field_with_errors + .radio-replacement {
	color: rgb(95, 207, 128);
}
.code-oregon-controller .code-oregon-form .checked.field_with_errors + .radio-replacement {
	color: rgb(95, 207, 128);
}
.code-oregon-controller .code-oregon-form .input-radio:focus + .radio-replacement {
	background-color: rgb(217, 227, 229);
}
.code-oregon-controller .code-oregon-form .field_with_errors:focus + .radio-replacement {
	background-color: rgb(217, 227, 229);
}
.code-oregon-controller .social-bar {
	padding: 30px 0px 34px; margin-top: 60px; margin-bottom: 80px; background-color: rgb(246, 249, 250);
}
.code-oregon-controller .co-social {
	margin-right: 30px; margin-bottom: 30px;
}
@media screen and (max-width:767px)
{
.code-oregon-controller .co-social {
	display: block;
}
}
@media screen and (min-width:768px)
{
.code-oregon-controller .co-social {
	display: inline;
}
}
.code-oregon-controller :last-child.co-social {
	margin-right: 0px;
}
.code-oregon-controller .co-social a {
	color: rgb(95, 207, 128);
}
.code-oregon-controller .co-social span {
	border-radius: 32px; top: 3px; width: 32px; height: 32px; margin-right: 8px; display: inline-block; position: relative; background-color: rgb(95, 207, 128);
}
.code-oregon-controller .co-social span svg {
	top: 3px; position: relative; fill: #fff;
}
.code-oregon-controller .global-message-container {
	top: 0px;
}
.create-action.code-oregon-controller .header {
	overflow: hidden; padding-top: 40px; padding-bottom: 40px;
}
.create-action.code-oregon-controller .ineligible-content {
	padding-top: 60px;
}
.create-action.code-oregon-controller .ineligible-content h2 {
	font-size: 26px;
}
.create-action.code-oregon-controller .ineligible-content h3 {
	margin-bottom: 40px;
}
.create-action.code-oregon-controller .ineligible-content .btn {
	margin-top: 40px;
}
.create-action.code-oregon-controller .number-bullet {
	margin: 0px auto 20px; border-radius: 56px; border: 4px solid rgb(92, 183, 103); border-image: none; width: 64px; height: 64px; text-align: center; color: rgb(92, 183, 103); line-height: 56px; font-size: 22px; font-weight: 500; display: block;
}
.create-action.code-oregon-controller .minimal-footer {
	margin-top: 100px;
}
.parent-email-success-action.subscriptions-controller header {
	margin-bottom: 60px;
}
.parent-email-success-action.subscriptions-controller h1 {
	margin-top: 60px;
}
.plans-action.subscriptions-controller header {
	background: rgb(95, 207, 128); margin: 0px; overflow: hidden; position: relative; min-height: 750px;
}
.parent-email-success-action.subscriptions-controller header {
	background: rgb(95, 207, 128); margin: 0px; overflow: hidden; position: relative; min-height: 750px;
}
@media screen and (max-width:767px)
{
.plans-action.subscriptions-controller header {
	padding-top: 130px; padding-bottom: 20px;
}
.parent-email-success-action.subscriptions-controller header {
	padding-top: 130px; padding-bottom: 20px;
}
.plans-action.subscriptions-controller header .hero {
	display: none;
}
.parent-email-success-action.subscriptions-controller header .hero {
	display: none;
}
}
@media screen and (min-width:768px)
{
.plans-action.subscriptions-controller header {
	padding: 130px 0px 0px;
}
.parent-email-success-action.subscriptions-controller header {
	padding: 130px 0px 0px;
}
}
.plans-action.subscriptions-controller header h1 {
	color: white; margin-bottom: 40px; position: relative; z-index: 2;
}
.parent-email-success-action.subscriptions-controller header h1 {
	color: white; margin-bottom: 40px; position: relative; z-index: 2;
}
.plans-action.subscriptions-controller header h5 {
	color: rgba(255, 255, 255, 0.5); margin-bottom: 0px; position: relative; z-index: 2;
}
.parent-email-success-action.subscriptions-controller header h5 {
	color: rgba(255, 255, 255, 0.5); margin-bottom: 0px; position: relative; z-index: 2;
}
.plans-action.subscriptions-controller header .hero {
	margin: 0px 0px 0px -1000px; left: 50%; width: 2000px; height: 800px; bottom: 0px; position: absolute; z-index: 1;
}
.parent-email-success-action.subscriptions-controller header .hero {
	margin: 0px 0px 0px -1000px; left: 50%; width: 2000px; height: 800px; bottom: 0px; position: absolute; z-index: 1;
}
.plans-action.subscriptions-controller header .subheading {
	color: rgb(255, 255, 255); margin-bottom: 30px;
}
.parent-email-success-action.subscriptions-controller header .subheading {
	color: rgb(255, 255, 255); margin-bottom: 30px;
}
@media screen and (max-width:860px)
{
.plans-action.subscriptions-controller .plan-features li {
	font-size: 14px;
}
.parent-email-success-action.subscriptions-controller .plan-features li {
	font-size: 14px;
}
}
@media screen and (max-width:949px) and (min-width:861px)
{
.plans-action.subscriptions-controller .plan-features li {
	font-size: 15px;
}
.parent-email-success-action.subscriptions-controller .plan-features li {
	font-size: 15px;
}
}
@media screen and (min-width:950px)
{
.plans-action.subscriptions-controller .plan-features li {
	font-size: 16px;
}
.parent-email-success-action.subscriptions-controller .plan-features li {
	font-size: 16px;
}
}
.plans-action.subscriptions-controller .callout-organizations {
	margin: 60px 0px; padding: 0px 20px 30px; position: relative;
}
.parent-email-success-action.subscriptions-controller .callout-organizations {
	margin: 60px 0px; padding: 0px 20px 30px; position: relative;
}
.plans-action.subscriptions-controller .callout-organizations .illustration svg {
	margin: 25px 0px 0px; left: 0px; top: 0px; position: relative; transform: none; -webkit-transform: none;
}
.parent-email-success-action.subscriptions-controller .callout-organizations .illustration svg {
	margin: 25px 0px 0px; left: 0px; top: 0px; position: relative; transform: none; -webkit-transform: none;
}
.plans-action.subscriptions-controller .callout-organizations p {
	margin: 0px auto; padding: 15px 0px 20px; color: rgb(255, 255, 255); font-weight: 500; max-width: 600px;
}
.parent-email-success-action.subscriptions-controller .callout-organizations p {
	margin: 0px auto; padding: 15px 0px 20px; color: rgb(255, 255, 255); font-weight: 500; max-width: 600px;
}
.plans-action.subscriptions-controller .callout-organizations .button {
	left: 0px; bottom: 0px; position: relative; transform: none; -webkit-transform: none;
}
.parent-email-success-action.subscriptions-controller .callout-organizations .button {
	left: 0px; bottom: 0px; position: relative; transform: none; -webkit-transform: none;
}
@media screen and (max-width:767px)
{
.plans-action.subscriptions-controller .callout-organizations .button {
	width: 100%; position: static;
}
.parent-email-success-action.subscriptions-controller .callout-organizations .button {
	width: 100%; position: static;
}
}
@media screen and (max-width:767px)
{
.plans-action.subscriptions-controller header {
	padding-top: 80px;
}
}
.discount {
	padding: 8px; width: 100%; text-align: center; border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid; z-index: 99; background-color: rgb(246, 249, 250);
}
@media screen and (max-width:767px)
{
.discount {
	top: 50px; position: fixed;
}
}
@media screen and (min-width:768px)
{
.discount {
	top: 80px; position: fixed;
}
}
.discount p {
	margin: 0px; font-size: 12px; font-weight: 500;
}
.faq-header {
	margin-top: 30px;
}
.faq-header .questions {
	margin-top: 30px;
}
.new-action.subscriptions-controller .signup-hero {
	background-image: none; background-color: rgb(95, 207, 128);
}
.create-action.subscriptions-controller .signup-hero {
	background-image: none; background-color: rgb(95, 207, 128);
}
.new-action.organization-signups-controller .signup-hero {
	background-image: none; background-color: rgb(95, 207, 128);
}
.create-action.organization-signups-controller .signup-hero {
	background-image: none; background-color: rgb(95, 207, 128);
}
.new-action.subscriptions-controller .signup-hero h1 {
	color: rgb(255, 255, 255); padding-top: 15px; margin-bottom: 40px;
}
.create-action.subscriptions-controller .signup-hero h1 {
	color: rgb(255, 255, 255); padding-top: 15px; margin-bottom: 40px;
}
.new-action.organization-signups-controller .signup-hero h1 {
	color: rgb(255, 255, 255); padding-top: 15px; margin-bottom: 40px;
}
.create-action.organization-signups-controller .signup-hero h1 {
	color: rgb(255, 255, 255); padding-top: 15px; margin-bottom: 40px;
}
.new-action.subscriptions-controller .signup-form #uniform-account_signup_age_check {
	width: auto !important;
}
.new-action.subscriptions-controller .signup-form #uniform-organization_signup_form_country {
	width: auto !important;
}
.new-action.subscriptions-controller .signup-form #uniform-organization_signup_form_state_province {
	width: auto !important;
}
.create-action.subscriptions-controller .signup-form #uniform-account_signup_age_check {
	width: auto !important;
}
.create-action.subscriptions-controller .signup-form #uniform-organization_signup_form_country {
	width: auto !important;
}
.create-action.subscriptions-controller .signup-form #uniform-organization_signup_form_state_province {
	width: auto !important;
}
.new-action.organization-signups-controller .signup-form #uniform-account_signup_age_check {
	width: auto !important;
}
.new-action.organization-signups-controller .signup-form #uniform-organization_signup_form_country {
	width: auto !important;
}
.new-action.organization-signups-controller .signup-form #uniform-organization_signup_form_state_province {
	width: auto !important;
}
.create-action.organization-signups-controller .signup-form #uniform-account_signup_age_check {
	width: auto !important;
}
.create-action.organization-signups-controller .signup-form #uniform-organization_signup_form_country {
	width: auto !important;
}
.create-action.organization-signups-controller .signup-form #uniform-organization_signup_form_state_province {
	width: auto !important;
}
.new-action.subscriptions-controller .form-item.age-check .error-message {
	top: -2px; position: relative;
}
.create-action.subscriptions-controller .form-item.age-check .error-message {
	top: -2px; position: relative;
}
.new-action.organization-signups-controller .form-item.age-check .error-message {
	top: -2px; position: relative;
}
.create-action.organization-signups-controller .form-item.age-check .error-message {
	top: -2px; position: relative;
}
.new-action.subscriptions-controller .trial-banner {
	padding: 20px; border-radius: 5px 5px 0px 0px; text-align: center; color: rgb(255, 255, 255); font-weight: 500;
}
.create-action.subscriptions-controller .trial-banner {
	padding: 20px; border-radius: 5px 5px 0px 0px; text-align: center; color: rgb(255, 255, 255); font-weight: 500;
}
.new-action.organization-signups-controller .trial-banner {
	padding: 20px; border-radius: 5px 5px 0px 0px; text-align: center; color: rgb(255, 255, 255); font-weight: 500;
}
.create-action.organization-signups-controller .trial-banner {
	padding: 20px; border-radius: 5px 5px 0px 0px; text-align: center; color: rgb(255, 255, 255); font-weight: 500;
}
@media screen and (max-width:767px)
{
.new-action.subscriptions-controller .trial-banner {
	margin: 0px -20px 40px;
}
.create-action.subscriptions-controller .trial-banner {
	margin: 0px -20px 40px;
}
.new-action.organization-signups-controller .trial-banner {
	margin: 0px -20px 40px;
}
.create-action.organization-signups-controller .trial-banner {
	margin: 0px -20px 40px;
}
}
@media screen and (min-width:768px)
{
.new-action.subscriptions-controller .trial-banner {
	margin: 0px -60px 40px;
}
.create-action.subscriptions-controller .trial-banner {
	margin: 0px -60px 40px;
}
.new-action.organization-signups-controller .trial-banner {
	margin: 0px -60px 40px;
}
.create-action.organization-signups-controller .trial-banner {
	margin: 0px -60px 40px;
}
}
.new-action.subscriptions-controller .basic.trial-banner {
	background-color: rgb(58, 193, 98);
}
.create-action.subscriptions-controller .basic.trial-banner {
	background-color: rgb(58, 193, 98);
}
.new-action.organization-signups-controller .basic.trial-banner {
	background-color: rgb(58, 193, 98);
}
.create-action.organization-signups-controller .basic.trial-banner {
	background-color: rgb(58, 193, 98);
}
.new-action.subscriptions-controller .pro.trial-banner {
	background-color: rgb(66, 180, 214);
}
.create-action.subscriptions-controller .pro.trial-banner {
	background-color: rgb(66, 180, 214);
}
.new-action.organization-signups-controller .pro.trial-banner {
	background-color: rgb(66, 180, 214);
}
.create-action.organization-signups-controller .pro.trial-banner {
	background-color: rgb(66, 180, 214);
}
.new-action.subscriptions-controller .organization.trial-banner {
	background-color: rgb(99, 122, 145);
}
.create-action.subscriptions-controller .organization.trial-banner {
	background-color: rgb(99, 122, 145);
}
.new-action.organization-signups-controller .organization.trial-banner {
	background-color: rgb(99, 122, 145);
}
.create-action.organization-signups-controller .organization.trial-banner {
	background-color: rgb(99, 122, 145);
}
.new-action.subscriptions-controller .paypal-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.new-action.subscriptions-controller .bitcoin-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.new-action.subscriptions-controller .manual-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.create-action.subscriptions-controller .paypal-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.create-action.subscriptions-controller .bitcoin-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.create-action.subscriptions-controller .manual-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.new-action.organization-signups-controller .paypal-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.new-action.organization-signups-controller .bitcoin-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.new-action.organization-signups-controller .manual-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.create-action.organization-signups-controller .paypal-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.create-action.organization-signups-controller .bitcoin-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.create-action.organization-signups-controller .manual-chosen p {
	line-height: 1.5; margin-left: 10px;
}
.new-action.subscriptions-controller .paypal-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.new-action.subscriptions-controller .bitcoin-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.new-action.subscriptions-controller .manual-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.create-action.subscriptions-controller .paypal-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.create-action.subscriptions-controller .bitcoin-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.create-action.subscriptions-controller .manual-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.new-action.organization-signups-controller .paypal-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.new-action.organization-signups-controller .bitcoin-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.new-action.organization-signups-controller .manual-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.create-action.organization-signups-controller .paypal-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.create-action.organization-signups-controller .bitcoin-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.create-action.organization-signups-controller .manual-chosen p strong {
	color: rgb(140, 152, 158) !important;
}
.new-action.subscriptions-controller .paypal-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.new-action.subscriptions-controller .bitcoin-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.new-action.subscriptions-controller .manual-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.create-action.subscriptions-controller .paypal-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.create-action.subscriptions-controller .bitcoin-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.create-action.subscriptions-controller .manual-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.new-action.organization-signups-controller .paypal-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.new-action.organization-signups-controller .bitcoin-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.new-action.organization-signups-controller .manual-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.create-action.organization-signups-controller .paypal-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.create-action.organization-signups-controller .bitcoin-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.create-action.organization-signups-controller .manual-chosen .alert-banner {
	margin: 0px 6px 20px;
}
.new-action.subscriptions-controller .paypal-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.new-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.new-action.subscriptions-controller .manual-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.create-action.subscriptions-controller .paypal-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.create-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.create-action.subscriptions-controller .manual-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.new-action.organization-signups-controller .paypal-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.new-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.new-action.organization-signups-controller .manual-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.create-action.organization-signups-controller .paypal-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.create-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.create-action.organization-signups-controller .manual-chosen .warning.alert-banner {
	color: rgb(178, 128, 0);
}
.new-action.subscriptions-controller .paypal-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .paypal-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .paypal-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .manual-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .manual-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.subscriptions-controller .manual-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .paypal-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .paypal-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .paypal-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .bitcoin-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .manual-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .manual-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.subscriptions-controller .manual-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .paypal-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .paypal-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .paypal-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .manual-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .manual-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.new-action.organization-signups-controller .manual-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .paypal-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .paypal-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .paypal-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .bitcoin-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .manual-chosen .warning.alert-banner strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .manual-chosen .warning.alert-banner p strong {
	color: rgb(127, 91, 0) !important;
}
.create-action.organization-signups-controller .manual-chosen .warning.alert-banner a:not(.button) {
	color: rgb(127, 91, 0) !important;
}
.signup-form {
	border-radius: 5px; text-align: left; box-shadow: 0px 2px 0px rgba(0,0,0,0.15); background-color: rgb(255, 255, 255);
}
@media screen and (max-width:767px)
{
.signup-form {
	padding: 0px 20px 20px;
}
}
@media screen and (min-width:768px)
{
.signup-form {
	padding: 0px 60px 60px;
}
}
.signup-form hr {
	border-color: rgb(228, 236, 238); margin-top: 20px; margin-bottom: 20px;
}
.signup-form h2 {
	font-size: 30px; margin-top: 0px;
}
.signup-form h4 {
	margin-top: 15px;
}
.signup-form p.note {
	text-align: left; line-height: 1.5; clear: both; font-size: 12px; margin-bottom: 10px; display: block;
}
.signup-form p.note a {
	font-weight: 500;
}
.signup-form p.flush.note {
	margin: -25px 0px 35px;
}
@media screen and (max-width:767px)
{
.signup-form p.flush.note {
	margin-top: 0px;
}
}
.signup-form #uniform-account_signup_age_check {
	height: 44px;
}
.signup-form fieldset {
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgba(255, 255, 255, 0.08); margin: 15px 30px; padding: 15px 0px; border-image: none;
}
.signup-form .form-footer {
	background: none; padding: 0px; border-radius: 0px 0px 5px 5px; line-height: 110%; clear: both; float: none;
}
.signup-form .form-footer::before {
	display: table; content: " ";
}
.signup-form .form-footer::after {
	display: table; content: " ";
}
.signup-form .form-footer::after {
	clear: both;
}
.signup-form .form-footer p {
	font-size: 12px;
}
.signup-form .form-footer p.note {
	padding-top: 30px;
}
.signup-form .form-footer .secure-server {
	font-size: 14px;
}
@media screen and (max-width:767px)
{
.signup-form .form-footer .secure-server {
	clear: both; margin-top: 20px; display: block;
}
}
@media screen and (min-width:768px)
{
.signup-form .form-footer .secure-server {
	left: 30px; top: 20px; position: relative;
}
}
.signup-form .form-footer .secure-server svg.lock-wide-icon {
	top: 3px; margin-right: 5px; position: relative; fill: #d4d9dd;
}
.signup-form h3 {
	color: rgb(56, 64, 71); font-size: 20px; margin-bottom: 30px; margin-left: 40px;
}
.signup-form h3 .form-step {
	margin: -2px 10px 0px -40px; border-radius: 100px; border: 2px solid rgb(95, 207, 128); border-image: none; width: 30px; height: 30px; text-align: center; color: rgb(95, 207, 128); line-height: 26px; display: inline-block; position: relative; background-color: rgb(255, 255, 255);
}
.signup-form h3 .form-step label {
	display: inline-block;
}
.signup-form .payment-details {
	padding: 0px 9px; margin-top: 0px; margin-bottom: 20px;
}
.signup-form .payment-options {
	list-style: none; margin: 0px;
}
.signup-form .payment-options li {
	margin: 0px; padding: 0px 5px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; display: inline;
}
.signup-form .payment-options li.secondary {
	margin-left: 15px;
}
.signup-form .payment-options li input {
	margin-top: 3px; margin-left: 0px; vertical-align: top; position: relative; cursor: pointer;
}
.signup-form .payment-options li label {
	color: rgb(75, 86, 88); font-weight: 500; margin-bottom: 0px; margin-left: 5px; vertical-align: top; cursor: pointer;
}
.signup-form .payment-options li label img {
	top: -2px; margin-left: 3px; position: relative;
}
.signup-form .expiration-date .form-element {
	background: rgba(255, 255, 255, 0.1); margin: 0px 5px 5px 0px; border: currentColor; border-image: none; color: rgba(255, 255, 255, 0.7); font-size: 16px; font-weight: 400; text-shadow: none;
}
.signup-form .expiration-date .form-element:hover {
	background: rgba(255, 255, 255, 0.15);
}
.signup-form .expiration-date .form-element:active {
	background: rgba(255, 255, 255, 0.15);
}
.signup-form .expiration-date .form-element select {
	cursor: pointer;
}
.signup-form .expiration-date .form-element span {
	background: none; padding: 13px 50px 13px 10px; text-shadow: none;
}
.signup-form .form-division {
	margin: 0px; padding: 0px;
}
.signup-form .form-division label {
	left: 28px; top: 12px; color: rgb(166, 176, 183); display: inline-block;
}
.signup-form .form-division .field_with_errors label {
	color: rgb(198, 15, 19);
}
.signup-form .form-division .payment-note {
	font-size: 12px; margin-top: 0px;
}
.signup-form .form-division .form-item {
	margin-bottom: 15px;
}
.signup-form .form-division .tooltip-trigger.form-item {
	top: 10px; vertical-align: middle; position: relative;
}
@media screen and (max-width:768px)
{
.signup-form .form-division .tooltip-trigger.form-item {
	display: none;
}
}
.signup-form .form-division .tooltip-trigger.form-item .trigger-icon {
	border-radius: 30px; width: 24px; height: 24px; text-align: center; color: rgba(255, 255, 255, 0.8); line-height: 24px; font-size: 17px; font-weight: 600; text-decoration: none; display: block; background-color: rgb(213, 227, 232);
}
.signup-form .form-division .tooltip-trigger.form-item .trigger-icon:hover {
	background-color: rgb(197, 216, 223);
}
.signup-form .form-division .tooltip-trigger.form-item .tooltip-right.tooltip {
	left: 75%; font-size: 14px; transform: translateY(-3px); -webkit-transform: translateY(-3px);
}
.signup-form .form-division .billing-option {
	padding: 12px 15px; border-radius: 30px; border: currentColor; border-image: none; margin-right: 10px; margin-bottom: 20px; float: left; cursor: pointer; background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width:640px)
{
.signup-form .form-division .billing-option {
	margin: 0px; width: 100%;
}
}
.signup-form .form-division .billing-option input[type='radio'] {
	top: -2px; position: relative;
}
.signup-form .form-division .billing-option label {
	left: 0px; color: rgb(56, 64, 71);
}
.signup-form .form-division .billing-option:hover {
	background-color: rgba(255, 255, 255, 0.15);
}
.signup-form .form-division .billing-option input[type=radio] {
	margin-right: 8px; cursor: pointer;
}
.signup-form .form-division .billing-option label {
	top: -1px; font-size: 16px; font-weight: bold; margin-bottom: 0px; vertical-align: middle; position: relative; cursor: pointer;
}
.signup-form .form-division .billing-option label .price {
	color: rgb(255, 255, 255);
}
.signup-form .form-division .billing-option label .badge {
	margin: -3px -5px 0px 5px; padding: 4px 8px 5px; border-radius: 20px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 10px; vertical-align: middle; display: inline-block; position: relative; background-color: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width:421px)
{
.signup-form .form-division .billing-option label .badge {
	margin: 10px 0px 0px 23px;
}
}
.signup-form .form-division .selected.billing-option {
	background-color: rgb(95, 207, 128);
}
.signup-form .form-division .selected.billing-option .badge {
	background-color: rgb(90, 183, 92);
}
.signup-form .form-division .selected.billing-option {
	background: rgba(95, 207, 128, 0.7); border-radius: 5px;
}
.signup-form .form-division .selected.billing-option label {
	color: rgb(255, 255, 255);
}
.signup-form .form-division .selected.billing-option label .price {
	color: rgb(255, 255, 255);
}
.signup-form .form-division .selected.billing-option label .badge {
	color: rgb(255, 255, 255); background-color: rgb(46, 154, 78);
}
.signup-form .form-division .billing-option label {
	top: 0px !important;
}
.signup-form .form-division .billing-option label .price {
	color: rgb(166, 176, 183);
}
.signup-form .form-division .billing-option label .badge {
	color: white; background-color: rgb(55, 63, 70);
}
.signup-form .expiration-date .form-element {
	background: rgb(232, 238, 239); color: rgb(138, 151, 160);
}
.signup-form .expiration-date .form-element:hover {
	background: rgb(208, 220, 222);
}
.signup-form #uniform-credit_card_month {
	margin-right: 12px;
}
.signup-form #uniform-credit_card_month {
	float: left;
}
.signup-form #uniform-credit_card_year {
	float: left;
}
.gateway-form.signup-form {
	padding-top: 60px; margin-top: 100px; box-shadow: 0px 0px 0px 0px; background-color: rgb(246, 249, 250);
}
.gateway-form.signup-form .primary.button {
	float: left;
}
.gateway-form.signup-form .forgot-password {
	font-size: 14px; margin-top: 16px; margin-bottom: 0px; float: right;
}
.gateway-form.signup-form .tooltip {
	margin-top: -62px !important;
}
#org-signup-previous-step {
	margin: 30px auto; display: block;
}
.org-plan-size-option {
	background: rgb(232, 235, 237); border-radius: 5px; height: 275px; text-align: center; display: block; position: relative;
}
.org-plan-size-option span {
	color: rgb(56, 64, 71); padding-top: 130px; font-weight: 500; display: block;
}
.org-help-message em {
	font-size: 23px; font-style: normal; font-weight: 500; display: block;
}
.org-help-message .org-signup-help {
	color: rgb(255, 255, 255); font-weight: 500;
}
.new_organization_signup_form .form-division .org-plan-option {
	padding: 20px 15px; border-radius: 7px; border: 3px solid rgb(232, 235, 237); border-image: none; width: 100%; cursor: pointer;
}
@media screen and (max-width:640px)
{
.new_organization_signup_form .form-division .org-plan-option {
	margin: 0px; width: 100%;
}
}
.new_organization_signup_form .form-division .org-plan-option:hover {
	border-color: rgb(212, 217, 221);
}
.new_organization_signup_form .form-division .org-plan-option input {
	top: -1px; margin-right: 8px; margin-left: 2px; position: relative; cursor: pointer;
}
.new_organization_signup_form .form-division .org-plan-option label {
	left: 0px; top: 0px !important; width: 100%; color: rgb(56, 64, 71); font-size: 21px; font-weight: 500; vertical-align: middle; position: relative; cursor: pointer;
}
.new_organization_signup_form .form-division .org-plan-option label .price {
	color: rgb(95, 207, 128); font-size: 21px; font-weight: normal; float: right;
}
.new_organization_signup_form .form-division .org-plan-option label .price small {
	line-height: inherit; font-size: 75%;
}
.new_organization_signup_form .form-division .selected.org-plan-option {
	border-color: rgb(95, 207, 128);
}
#org_signup_contact_form h3 {
	margin-top: 0px;
}
#org_signup_contact_form #uniform-contact-business-options {
	width: 100% !important;
}
#org_signup_contact_form .hidden.alert-banner {
	display: none;
}
#org_signup_contact_form form .note {
	margin: 21px 0px 0px; float: right;
}
.gateway-action.subscriptions-controller .not-for-libraries {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 300;
}
.gateway-action.subscriptions-controller .main-heading {
	padding-top: 0px; padding-bottom: 0px;
}
.gateway-action.subscriptions-controller .main-heading h1 {
	line-height: 1.3; font-size: 26px;
}
.gateway-action.subscriptions-controller .main-heading h1 + .subheading {
	width: 100%; line-height: 1.6; padding-right: 0px; font-size: 16px;
}
@media screen and (max-width:767px)
{
.gateway-action.subscriptions-controller .main-heading h1 + .subheading {
	margin-bottom: 0px;
}
}
.gateway-action.subscriptions-controller .not-for-libraries {
	background-position: top; margin: 100px 0px 30px; padding: 26px 26px 40px; border-radius: 5px; color: rgba(85, 94, 106, 0.8); line-height: 1.6; font-size: 16px; font-style: normal; border-left-color: currentColor; border-left-width: medium; border-left-style: none; position: relative; box-shadow: 0px 3px 0px #dce8ed; background-image: url("https://static.teamtreehouse.com/assets/shared/rainbow-border-6ac49aa591dbcbd6feb2cf258d84dce9.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(246, 249, 250);
}
.gateway-action.subscriptions-controller .not-for-libraries p + .btn {
	margin-top: 18px;
}
.gateway-action.subscriptions-controller .gateway-feature img {
	margin-top: 30px; margin-bottom: 6px;
}
.gateway-action.subscriptions-controller .gateway-ctas {
	margin-top: 30px;
}
.gateway-action.subscriptions-controller .gateway-ctas .btn {
	margin-top: 10px;
}
.gateway-action.subscriptions-controller [data-gateway-signin-toggle] {
	transition:linear; -webkit-transition: all 0ms linear;
}
.gateway-action.subscriptions-controller [data-gateway-signup-toggle] {
	transition:linear; -webkit-transition: all 0ms linear;
}
.gateway-action.subscriptions-controller [data-gateway-signin-toggle].toggled {
	border-color: rgb(46, 154, 78); top: 1px; border-bottom-width: 2px; position: relative; background-color: rgb(52, 173, 88);
}
.gateway-action.subscriptions-controller [data-gateway-signup-toggle].toggled {
	border-color: rgb(46, 154, 78); top: 1px; border-bottom-width: 2px; position: relative; background-color: rgb(52, 173, 88);
}
.gateway-action.subscriptions-controller .gateway-badge-alert {
	padding: 30px; border-radius: 5px; border: 2px solid rgb(244, 247, 248); border-image: none; margin-top: 30px; position: relative;
}
@media screen and (max-width:767px)
{
.gateway-action.subscriptions-controller .gateway-badge-alert {
	padding: 20px 120px 20px 20px;
}
}
.gateway-action.subscriptions-controller .gateway-badge-alert h4 {
	margin: 0px 0px 5px; font-size: 18px;
}
.gateway-action.subscriptions-controller .gateway-badge-alert p {
	font-size: 14px; margin-bottom: 0px;
}
.gateway-action.subscriptions-controller .gateway-badge-alert .gateway-badge-image {
	top: 0px; width: 100px; height: 100%; text-align: center; right: 0px; position: absolute; background-color: rgb(244, 247, 248);
}
.gateway-action.subscriptions-controller .gateway-badge-alert .gateway-badge-image img {
	top: 50%; position: relative; max-width: 66px; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.topic-hero {
	padding: 0px;
}
.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: rgb(255, 255, 255); font-size: 60px; margin-top: 0px; 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; line-height: 1.6; font-weight: 400; margin-top: 0px; margin-bottom: 40px;
}
@media screen and (max-width:960px)
{
.topic-hero > section .subheader {
	margin-bottom: 40px;
}
}
.topic-hero > section .secondary.button {
	color: rgb(255, 255, 255);
}
.topic-crest {
	margin: 10px auto 35px; width: 370px; height: 323px; max-width: 500px;
}
.topic-tracks {
	padding: 80px 0px;
}
.topic-tracks > .row > :first-of-type.six {
	margin-bottom: 30px;
}
.topic-tracks h3 {
	color: inherit; padding-bottom: 40px; font-weight: 400;
}
@media screen and (max-width:768px)
{
.topic-tracks h3 {
	margin-bottom: 0px;
}
}
.topic-tracks p {
	padding: 0px 20px; margin-bottom: 10px;
}
@media screen and (max-width:768px)
{
.topic-tracks p {
	padding: 0px;
}
}
.topic-tracks .illustration {
	padding: 40px; width: 100%; max-width: 460px;
}
.topic-tracks .track-thumbnails {
	padding: 40px; width: 100%; max-width: 460px;
}
@media screen and (max-width:960px)
{
.topic-tracks .track-thumbnails {
	padding: 20px;
}
}
.topic-tracks .secondary.button {
	border-color: rgb(198, 204, 210); color: rgb(198, 204, 210);
}
.topic-tracks .secondary.button:hover {
	border-color: rgb(169, 179, 187); color: rgb(169, 179, 187);
}
.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: 80px 0px; background-image: url("https://static.teamtreehouse.com/assets/views/topics/teacher-bg-205639114f5a5755b4516507bb356fb5.png");
}
.teacher .avatar {
	border-radius: 50%; margin-bottom: 20px; max-width: 180px;
}
.teacher h4 {
	color: rgb(255, 255, 255);
}
.teacher p {
	color: rgb(255, 255, 255);
}
.teacher p {
	margin-bottom: 30px;
}
.teacher p a {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.teacher .secondary.button {
	color: rgb(255, 255, 255);
}
.teacher-bg-dark {
	background-image: url("https://static.teamtreehouse.com/assets/views/topics/teacher-bg-dark-32a7632ec128d02cc9a3920abd4a2e4e.png");
}
.latest-upcoming {
	background: rgb(237, 239, 240); padding: 80px 0px;
}
.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 0px; padding-right: 40%;
}
}
@media screen and (max-width:400px) and (min-width:341px)
{
.mega-quote {
	background-position: -800px 0px; padding-right: 40%;
}
}
@media screen and (max-width:480px) and (min-width:401px)
{
.mega-quote {
	background-position: -660px 0px; padding-right: 40%;
}
}
@media screen and (max-width:590px) and (min-width:481px)
{
.mega-quote {
	background-position: -575px 0px;
}
}
@media screen and (min-width:591px)
{
.mega-quote {
	background-position: right top;
}
}
.mega-quote-1 {
	background-image: url("https://static.teamtreehouse.com/assets/views/topics/testimonials/ray-megaquote-37c5c1aacdf52cd1370d5689a31f2a76.jpg");
}
.mega-quote-2 {
	background-image: url("https://static.teamtreehouse.com/assets/views/landing_pages/aaron-watkins-megaquote-94ebc0479b313549a7fa6d9035dd5b79.jpg");
}
.mega-quote-3 {
	background-image: url("https://static.teamtreehouse.com/assets/views/landing_pages/joelle-steiniger-megaquote-aca25b63cc5d6e5a36dfece7cbd0e32a.jpg");
}
.topics-controller .card ul {
	margin-left: 0px;
}
.index-action.features-controller header {
	padding-bottom: 96px; margin-bottom: 25px; position: relative;
}
.index-action.features-controller .features-toggle {
	width: 100%; bottom: -25px; position: absolute;
}
.index-action.features-controller .features-toggle-anchor {
	font-size: 14px; margin-right: 0px;
}
.index-action.features-controller .primary.button.features-toggle-anchor:hover {
	border-color: rgb(95, 207, 128); cursor: default; background-color: rgb(95, 207, 128);
}
.index-action.features-controller :not(.primary).button.features-toggle-anchor {
	background-color: rgb(255, 255, 255);
}
.index-action.features-controller :not(.primary).button.features-toggle-anchor:hover {
	border-color: rgb(95, 207, 128);
}
.index-action.features-controller :not(.primary).button.features-toggle-anchor:active {
	border-color: rgb(95, 207, 128);
}
.index-action.features-controller :not(.primary).button.features-toggle-anchor:focus {
	border-color: rgb(95, 207, 128);
}
.index-action.features-controller :first-child.features-toggle-anchor {
	border-radius: 5px 0px 0px 5px;
}
.index-action.features-controller :last-child.features-toggle-anchor {
	border-radius: 0px 5px 5px 0px; margin-left: -5px;
}
.index-action.features-controller .venn-container {
	position: relative;
}
@media screen and (max-width:969px)
{
.index-action.features-controller .venn-container {
	text-align: center;
}
}
@media screen and (min-width:970px)
{
.index-action.features-controller .th-venn {
	left: 50%; top: -10px; width: 324px; height: 326px; margin-left: -162px; position: absolute;
}
}
.index-action.features-controller #who-uses-it-container {
	display: none;
}
.index-action.features-controller .selected#who-uses-it-container {
	display: block;
}
@media screen and (max-width:969px)
{
.index-action.features-controller #who-uses-it-container .secondary-info {
	text-align: center; margin-top: 30px;
}
}
@media screen and (min-width:970px)
{
.index-action.features-controller #who-uses-it-container .secondary-info {
	opacity: 0;
}
.index-action.features-controller #who-uses-it-container :first-child.secondary-info {
	padding: 58px 0px 0px 60px; animation:load-secondary-info 300ms ease-in 500ms forwards; text-align: right; -webkit-animation: load-secondary-info 300ms 500ms ease-in forwards;
}
.index-action.features-controller #who-uses-it-container :nth-child(2).secondary-info {
	padding: 318px 35px 0px; animation:load-secondary-info 300ms ease-in 700ms forwards; text-align: center; -webkit-animation: load-secondary-info 300ms 700ms ease-in forwards;
}
.index-action.features-controller #who-uses-it-container :nth-child(3).secondary-info {
	padding: 58px 60px 0px 0px; animation:load-secondary-info 300ms ease-in 900ms forwards; -webkit-animation: load-secondary-info 300ms 900ms ease-in forwards;
}
}
.index-action.features-controller #how-it-works-container {
	display: none;
}
.index-action.features-controller .selected#how-it-works-container {
	display: block;
}
.index-action.features-controller #how-it-works-container :first-child.content-section {
	padding-bottom: 0px; border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid;
}
.index-action.features-controller #how-it-works-container :first-child.content-section h3 {
	margin-bottom: 10px;
}
.index-action.features-controller #how-it-works-container :first-child.content-section svg {
	display: block;
}
.index-action.features-controller #how-it-works-container .secondary-info {
	margin-top: 40px; margin-bottom: 40px;
}
.index-action.features-controller .features-list {
	list-style: none; margin: 40px -15px 0px; padding: 0px;
}
.index-action.features-controller .features-list::before {
	display: table; content: " ";
}
.index-action.features-controller .features-list::after {
	display: table; content: " ";
}
.index-action.features-controller .features-list::after {
	clear: both;
}
.index-action.features-controller .features-list-item {
	padding: 0px 15px; margin-bottom: 50px; float: left;
}
@media screen and (max-width:520px)
{
.index-action.features-controller .features-list-item {
	width: 100%;
}
}
@media screen and (max-width:767px) and (min-width:521px)
{
.index-action.features-controller .features-list-item {
	width: 50%;
}
.index-action.features-controller :nth-child(2n+1).features-list-item {
	clear: both;
}
}
@media screen and (min-width:768px)
{
.index-action.features-controller .features-list-item {
	width: 33.3%;
}
.index-action.features-controller :nth-child(3n+1).features-list-item {
	clear: both;
}
}
.index-action.features-controller .features-list-anchor {
	overflow: hidden; display: block; position: relative;
}
.index-action.features-controller .features-list-anchor:hover .features-list-description {
	color: rgb(52, 59, 61);
}
.index-action.features-controller .features-list-anchor:hover .hexagon-icon {
	animation:rotate-hexagon 300ms; -webkit-animation: rotate-hexagon 300ms ease;
}
.index-action.features-controller .features-list-anchor .hexagon-icon {
	left: 0px; top: 2px; width: 30px; height: 32px; position: absolute; z-index: 0;
}
.index-action.features-controller .library.features-list-anchor .hexagon-icon {
	fill: #5fcf80;
}
.index-action.features-controller .library.features-list-anchor:hover .features-list-title {
	color: rgb(95, 207, 128);
}
.index-action.features-controller .library.features-list-anchor:active .features-list-title {
	color: rgb(95, 207, 128);
}
.index-action.features-controller .library.features-list-anchor:focus .features-list-title {
	color: rgb(95, 207, 128);
}
.index-action.features-controller .tracks.features-list-anchor .hexagon-icon {
	fill: #3ac162;
}
.index-action.features-controller .tracks.features-list-anchor:hover .features-list-title {
	color: rgb(58, 193, 98);
}
.index-action.features-controller .tracks.features-list-anchor:active .features-list-title {
	color: rgb(58, 193, 98);
}
.index-action.features-controller .tracks.features-list-anchor:focus .features-list-title {
	color: rgb(58, 193, 98);
}
.index-action.features-controller .forum.features-list-anchor .hexagon-icon {
	fill: #ffd465;
}
.index-action.features-controller .forum.features-list-anchor:hover .features-list-title {
	color: rgb(255, 212, 101);
}
.index-action.features-controller .forum.features-list-anchor:active .features-list-title {
	color: rgb(255, 212, 101);
}
.index-action.features-controller .forum.features-list-anchor:focus .features-list-title {
	color: rgb(255, 212, 101);
}
.index-action.features-controller .workspaces.features-list-anchor .hexagon-icon {
	fill: #ff9f1f;
}
.index-action.features-controller .workspaces.features-list-anchor:hover .features-list-title {
	color: rgb(255, 159, 31);
}
.index-action.features-controller .workspaces.features-list-anchor:active .features-list-title {
	color: rgb(255, 159, 31);
}
.index-action.features-controller .workspaces.features-list-anchor:focus .features-list-title {
	color: rgb(255, 159, 31);
}
.index-action.features-controller .courses.features-list-anchor .hexagon-icon {
	fill: #ed5a5a;
}
.index-action.features-controller .courses.features-list-anchor:hover .features-list-title {
	color: rgb(237, 90, 90);
}
.index-action.features-controller .courses.features-list-anchor:active .features-list-title {
	color: rgb(237, 90, 90);
}
.index-action.features-controller .courses.features-list-anchor:focus .features-list-title {
	color: rgb(237, 90, 90);
}
.index-action.features-controller .videos.features-list-anchor .hexagon-icon {
	fill: #ff8fb4;
}
.index-action.features-controller .videos.features-list-anchor:hover .features-list-title {
	color: rgb(255, 143, 180);
}
.index-action.features-controller .videos.features-list-anchor:active .features-list-title {
	color: rgb(255, 143, 180);
}
.index-action.features-controller .videos.features-list-anchor:focus .features-list-title {
	color: rgb(255, 143, 180);
}
.index-action.features-controller .stages.features-list-anchor .hexagon-icon {
	fill: #ff5b89;
}
.index-action.features-controller .stages.features-list-anchor:hover .features-list-title {
	color: rgb(255, 91, 137);
}
.index-action.features-controller .stages.features-list-anchor:active .features-list-title {
	color: rgb(255, 91, 137);
}
.index-action.features-controller .stages.features-list-anchor:focus .features-list-title {
	color: rgb(255, 91, 137);
}
.index-action.features-controller .code-challenges.features-list-anchor .hexagon-icon {
	fill: #a083c8;
}
.index-action.features-controller .code-challenges.features-list-anchor:hover .features-list-title {
	color: rgb(160, 131, 200);
}
.index-action.features-controller .code-challenges.features-list-anchor:active .features-list-title {
	color: rgb(160, 131, 200);
}
.index-action.features-controller .code-challenges.features-list-anchor:focus .features-list-title {
	color: rgb(160, 131, 200);
}
.index-action.features-controller .quizzes.features-list-anchor .hexagon-icon {
	fill: #8363b2;
}
.index-action.features-controller .quizzes.features-list-anchor:hover .features-list-title {
	color: rgb(131, 99, 178);
}
.index-action.features-controller .quizzes.features-list-anchor:active .features-list-title {
	color: rgb(131, 99, 178);
}
.index-action.features-controller .quizzes.features-list-anchor:focus .features-list-title {
	color: rgb(131, 99, 178);
}
.index-action.features-controller .conferences.features-list-anchor .hexagon-icon {
	fill: #42b4d6;
}
.index-action.features-controller .conferences.features-list-anchor:hover .features-list-title {
	color: rgb(66, 180, 214);
}
.index-action.features-controller .conferences.features-list-anchor:active .features-list-title {
	color: rgb(66, 180, 214);
}
.index-action.features-controller .conferences.features-list-anchor:focus .features-list-title {
	color: rgb(66, 180, 214);
}
.index-action.features-controller .bonus.features-list-anchor .hexagon-icon {
	fill: #3f8abf;
}
.index-action.features-controller .bonus.features-list-anchor:hover .features-list-title {
	color: rgb(63, 138, 191);
}
.index-action.features-controller .bonus.features-list-anchor:active .features-list-title {
	color: rgb(63, 138, 191);
}
.index-action.features-controller .bonus.features-list-anchor:focus .features-list-title {
	color: rgb(63, 138, 191);
}
.index-action.features-controller .workshops.features-list-anchor .hexagon-icon {
	fill: #5fcf80;
}
.index-action.features-controller .workshops.features-list-anchor:hover .features-list-title {
	color: rgb(95, 207, 128);
}
.index-action.features-controller .workshops.features-list-anchor:active .features-list-title {
	color: rgb(95, 207, 128);
}
.index-action.features-controller .workshops.features-list-anchor:focus .features-list-title {
	color: rgb(95, 207, 128);
}
.index-action.features-controller .points.features-list-anchor .hexagon-icon {
	fill: #3ac162;
}
.index-action.features-controller .points.features-list-anchor:hover .features-list-title {
	color: rgb(58, 193, 98);
}
.index-action.features-controller .points.features-list-anchor:active .features-list-title {
	color: rgb(58, 193, 98);
}
.index-action.features-controller .points.features-list-anchor:focus .features-list-title {
	color: rgb(58, 193, 98);
}
.index-action.features-controller .reward-videos.features-list-anchor .hexagon-icon {
	fill: #f6f9fa;
}
.index-action.features-controller .reward-videos.features-list-anchor:hover .features-list-title {
	color: rgb(246, 249, 250);
}
.index-action.features-controller .reward-videos.features-list-anchor:active .features-list-title {
	color: rgb(246, 249, 250);
}
.index-action.features-controller .reward-videos.features-list-anchor:focus .features-list-title {
	color: rgb(246, 249, 250);
}
.index-action.features-controller .badges.features-list-anchor .hexagon-icon {
	fill: #ffd465;
}
.index-action.features-controller .badges.features-list-anchor:hover .features-list-title {
	color: rgb(255, 212, 101);
}
.index-action.features-controller .badges.features-list-anchor:active .features-list-title {
	color: rgb(255, 212, 101);
}
.index-action.features-controller .badges.features-list-anchor:focus .features-list-title {
	color: rgb(255, 212, 101);
}
.index-action.features-controller .activity-feed.features-list-anchor .hexagon-icon {
	fill: #ff9f1f;
}
.index-action.features-controller .activity-feed.features-list-anchor:hover .features-list-title {
	color: rgb(255, 159, 31);
}
.index-action.features-controller .activity-feed.features-list-anchor:active .features-list-title {
	color: rgb(255, 159, 31);
}
.index-action.features-controller .activity-feed.features-list-anchor:focus .features-list-title {
	color: rgb(255, 159, 31);
}
.index-action.features-controller .profile.features-list-anchor .hexagon-icon {
	fill: #ed5a5a;
}
.index-action.features-controller .profile.features-list-anchor:hover .features-list-title {
	color: rgb(237, 90, 90);
}
.index-action.features-controller .profile.features-list-anchor:active .features-list-title {
	color: rgb(237, 90, 90);
}
.index-action.features-controller .profile.features-list-anchor:focus .features-list-title {
	color: rgb(237, 90, 90);
}
.index-action.features-controller .notifications.features-list-anchor .hexagon-icon {
	fill: #ff8fb4;
}
.index-action.features-controller .notifications.features-list-anchor:hover .features-list-title {
	color: rgb(255, 143, 180);
}
.index-action.features-controller .notifications.features-list-anchor:active .features-list-title {
	color: rgb(255, 143, 180);
}
.index-action.features-controller .notifications.features-list-anchor:focus .features-list-title {
	color: rgb(255, 143, 180);
}
.index-action.features-controller .student-perks.features-list-anchor .hexagon-icon {
	fill: #ff5b89;
}
.index-action.features-controller .student-perks.features-list-anchor:hover .features-list-title {
	color: rgb(255, 91, 137);
}
.index-action.features-controller .student-perks.features-list-anchor:active .features-list-title {
	color: rgb(255, 91, 137);
}
.index-action.features-controller .student-perks.features-list-anchor:focus .features-list-title {
	color: rgb(255, 91, 137);
}
.index-action.features-controller .html.features-list-anchor .hexagon-icon {
	fill: #39add1;
}
.index-action.features-controller .html.features-list-anchor:hover .features-list-title {
	color: rgb(57, 173, 209);
}
.index-action.features-controller .html.features-list-anchor:active .features-list-title {
	color: rgb(57, 173, 209);
}
.index-action.features-controller .html.features-list-anchor:focus .features-list-title {
	color: rgb(57, 173, 209);
}
.index-action.features-controller .css.features-list-anchor .hexagon-icon {
	fill: #3079ab;
}
.index-action.features-controller .css.features-list-anchor:hover .features-list-title {
	color: rgb(48, 121, 171);
}
.index-action.features-controller .css.features-list-anchor:active .features-list-title {
	color: rgb(48, 121, 171);
}
.index-action.features-controller .css.features-list-anchor:focus .features-list-title {
	color: rgb(48, 121, 171);
}
.index-action.features-controller .javascript.features-list-anchor .hexagon-icon {
	fill: #c25975;
}
.index-action.features-controller .javascript.features-list-anchor:hover .features-list-title {
	color: rgb(194, 89, 117);
}
.index-action.features-controller .javascript.features-list-anchor:active .features-list-title {
	color: rgb(194, 89, 117);
}
.index-action.features-controller .javascript.features-list-anchor:focus .features-list-title {
	color: rgb(194, 89, 117);
}
.index-action.features-controller .java.features-list-anchor .hexagon-icon {
	fill: #2c9676;
}
.index-action.features-controller .java.features-list-anchor:hover .features-list-title {
	color: rgb(44, 150, 118);
}
.index-action.features-controller .java.features-list-anchor:active .features-list-title {
	color: rgb(44, 150, 118);
}
.index-action.features-controller .java.features-list-anchor:focus .features-list-title {
	color: rgb(44, 150, 118);
}
.index-action.features-controller .ruby.features-list-anchor .hexagon-icon {
	fill: #e15258;
}
.index-action.features-controller .ruby.features-list-anchor:hover .features-list-title {
	color: rgb(225, 82, 88);
}
.index-action.features-controller .ruby.features-list-anchor:active .features-list-title {
	color: rgb(225, 82, 88);
}
.index-action.features-controller .ruby.features-list-anchor:focus .features-list-title {
	color: rgb(225, 82, 88);
}
.index-action.features-controller .business.features-list-anchor .hexagon-icon {
	fill: #f9845b;
}
.index-action.features-controller .business.features-list-anchor:hover .features-list-title {
	color: rgb(249, 132, 91);
}
.index-action.features-controller .business.features-list-anchor:active .features-list-title {
	color: rgb(249, 132, 91);
}
.index-action.features-controller .business.features-list-anchor:focus .features-list-title {
	color: rgb(249, 132, 91);
}
.index-action.features-controller .wordpress.features-list-anchor .hexagon-icon {
	fill: #838cc7;
}
.index-action.features-controller .wordpress.features-list-anchor:hover .features-list-title {
	color: rgb(131, 140, 199);
}
.index-action.features-controller .wordpress.features-list-anchor:active .features-list-title {
	color: rgb(131, 140, 199);
}
.index-action.features-controller .wordpress.features-list-anchor:focus .features-list-title {
	color: rgb(131, 140, 199);
}
.index-action.features-controller .php.features-list-anchor .hexagon-icon {
	fill: #7d669e;
}
.index-action.features-controller .php.features-list-anchor:hover .features-list-title {
	color: rgb(125, 102, 158);
}
.index-action.features-controller .php.features-list-anchor:active .features-list-title {
	color: rgb(125, 102, 158);
}
.index-action.features-controller .php.features-list-anchor:focus .features-list-title {
	color: rgb(125, 102, 158);
}
.index-action.features-controller .ios.features-list-anchor .hexagon-icon {
	fill: #53bbb4;
}
.index-action.features-controller .ios.features-list-anchor:hover .features-list-title {
	color: rgb(83, 187, 180);
}
.index-action.features-controller .ios.features-list-anchor:active .features-list-title {
	color: rgb(83, 187, 180);
}
.index-action.features-controller .ios.features-list-anchor:focus .features-list-title {
	color: rgb(83, 187, 180);
}
.index-action.features-controller .android.features-list-anchor .hexagon-icon {
	fill: #5cb860;
}
.index-action.features-controller .android.features-list-anchor:hover .features-list-title {
	color: rgb(92, 184, 96);
}
.index-action.features-controller .android.features-list-anchor:active .features-list-title {
	color: rgb(92, 184, 96);
}
.index-action.features-controller .android.features-list-anchor:focus .features-list-title {
	color: rgb(92, 184, 96);
}
.index-action.features-controller .design.features-list-anchor .hexagon-icon {
	fill: #e59a13;
}
.index-action.features-controller .design.features-list-anchor:hover .features-list-title {
	color: rgb(229, 154, 19);
}
.index-action.features-controller .design.features-list-anchor:active .features-list-title {
	color: rgb(229, 154, 19);
}
.index-action.features-controller .design.features-list-anchor:focus .features-list-title {
	color: rgb(229, 154, 19);
}
.index-action.features-controller .development-tools.features-list-anchor .hexagon-icon {
	fill: #637a91;
}
.index-action.features-controller .development-tools.features-list-anchor:hover .features-list-title {
	color: rgb(99, 122, 145);
}
.index-action.features-controller .development-tools.features-list-anchor:active .features-list-title {
	color: rgb(99, 122, 145);
}
.index-action.features-controller .development-tools.features-list-anchor:focus .features-list-title {
	color: rgb(99, 122, 145);
}
.index-action.features-controller .python.features-list-anchor .hexagon-icon {
	fill: #f092b0;
}
.index-action.features-controller .python.features-list-anchor:hover .features-list-title {
	color: rgb(240, 146, 176);
}
.index-action.features-controller .python.features-list-anchor:active .features-list-title {
	color: rgb(240, 146, 176);
}
.index-action.features-controller .python.features-list-anchor:focus .features-list-title {
	color: rgb(240, 146, 176);
}
.index-action.features-controller .digital-literacy.features-list-anchor .hexagon-icon {
	fill: #c38cd4;
}
.index-action.features-controller .digital-literacy.features-list-anchor:hover .features-list-title {
	color: rgb(195, 140, 212);
}
.index-action.features-controller .digital-literacy.features-list-anchor:active .features-list-title {
	color: rgb(195, 140, 212);
}
.index-action.features-controller .digital-literacy.features-list-anchor:focus .features-list-title {
	color: rgb(195, 140, 212);
}
.index-action.features-controller .game-development.features-list-anchor .hexagon-icon {
	fill: #20898c;
}
.index-action.features-controller .game-development.features-list-anchor:hover .features-list-title {
	color: rgb(32, 137, 140);
}
.index-action.features-controller .game-development.features-list-anchor:active .features-list-title {
	color: rgb(32, 137, 140);
}
.index-action.features-controller .game-development.features-list-anchor:focus .features-list-title {
	color: rgb(32, 137, 140);
}
.index-action.features-controller .csharp.features-list-anchor .hexagon-icon {
	fill: #9e4d83;
}
.index-action.features-controller .csharp.features-list-anchor:hover .features-list-title {
	color: rgb(158, 77, 131);
}
.index-action.features-controller .csharp.features-list-anchor:active .features-list-title {
	color: rgb(158, 77, 131);
}
.index-action.features-controller .csharp.features-list-anchor:focus .features-list-title {
	color: rgb(158, 77, 131);
}
.index-action.features-controller .databases.features-list-anchor .hexagon-icon {
	fill: #eb7728;
}
.index-action.features-controller .databases.features-list-anchor:hover .features-list-title {
	color: rgb(235, 119, 40);
}
.index-action.features-controller .databases.features-list-anchor:active .features-list-title {
	color: rgb(235, 119, 40);
}
.index-action.features-controller .databases.features-list-anchor:focus .features-list-title {
	color: rgb(235, 119, 40);
}
.index-action.features-controller .undefined.features-list-anchor .hexagon-icon {
	fill: #717b85;
}
.index-action.features-controller .undefined.features-list-anchor:hover .features-list-title {
	color: rgb(113, 123, 133);
}
.index-action.features-controller .undefined.features-list-anchor:active .features-list-title {
	color: rgb(113, 123, 133);
}
.index-action.features-controller .undefined.features-list-anchor:focus .features-list-title {
	color: rgb(113, 123, 133);
}
.index-action.features-controller .features-list-anchor [class*='-icon']:not(.hexagon-icon) {
	fill: #fff;
}
.index-action.features-controller .features-list-anchor .library-icon {
	left: 10px; top: 12px; width: 10px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .tracks-icon {
	left: 9px; top: 12px; width: 12px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .workspaces-icon {
	left: 9px; top: 12px; width: 12px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .forum-icon {
	left: 9px; top: 12px; width: 12px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .videos-icon {
	left: 9px; top: 12px; width: 12px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .workshops-icon {
	left: 9px; top: 12px; width: 12px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .notifications-icon {
	left: 9px; top: 12px; width: 12px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .student-perks-icon {
	left: 9px; top: 12px; width: 12px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .forum-icon {
	top: 13px; position: absolute;
}
.index-action.features-controller .features-list-anchor .stages-icon {
	left: 9px; top: 13px; width: 12px; height: 10px; position: absolute;
}
.index-action.features-controller .features-list-anchor .code-challenges-icon {
	left: 7px; top: 13px; width: 16px; height: 10px; position: absolute;
}
.index-action.features-controller .features-list-anchor .points-icon {
	left: 7px; top: 13px; width: 16px; height: 10px; position: absolute;
}
.index-action.features-controller .features-list-anchor .activity-feed-icon {
	left: 7px; top: 13px; width: 16px; height: 10px; position: absolute;
}
.index-action.features-controller .features-list-anchor .quizzes-icon {
	left: 11px; top: 12px; width: 8px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .conferences-icon {
	left: 8px; top: 13px; width: 14px; height: 10px; position: absolute;
}
.index-action.features-controller .features-list-anchor .bonus-icon {
	left: 8px; top: 11px; width: 14px; height: 14px; position: absolute;
}
.index-action.features-controller .features-list-anchor .badges-icon {
	left: 8px; top: 11px; width: 14px; height: 14px; position: absolute;
}
.index-action.features-controller .features-list-anchor .courses-icon {
	left: 8px; top: 11px; width: 14px; height: 14px; position: absolute;
}
.index-action.features-controller .features-list-anchor .profile-icon {
	left: 8px; top: 11px; width: 14px; height: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .html-small-icon {
	left: 3px; top: 15px; position: absolute;
}
.index-action.features-controller .features-list-anchor .css-small-icon {
	left: 7px; top: 15px; position: absolute;
}
.index-action.features-controller .features-list-anchor .wordpress-small-icon {
	left: 7px; top: 15px; position: absolute;
}
.index-action.features-controller .features-list-anchor .ruby-small-icon {
	left: 8px; top: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .javascript-small-icon {
	left: 7px; top: 13px; position: absolute;
}
.index-action.features-controller .features-list-anchor .php-small-icon {
	left: 6px; top: 15px; position: absolute;
}
.index-action.features-controller .features-list-anchor .design-small-icon {
	left: 11px; top: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .ios-small-icon {
	left: 10px; top: 11px; position: absolute;
}
.index-action.features-controller .features-list-anchor .digital-literacy-small-icon {
	left: 10px; top: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .android-small-icon {
	left: 9px; top: 11px; position: absolute;
}
.index-action.features-controller .features-list-anchor .python-small-icon {
	left: 8px; top: 11px; position: absolute;
}
.index-action.features-controller .features-list-anchor .java-small-icon {
	left: 8px; top: 13px; position: absolute;
}
.index-action.features-controller .features-list-anchor .development-tools-small-icon {
	left: 11px; top: 11px; position: absolute;
}
.index-action.features-controller .features-list-anchor .business-small-icon {
	left: 9px; top: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .game-development-small-icon {
	left: 7px; top: 13px; position: absolute;
}
.index-action.features-controller .features-list-anchor .csharp-small-icon {
	left: 10px; top: 12px; position: absolute;
}
.index-action.features-controller .features-list-anchor .databases-small-icon {
	left: 10px; top: 12px; position: absolute;
}
.index-action.features-controller .features-list-content {
	padding-left: 44px; float: left;
}
.index-action.features-controller .features-list-title {
	transition:color 300ms; margin-bottom: 0px; -webkit-transition: color 300ms ease;
}
.index-action.features-controller .features-list-description {
	transition:color 300ms; line-height: 1.4; font-size: 14px; margin-top: 2px; margin-bottom: 0px; -webkit-transition: color 300ms ease;
}
.features-controller .primary.button {
	margin-top: 30px;
}
.features-controller .sample {
	transition:opacity 200ms ease-in-out; opacity: 1; -webkit-transition: opacity 200ms ease-in-out;
}
.features-controller .sample:hover {
	opacity: 0.75;
}
.features-controller .sample:focus {
	opacity: 0.75;
}
.features-controller .sample-videos img {
	border-radius: 5px;
}
.features-controller .sample-videos {
	margin-bottom: 30px;
}
.features-controller .workspaces.sample-videos {
	margin-top: 40px; margin-bottom: 40px;
}
.features-controller .stage.sample-videos {
	margin-top: 40px; margin-bottom: 40px;
}
.features-controller .stage.sample-videos img {
	max-width: 300px;
}
.library-action.features-controller h2 {
	font-size: 26px;
}
.library-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.library-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.tracks-action.features-controller h2 {
	font-size: 26px;
}
.tracks-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.tracks-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.forum-action.features-controller h2 {
	font-size: 26px;
}
.forum-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.forum-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.workspaces-action.features-controller h2 {
	font-size: 26px;
}
.workspaces-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.workspaces-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.courses-action.features-controller h2 {
	font-size: 26px;
}
.courses-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.courses-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.videos-action.features-controller h2 {
	font-size: 26px;
}
.videos-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.videos-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.stages-action.features-controller h2 {
	font-size: 26px;
}
.stages-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.stages-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.code-challenges-action.features-controller h2 {
	font-size: 26px;
}
.code-challenges-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.code-challenges-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.quizzes-action.features-controller h2 {
	font-size: 26px;
}
.quizzes-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.quizzes-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.conferences-action.features-controller h2 {
	font-size: 26px;
}
.conferences-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.conferences-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.bonus-action.features-controller h2 {
	font-size: 26px;
}
.bonus-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.bonus-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.workshops-action.features-controller h2 {
	font-size: 26px;
}
.workshops-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.workshops-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.points-action.features-controller h2 {
	font-size: 26px;
}
.points-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.points-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.reward-videos-action.features-controller h2 {
	font-size: 26px;
}
.reward-videos-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.reward-videos-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.badges-action.features-controller h2 {
	font-size: 26px;
}
.badges-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.badges-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.activity-feed-action.features-controller h2 {
	font-size: 26px;
}
.activity-feed-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.activity-feed-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.profile-action.features-controller h2 {
	font-size: 26px;
}
.profile-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.profile-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.notifications-action.features-controller h2 {
	font-size: 26px;
}
.notifications-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.notifications-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.student-perks-action.features-controller h2 {
	font-size: 26px;
}
.student-perks-action.features-controller p + img {
	padding-top: 40px; padding-bottom: 50px;
}
.student-perks-action.features-controller p + .row {
	margin-top: 50px; margin-bottom: 50px;
}
.library-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.forum-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.videos-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.code-challenges-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.conferences-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.live-workshops-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.points-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.activity-feed-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
.notifications-action.features-controller .content-section svg {
	margin-bottom: 30px;
}
@media screen and (min-width:768px)
{
.ie.library-action.features-controller .feature-graphic {
	height: 413px;
}
}
.library-action.features-controller ul.topics {
	overflow: hidden; padding-left: 20px; margin-left: 0px;
}
.library-action.features-controller ul.topics li {
	width: 50%; float: left;
}
@media screen and (min-width:768px)
{
.ie.tracks-action.features-controller .feature-graphic {
	height: 562px;
}
.ie.forum-action.features-controller .feature-graphic {
	height: 413px;
}
.ie.videos-action.features-controller .feature-graphic {
	height: 413px;
}
.ie.workspaces-action.features-controller .feature-graphic {
	height: 364px;
}
.ie.stages-action.features-controller .feature-graphic {
	height: 200px;
}
.ie.code-challenges-action.features-controller .feature-graphic {
	height: 350px;
}
.ie.quizzes-action.features-controller .feature-graphic {
	height: 315px;
}
.ie.bonus-action.features-controller .feature-graphic {
	height: 315px;
}
.ie.notifications-action.features-controller .feature-graphic {
	height: 315px;
}
.ie.conferences-action.features-controller .feature-graphic {
	height: 400px;
}
.ie.live-workshops-action.features-controller .feature-graphic {
	height: 343px;
}
.ie.points-action.features-controller .feature-graphic {
	height: 252px;
}
.ie.badges-action.features-controller .feature-graphic {
	height: 255px;
}
.ie.activity-feed-action.features-controller .feature-graphic {
	height: 377px;
}
.ie.profile-action.features-controller .feature-graphic {
	height: 377px;
}
.ie.student-perks-action.features-controller .feature-graphic {
	height: 265px;
}
.ie.ipad-app-action.features-controller .feature-graphic {
	height: 396px;
}
.ie.android-app-action.features-controller .feature-graphic {
	height: 640px;
}
}
.student-perks-action.features-controller h2 {
	margin-top: 60px;
}
.features-controller .ipad-features-content {
	padding-bottom: 0px;
}
@media screen and (min-width:768px)
{
.features-controller .ipad-features-content h3 {
	margin-top: 120px;
}
}
.features-controller .ipad-features-content .highlights {
	text-align: center; margin-top: 80px !important;
}
.features-controller .ipad-features-content .highlights svg {
	width: 65px;
}
@media screen and (max-width:767px)
{
.features-controller .ipad-features-content .highlights svg + p {
	padding-top: 0px; padding-bottom: 40px;
}
}
@media screen and (min-width:768px)
{
.features-controller .ipad-features-content .highlights svg + p {
	padding-top: 40px; padding-bottom: 20px;
}
}
.features-controller .ipad-features-content .ipad-cta h3 {
	margin: 0px;
}
.features-controller .android-features-content {
	padding-bottom: 0px;
}
.features-controller .android-features-content h3 + p {
	margin-bottom: 60px;
}
.features-controller .android-features-content .android-cta h3 {
	margin: 0px;
}
.features-controller .inline-illy {
	padding: 30px 0px;
}
.topics-controller .inline-illy {
	padding: 30px 0px;
}
.topics-controller .primary.button {
	margin-top: 30px;
}
@media screen and (min-width:768px)
{
.ie.css-action.topics-controller .topic-graphic {
	height: 383px;
}
.ie.php-action.topics-controller .topic-graphic {
	height: 383px;
}
.ie.development-tools-action.topics-controller .topic-graphic {
	height: 383px;
}
.ie.design-action.topics-controller .topic-graphic {
	height: 315px;
}
.ie.ruby-action.topics-controller .topic-graphic {
	height: 315px;
}
.ie.ios-action.topics-controller .topic-graphic {
	height: 315px;
}
.ie.python-action.topics-controller .topic-graphic {
	height: 315px;
}
.ie.java-action.topics-controller .topic-graphic {
	height: 315px;
}
.ie.digital-literacy-action.topics-controller .topic-graphic {
	height: 315px;
}
}
.topics-controller .android-illy {
	fill: #5cb860;
}
.topics-controller .business-illy {
	fill: #f9845b;
}
.topics-controller .css-illy {
	fill: #3079ab;
}
.topics-controller .design-illy {
	fill: #e59a13;
}
.topics-controller .devtools-illy {
	fill: #637a91;
}
.topics-controller .digital-literacy-illy {
	fill: #c38cd4;
}
.topics-controller .html-illy {
	fill: #39add1;
}
.topics-controller .ios-illy {
	fill: #53bbb4;
}
.topics-controller .java-illy {
	fill: #2c9676;
}
.topics-controller .javascript-illy {
	fill: #c25975;
}
.topics-controller .php-illy {
	fill: #7d669e;
}
.topics-controller .python-illy {
	fill: #f092b0;
}
.topics-controller .ruby-illy {
	fill: #e15258;
}
.topics-controller .wordpress-illy {
	fill: #838cc7;
}
#success {
	background: rgba(95, 207, 128, 0.97); left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: none; position: absolute; z-index: 10;
}
#success .content {
	animation:success-content 0.3s ease-in-out forwards; margin-top: 150px; opacity: 0; -webkit-animation: success-content 0.3s ease-in-out forwards;
}
#success .content .checkmark {
	margin: 0px 0px 15px; width: 72px; height: 72px; fill: white;
}
#success .content h2 {
	color: white; font-size: 2em; margin-bottom: 10px;
}
#success .content p {
	color: white; font-size: 1.5em; margin-bottom: 20px;
}
#btn-success-close {
	color: white; font-weight: 500; opacity: 0.5;
}
#btn-success-close svg {
	width: 12px; height: 12px; fill: white;
}
.organizations-action header {
	background: rgb(56, 64, 71); margin: 80px 0px 0px; padding: 0px; overflow: hidden; position: relative; min-height: 500px;
}
@media screen and (max-width:980px)
{
.organizations-action header {
	min-height: 440px;
}
}
@media screen and (max-width:767px)
{
.organizations-action header {
	margin: 51px 0px 0px; padding-bottom: 50px; min-height: 0px;
}
}
.organizations-action .video-preview {
	left: 0px; top: -100px; width: auto; height: auto; position: absolute; min-height: 100%; min-width: 100%;
}
.organizations-action .headline {
	margin-top: 130px;
}
@media screen and (max-width:767px)
{
.organizations-action .headline {
	margin-top: 40px;
}
}
.organizations-action .headline h1 {
	color: rgb(255, 255, 255);
}
@media screen and (max-width:840px)
{
.organizations-action .headline h1 {
	font-size: 30px;
}
}
.organizations-action .headline .subheader {
	color: rgb(255, 255, 255); font-weight: 400; margin-bottom: 30px;
}
.organizations-action .logo-bar {
	padding: 40px 0px; text-align: center; background-color: rgb(246, 249, 250);
}
.organizations-action .trust-headline {
	margin-top: 0px; margin-bottom: 30px;
}
.organizations-action .companies-badge-icon {
	max-width: 450px; fill: #c7cfd1;
}
.organizations-action .primary.button {
	margin-top: 0px;
}
.organizations-action .content-section .lead {
	font-size: 1.25em; margin-top: 0px; margin-bottom: 40px;
}
.organizations-action .content-section .lead strong {
	font-weight: 500;
}
.organizations-action .feature-header {
	padding: 40px 0px 0px;
}
@media screen and (max-width:767px)
{
.organizations-action .org-feature {
	margin-bottom: 40px;
}
}
.organizations-action .org-feature-graphic {
	margin-bottom: 20px;
}
.organizations-action .org-feature p {
	font-size: 14px;
}
.organizations-action .org-demo-button {
	margin-top: 40px;
}
.organizations-action .tabs ul li.current a.button {
	border: 2px solid rgb(99, 122, 145); border-image: none; color: rgb(255, 255, 255); background-color: rgb(99, 122, 145);
}
.organizations-action .button-group {
	margin: 40px auto; font-size: inherit; list-style-type: none;
}
@media screen and (max-width:640px)
{
.organizations-action .button-group-item {
	display: block;
}
.organizations-action :first-child.button-group-item a {
	border-radius: 5px 5px 0px 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.organizations-action :last-child.button-group-item a {
	border-radius: 0px 0px 5px 5px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
}
@media screen and (min-width:641px)
{
.organizations-action .button-group-item {
	display: inline-block;
}
.organizations-action :first-child.button-group-item a {
	border-radius: 5px 0px 0px 5px; margin-right: -5px; border-right-color: currentColor !important; border-right-width: 0px !important; border-right-style: none !important;
}
.organizations-action :last-child.button-group-item a {
	border-radius: 0px 5px 5px 0px; margin-left: -5px; border-left-color: currentColor !important; border-left-width: 0px !important; border-left-style: none !important;
}
}
.organizations-action .button-group .button {
	padding: 0px 34px; border-radius: 0px; font-size: 14px;
}
@media screen and (max-width:640px)
{
.organizations-action .button-group .button {
	padding: 0px 14px; width: 100%; height: 36px; line-height: 32px;
}
}
.organizations-action .track-container {
	margin-top: 40px;
}
.organizations-action .tracks .panel {
	transition:0.3s ease-in; -webkit-transition: 0.3s ease-in;
}
.organizations-action .tracks .panel:hover {
	background-color: rgb(234, 237, 238);
}
.organizations-action .tracks h5 {
	text-align: center; line-height: 26px;
}
.organizations-action .tracks span {
	padding: 5px; border-radius: 50%; width: 28px; height: 28px; float: left;
}
.organizations-action .tracks .track-icon {
	fill: #fff;
}
.organizations-action .tracks .course-icon {
	fill: #fff;
}
.organizations-action .tracks .conference-icon {
	fill: #fff;
}
.organizations-action .tracks .workshop-icon {
	fill: #fff;
}
.organizations-action .tracks .right-arrow-icon {
	width: 16px; height: 16px; margin-top: 4px; float: right; fill: #c6ccd2;
}
.organizations-action .panel.tracks {
	transition:transform 200ms ease-in-out; box-shadow: 0px 3px 0px #d5e3e8; background-color: rgb(255, 255, 255); -webkit-transition: -webkit-transform 200ms ease-in-out;
}
.organizations-action .panel.tracks:hover {
	transform: translateY(-2px); -webkit-transform: translateY(-2px);
}
.organizations-action .panel.tracks h5 {
	padding-top: 2px;
}
.organizations-action .mega-quote {
	background-color: rgb(95, 207, 128);
}
#orgs-contact-form {
	background-position: top; margin: 0px; padding: 40px; border-radius: 5px; position: relative; background-image: url("https://static.teamtreehouse.com/assets/shared/rainbow-border-6ac49aa591dbcbd6feb2cf258d84dce9.png"); background-repeat: repeat-x; background-size: 100% 8px; background-color: rgb(246, 249, 250);
}
#orgs-contact-form .form-heading {
	margin-bottom: 0px;
}
#orgs-contact-form p {
	font-size: 14px;
}
#orgs-contact-form p.note {
	font-size: 13px; font-style: italic; margin-top: 10px; margin-bottom: 0px;
}
#orgs-contact-form .form-item .required {
	top: 6px; width: 20px; height: 100%; text-align: center; right: 5px; line-height: 40px; position: absolute;
}
#orgs-contact-form .form-item .required::before {
	background: rgb(183, 192, 199); padding: 0px 6px; border-radius: 3px; top: 6px; height: 20px; right: 6px; color: white; line-height: 20px; font-size: 11px; font-weight: 500; display: none; position: absolute; content: "Required";
}
#orgs-contact-form .form-item .required:hover::before {
	display: block;
}
#orgs-contact-form .input-text {
	background-color: rgb(232, 238, 239);
}
#orgs-contact-form textarea {
	background-color: rgb(232, 238, 239);
}
#orgs-contact-form .form-element {
	background-color: rgb(232, 238, 239);
}
#orgs-contact-form .input-text:focus {
	background-color: rgb(255, 255, 255);
}
#orgs-contact-form textarea:focus {
	background-color: rgb(255, 255, 255);
}
#orgs-contact-form .form-element:focus {
	background-color: rgb(255, 255, 255);
}
#contact {
	margin: 50px auto;
}
.student-stories-controller .story-content blockquote {
	padding: 40px 10%; border: currentColor; border-image: none; background-size: 161px 112px;
}
.student-stories-controller .story-content blockquote p {
	text-align: center; color: rgb(95, 207, 128); line-height: 1.6; font-size: 22px; font-weight: 500;
}
.index-action.student-stories-controller h2 {
	font-size: 40px;
}
.index-action.student-stories-controller h3 {
	font-size: 26px;
}
.index-action.student-stories-controller p {
	color: rgb(87, 99, 102); font-size: 16px;
}
.student-stories-controller h2 {
	text-align: center; font-size: 26px;
}
.student-stories-controller h3 {
	font-size: 18px;
}
.student-stories-controller p {
	color: rgb(101, 111, 114); font-size: 14px;
}
.student-stories-controller p + h3 {
	margin-top: 40px;
}
.student-stories-controller ol li {
	color: rgb(101, 111, 114); font-size: 14px; margin-bottom: 20px;
}
.student-stories-controller .story-intro {
	padding-bottom: 20px; margin-bottom: 40px; position: relative;
}
.student-stories-controller .story-intro::before {
	left: 50%; width: 60px; height: 1px; bottom: 0px; margin-left: -30px; display: block; position: absolute; content: " "; background-color: rgb(234, 237, 239);
}
.student-stories-controller .story-intro p {
	font-size: 17px;
}
.student-stories-controller header {
	position: relative;
}
.student-stories-controller header#story {
	padding: 30px 0px 76px; margin-bottom: 120px;
}
.student-stories-controller header .student-location {
	margin-top: -2px; margin-bottom: 30px;
}
.student-stories-controller .student-photo-wrap {
	width: 100%; bottom: -142px; position: absolute;
}
.student-stories-controller .student-photo {
	border-radius: 144px; border: 3px solid rgb(180, 205, 214); border-image: none; width: 144px; height: 144px;
}
.student-stories-controller .student-social-list {
	list-style: none; margin: 25px 0px 0px; padding: 0px; overflow: hidden;
}
.student-stories-controller .student-social-list-item {
	margin-right: 16px; display: inline;
}
.student-stories-controller :last-child.student-social-list-item {
	margin-right: 0px;
}
.student-stories-controller .student-social-list-item a {
	border-radius: 100px; transition:background-color 200ms ease-in-out; width: 34px; height: 34px; display: inline-block; background-color: rgb(180, 205, 214); -webkit-transition: background-color 200ms ease-in-out;
}
.student-stories-controller .student-social-list-item a:hover {
	background-color: rgb(148, 183, 195);
}
.student-stories-controller .student-social-list-item a:active {
	background-color: rgb(148, 183, 195);
}
.student-stories-controller .student-social-list-item a:focus {
	background-color: rgb(148, 183, 195);
}
.student-stories-controller .student-social-list-item svg {
	fill: #fff;
}
.student-stories-controller .student-social-list-item .twitter-icon {
	width: 34px; height: 34px;
}
.student-stories-controller .student-social-list-item .website-icon {
	width: 34px; height: 34px;
}
.student-stories-controller .student-social-list-item .logo-icon {
	padding: 6px 6px 6px 7px; width: 21px; height: 21px; box-sizing: content-box;
}
.student-stories-controller blockquote {
	margin-top: 0px;
}
.student-stories-controller .mega-quote {
	height: 270px; margin-top: 0px; background-image: url("https://static.teamtreehouse.com/assets/views/landing_pages/aaron-watkins-megaquote-94ebc0479b313549a7fa6d9035dd5b79.jpg");
}
@media screen and (max-width:520px)
{
.student-stories-controller .mega-quote {
	background-position: -380px 0px; padding-right: 30%;
}
}
@media screen and (max-width:620px) and (min-width:521px)
{
.student-stories-controller .mega-quote {
	background-position: right top;
}
}
.student-stories-controller .submit-story {
	margin-top: 40px;
}
.student-stories-controller .submit-story h4 {
	margin-bottom: 30px;
}
.student-stories-controller .map-wrap {
	overflow: hidden; padding-bottom: 0px; border-bottom-color: rgb(233, 240, 243); border-bottom-width: 1px; border-bottom-style: solid;
}
.stories-map {
	left: 50%; top: 20px; width: 1186px; height: 660px; margin-top: 10px; margin-bottom: 30px; position: relative; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
@media screen and (max-width:480px)
{
.stories-map {
	top: -80px; height: 210px; transform: scale(0.29) translateX(-171%); -webkit-transform: scale(0.29) translateX(-171%);
}
}
@media screen and (max-width:600px) and (min-width:481px)
{
.stories-map {
	top: -80px; height: 280px; transform: scale(0.4) translateX(-123%); -webkit-transform: scale(0.4) translateX(-123%);
}
}
@media screen and (max-width:767px) and (min-width:601px)
{
.stories-map {
	top: -80px; height: 340px; transform: scale(0.5) translateX(-98%); -webkit-transform: scale(0.5) translateX(-98%);
}
}
@media screen and (max-width:880px) and (min-width:768px)
{
.stories-map {
	top: -62px; height: 420px; transform: scale(0.65) translateX(-75%); -webkit-transform: scale(0.65) translateX(-75%);
}
}
@media screen and (max-width:990px) and (min-width:881px)
{
.stories-map {
	top: -36px; height: 500px; transform: scale(0.75) translateX(-65%); -webkit-transform: scale(0.75) translateX(-65%);
}
}
@media screen and (max-width:1200px) and (min-width:991px)
{
.stories-map {
	top: 0px; height: 580px; transform: scale(0.85) translateX(-57%); -webkit-transform: scale(0.85) translateX(-57%);
}
}
@media screen and (max-width:480px)
{
.stories-map #Layer_1 {
	height: 280%;
}
}
@media screen and (max-width:600px) and (min-width:481px)
{
.stories-map #Layer_1 {
	height: 210%;
}
}
@media screen and (max-width:767px) and (min-width:601px)
{
.stories-map #Layer_1 {
	height: 170%;
}
}
@media screen and (max-width:880px) and (min-width:768px)
{
.stories-map #Layer_1 {
	height: 140%;
}
}
@media screen and (max-width:990px) and (min-width:881px)
{
.stories-map #Layer_1 {
	height: 118%;
}
}
@media screen and (max-width:1200px) and (min-width:991px)
{
.stories-map #Layer_1 {
	height: 100%;
}
}
@media screen and (min-width:1201px)
{
.stories-map #Layer_1 {
	top: -42px; position: relative;
}
}
.stories-map .map-illy {
	left: 0px; top: 0px; height: 600px; position: absolute;
}
.stories-map-country {
	border: 1px solid transparent; border-image: none;
}
.stories-map #na-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #na-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #na-c::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #na-c::after {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #na-d::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #na-e::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #na-e::after {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #ca-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #ca-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #sa-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #sa-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #sa-c::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #sa-c::after {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #sa-d::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #sa-e::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #gl-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #gl-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #af-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #af-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #af-c::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #af-c::after {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #af-d::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #af-e::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #af-f::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #eu-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #eu-a::after {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #eu-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #eu-b::after {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #eu-c::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #eu-d::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-c::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-d::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-e::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-e::after {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-f::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-g::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #as-h::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #nz-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #nz-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #au-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #au-b::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #ph-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #ha-a::before {
	display: block; content: " "; background-color: rgba(66, 180, 214, 0.65);
}
.stories-map #na-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #na-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #na-c::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #na-d::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #na-e::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #ca-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #ca-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #sa-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #sa-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #sa-c::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #sa-d::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #sa-e::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #gl-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #gl-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #af-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #af-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #af-c::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #af-d::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #af-e::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #af-f::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #eu-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #eu-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #eu-c::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #eu-d::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-c::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-d::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-e::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-f::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-g::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #as-h::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #nz-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #nz-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #au-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #au-b::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #ph-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #ha-a::before {
	border-radius: 6px; width: 6px; height: 6px; background-size: 6px 6px;
}
.stories-map #na-c::after {
	border-radius: 17px; width: 17px; height: 17px; background-size: 17px 17px;
}
.stories-map #na-e::after {
	border-radius: 17px; width: 17px; height: 17px; background-size: 17px 17px;
}
.stories-map #sa-c::after {
	border-radius: 17px; width: 17px; height: 17px; background-size: 17px 17px;
}
.stories-map #af-c::after {
	border-radius: 17px; width: 17px; height: 17px; background-size: 17px 17px;
}
.stories-map #eu-a::after {
	border-radius: 17px; width: 17px; height: 17px; background-size: 17px 17px;
}
.stories-map #eu-b::after {
	border-radius: 17px; width: 17px; height: 17px; background-size: 17px 17px;
}
.stories-map #as-e::after {
	border-radius: 17px; width: 17px; height: 17px; background-size: 17px 17px;
}
.stories-map #na-a {
	left: 0px; top: 53px; width: 210px; height: 45px; position: absolute;
}
.stories-map #na-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #na-a::before {
	box-shadow: 44px 29px 0px rgba(66,180,214,0.65), 126px 0px 0px rgba(66,180,214,0.65), 158px 13px 0px rgba(66,180,214,0.65), 195px 20px 0px rgba(66,180,214,0.65), 10px 17px 0px rgba(66,180,214,0.65), 123px 20px 0px rgba(66,180,214,0.65), 186px 38px 0px rgba(66,180,214,0.65), 27px 27px 0px rgba(66,180,214,0.65), 140px 18px 0px rgba(66,180,214,0.65), 20px 17px 0px rgba(66,180,214,0.65);
}
.stories-map #na-b {
	left: 73px; top: 99px; width: 147px; height: 74px; position: absolute;
}
.stories-map #na-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #na-b::before {
	box-shadow: 90px 59px 0px rgba(66,180,214,0.65), 36px 13px 0px rgba(66,180,214,0.65), 87px 37px 0px rgba(66,180,214,0.65), 45px 11px 0px rgba(66,180,214,0.65), 84px -2px 0px rgba(66,180,214,0.65), 15px 68px 0px rgba(66,180,214,0.65), 18px 34px 0px rgba(66,180,214,0.65), 126px 41px 0px rgba(66,180,214,0.65), 72px 5px 0px rgba(66,180,214,0.65), 140px 39px 0px rgba(66,180,214,0.65), 37px 12px 0px rgba(66,180,214,0.65), 98px -2px 0px rgba(66,180,214,0.65), 47px 30px 0px rgba(66,180,214,0.65), 106px 65px 0px rgba(66,180,214,0.65), 25px 18px 0px rgba(66,180,214,0.65), 123px 37px 0px rgba(66,180,214,0.65), 37px 43px 0px rgba(66,180,214,0.65), 90px 64px 0px rgba(66,180,214,0.65), 101px 57px 0px rgba(66,180,214,0.65), 138px 61px 0px rgba(66,180,214,0.65);
}
.stories-map #na-c {
	left: 42px; top: 174px; width: 168px; height: 74px; position: absolute;
}
.stories-map #na-c::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #na-c::before {
	box-shadow: 147px 28px 0px rgba(66,180,214,0.65), 157px 18px 0px rgba(66,180,214,0.65), 151px 34px 0px rgba(66,180,214,0.65), 67px 66px 0px rgba(66,180,214,0.65), 23px 47px 0px rgba(66,180,214,0.65), 124px 30px 0px rgba(66,180,214,0.65), 67px 32px 0px rgba(66,180,214,0.65), 85px 47px 0px rgba(66,180,214,0.65), 56px 14px 0px rgba(66,180,214,0.65), 32px 11px 0px rgba(66,180,214,0.65), 104px 1px 0px rgba(66,180,214,0.65), 67px 11px 0px rgba(66,180,214,0.65), 108px 14px 0px rgba(66,180,214,0.65), 22px 33px 0px rgba(66,180,214,0.65), 111px 30px 0px rgba(66,180,214,0.65), 133px 34px 0px rgba(66,180,214,0.65), 30px 36px 0px rgba(66,180,214,0.65), 73px 62px 0px rgba(66,180,214,0.65), 75px 28px 0px rgba(66,180,214,0.65), 139px 26px 0px rgba(66,180,214,0.65), 93px 26px 0px rgba(66,180,214,0.65), 19px 60px 0px rgba(66,180,214,0.65), 76px 22px 0px rgba(66,180,214,0.65), 104px 20px 0px rgba(66,180,214,0.65), 38px 34px 0px rgba(66,180,214,0.65), 72px 50px 0px rgba(66,180,214,0.65), 73px 53px 0px rgba(66,180,214,0.65), 133px 38px 0px rgba(66,180,214,0.65), 56px 19px 0px rgba(66,180,214,0.65), 95px 32px 0px rgba(66,180,214,0.65);
}
.stories-map #na-c::after {
	animation:load-dots 300ms 700ms forwards; opacity: 0; box-shadow: 127px 15px 0px rgba(66,180,214,0.65), 69px 15px 0px rgba(66,180,214,0.65); transform: translateY(-10px); -webkit-animation: load-dots 300ms 700ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #na-d {
	left: 211px; top: 122px; width: 48px; height: 51px; position: absolute;
}
.stories-map #na-d::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #na-d::before {
	box-shadow: 4px 38px 0px rgba(66,180,214,0.65), 38px 3px 0px rgba(66,180,214,0.65), 39px 28px 0px rgba(66,180,214,0.65), 22px 22px 0px rgba(66,180,214,0.65), 14px 22px 0px rgba(66,180,214,0.65), 28px 1px 0px rgba(66,180,214,0.65), 28px 1px 0px rgba(66,180,214,0.65), 29px 10px 0px rgba(66,180,214,0.65), 3px 29px 0px rgba(66,180,214,0.65), 42px 42px 0px rgba(66,180,214,0.65);
}
.stories-map #na-e {
	left: 260px; top: 86px; width: 56px; height: 74px; position: absolute;
}
.stories-map #na-e::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #na-e::before {
	box-shadow: 33px 60px 0px rgba(66,180,214,0.65), 9px 61px 0px rgba(66,180,214,0.65), 4px 11px 0px rgba(66,180,214,0.65), 26px 19px 0px rgba(66,180,214,0.65), 38px 30px 0px rgba(66,180,214,0.65), 2px 12px 0px rgba(66,180,214,0.65), 45px 4px 0px rgba(66,180,214,0.65), 42px 48px 0px rgba(66,180,214,0.65), 19px 40px 0px rgba(66,180,214,0.65), 2px 9px 0px rgba(66,180,214,0.65);
}
.stories-map #na-e::after {
	animation:load-dots 300ms 700ms forwards; opacity: 0; box-shadow: 6px 36px 0px rgba(66,180,214,0.65), 3px 25px 0px rgba(66,180,214,0.65); transform: translateY(-10px); -webkit-animation: load-dots 300ms 700ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #ca-a {
	left: 100px; top: 249px; width: 38px; height: 42px; position: absolute;
}
.stories-map #ca-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #ca-a::before {
	box-shadow: 21px 24px 0px rgba(66,180,214,0.65), 5px 13px 0px rgba(66,180,214,0.65), 19px 17px 0px rgba(66,180,214,0.65), 10px 10px 0px rgba(66,180,214,0.65), -1px 12px 0px rgba(66,180,214,0.65), 8px 4px 0px rgba(66,180,214,0.65);
}
.stories-map #ca-b {
	left: 146px; top: 281px; width: 38px; height: 21px; position: absolute;
}
.stories-map #ca-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #ca-b::before {
	box-shadow: 1px 5px 0px rgba(66,180,214,0.65), 14px -4px 0px rgba(66,180,214,0.65), 16px 7px 0px rgba(66,180,214,0.65), 26px 13px 0px rgba(66,180,214,0.65), 14px -1px 0px rgba(66,180,214,0.65), 24px -1px 0px rgba(66,180,214,0.65);
}
.stories-map #sa-a {
	left: 170px; top: 303px; width: 67px; height: 128px; position: absolute;
}
.stories-map #sa-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #sa-a::before {
	box-shadow: 40px 39px 0px rgba(66,180,214,0.65), 22px 104px 0px rgba(66,180,214,0.65), 6px 4px 0px rgba(66,180,214,0.65), 5px 34px 0px rgba(66,180,214,0.65), 61px 94px 0px rgba(66,180,214,0.65), 52px 0px 0px rgba(66,180,214,0.65), 54px 114px 0px rgba(66,180,214,0.65), 8px 48px 0px rgba(66,180,214,0.65), 56px 42px 0px rgba(66,180,214,0.65), 56px 18px 0px rgba(66,180,214,0.65);
}
.stories-map #sa-b {
	left: 238px; top: 320px; width: 38px; height: 37px; position: absolute;
}
.stories-map #sa-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #sa-b::before {
	box-shadow: 25px 10px 0px rgba(66,180,214,0.65), -4px 28px 0px rgba(66,180,214,0.65), -3px 2px 0px rgba(66,180,214,0.65), -4px 28px 0px rgba(66,180,214,0.65), 27px 24px 0px rgba(66,180,214,0.65), -1px -1px 0px rgba(66,180,214,0.65);
}
.stories-map #sa-c {
	left: 238px; top: 358px; width: 103px; height: 73px; position: absolute;
}
.stories-map #sa-c::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #sa-c::before {
	box-shadow: 14px 31px 0px rgba(66,180,214,0.65), 17px 18px 0px rgba(66,180,214,0.65), 59px 24px 0px rgba(66,180,214,0.65), 86px 57px 0px rgba(66,180,214,0.65), 54px 3px 0px rgba(66,180,214,0.65), 77px 57px 0px rgba(66,180,214,0.65), 68px 19px 0px rgba(66,180,214,0.65), 22px 42px 0px rgba(66,180,214,0.65), 49px 1px 0px rgba(66,180,214,0.65), 61px 57px 0px rgba(66,180,214,0.65);
}
.stories-map #sa-c::after {
	animation:load-dots 300ms 700ms forwards; opacity: 0; box-shadow: 23px -4px 0px rgba(66,180,214,0.65), 89px 13px 0px rgba(66,180,214,0.65); transform: translateY(-10px); -webkit-animation: load-dots 300ms 700ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #sa-d {
	left: 212px; top: 432px; width: 95px; height: 73px; position: absolute;
}
.stories-map #sa-d::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #sa-d::before {
	box-shadow: 57px 53px 0px rgba(66,180,214,0.65), 62px 1px 0px rgba(66,180,214,0.65), 29px 16px 0px rgba(66,180,214,0.65), 26px 25px 0px rgba(66,180,214,0.65), 26px 37px 0px rgba(66,180,214,0.65), 20px 67px 0px rgba(66,180,214,0.65), 16px 6px 0px rgba(66,180,214,0.65), 22px 10px 0px rgba(66,180,214,0.65), 59px 9px 0px rgba(66,180,214,0.65), 38px -2px 0px rgba(66,180,214,0.65);
}
.stories-map #sa-e {
	left: 222px; top: 506px; width: 35px; height: 73px; position: absolute;
}
.stories-map #sa-e::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #sa-e::before {
	box-shadow: 2px 47px 0px rgba(66,180,214,0.65), 15px 51px 0px rgba(66,180,214,0.65), 25px 1px 0px rgba(66,180,214,0.65), 5px 42px 0px rgba(66,180,214,0.65), 21px 29px 0px rgba(66,180,214,0.65);
}
.stories-map #gl-a {
	left: 385px; top: 1px; width: 92px; height: 48px; position: absolute;
}
.stories-map #gl-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #gl-a::before {
	box-shadow: -1px 17px 0px rgba(66,180,214,0.65), 20px 11px 0px rgba(66,180,214,0.65);
}
.stories-map #gl-b {
	left: 385px; top: 50px; width: 55px; height: 26px; position: absolute;
}
.stories-map #gl-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #gl-b::before {
	box-shadow: 18px 6px 0px rgba(66,180,214,0.65), 3px 10px 0px rgba(66,180,214,0.65), 32px 10px 0px rgba(66,180,214,0.65);
}
.stories-map #af-a {
	left: 473px; top: 192px; width: 76px; height: 37px; position: absolute;
}
.stories-map #af-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #af-a::before {
	box-shadow: 50px 9px 0px rgba(66,180,214,0.65), 16px 3px 0px rgba(66,180,214,0.65), 27px 21px 0px rgba(66,180,214,0.65), 4px 1px 0px rgba(66,180,214,0.65), 1px 17px 0px rgba(66,180,214,0.65), 11px 28px 0px rgba(66,180,214,0.65), 44px 31px 0px rgba(66,180,214,0.65), 4px 2px 0px rgba(66,180,214,0.65), 59px 18px 0px rgba(66,180,214,0.65), 48px 15px 0px rgba(66,180,214,0.65);
}
.stories-map #af-b {
	left: 450px; top: 230px; width: 200px; height: 97px; position: absolute;
}
.stories-map #af-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #af-b::before {
	box-shadow: 132px 21px 0px rgba(66,180,214,0.65), 155px 1px 0px rgba(66,180,214,0.65), 186px 14px 0px rgba(66,180,214,0.65), 160px 63px 0px rgba(66,180,214,0.65), 192px 55px 0px rgba(66,180,214,0.65), 95px 61px 0px rgba(66,180,214,0.65);
}
.stories-map #af-c {
	left: 561px; top: 328px; width: 79px; height: 177px; position: absolute;
}
.stories-map #af-c::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #af-c::before {
	box-shadow: 2px 119px 0px rgba(66,180,214,0.65), 49px 80px 0px rgba(66,180,214,0.65), 13px 133px 0px rgba(66,180,214,0.65), 54px 96px 0px rgba(66,180,214,0.65), 6px 83px 0px rgba(66,180,214,0.65), 22px 157px 0px rgba(66,180,214,0.65), 41px 140px 0px rgba(66,180,214,0.65), 10px 56px 0px rgba(66,180,214,0.65), 39px 108px 0px rgba(66,180,214,0.65), 31px 87px 0px rgba(66,180,214,0.65);
}
.stories-map #af-c::after {
	animation:load-dots 300ms 700ms forwards; opacity: 0; box-shadow: -2px 91px 0px rgba(66,180,214,0.65), 20px 90px 0px rgba(66,180,214,0.65); transform: translateY(-10px); -webkit-animation: load-dots 300ms 700ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #af-d {
	left: 641px; top: 298px; width: 50px; height: 69px; position: absolute;
}
.stories-map #af-d::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #af-d::before {
	box-shadow: 30px 30px 0px rgba(66,180,214,0.65), 34px 15px 0px rgba(66,180,214,0.65), 23px 20px 0px rgba(66,180,214,0.65), -5px 22px 0px rgba(66,180,214,0.65), 18px 22px 0px rgba(66,180,214,0.65), 0px 0px 0px rgba(66,180,214,0.65), 21px 17px 0px rgba(66,180,214,0.65), -4px 10px 0px rgba(66,180,214,0.65), 29px 33px 0px rgba(66,180,214,0.65), 26px 12px 0px rgba(66,180,214,0.65);
}
.stories-map #af-e {
	left: 642px; top: 194px; width: 38px; height: 45px; position: absolute;
}
.stories-map #af-e::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #af-e::before {
	box-shadow: 27px 11px 0px rgba(66,180,214,0.65), -3px 0px 0px rgba(66,180,214,0.65), 3px 30px 0px rgba(66,180,214,0.65), 9px 13px 0px rgba(66,180,214,0.65), 19px 13px 0px rgba(66,180,214,0.65);
}
.stories-map #af-f {
	left: 671px; top: 236px; width: 54px; height: 36px; position: absolute;
}
.stories-map #af-f::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #af-f::before {
	box-shadow: 34px 12px 0px rgba(66,180,214,0.65), 18px 15px 0px rgba(66,180,214,0.65), 38px 15px 0px rgba(66,180,214,0.65), 21px 18px 0px rgba(66,180,214,0.65), 21px 4px 0px rgba(66,180,214,0.65);
}
.stories-map #eu-a {
	left: 530px; top: 60px; width: 89px; height: 40px; position: absolute;
}
.stories-map #eu-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #eu-a::before {
	box-shadow: 52px 20px 0px rgba(66,180,214,0.65), 82px 28px 0px rgba(66,180,214,0.65), 69px 39px 0px rgba(66,180,214,0.65), 57px 43px 0px rgba(66,180,214,0.65), 49px 13px 0px rgba(66,180,214,0.65), 32px 28px 0px rgba(66,180,214,0.65), 32px 13px 0px rgba(66,180,214,0.65), 24px 14px 0px rgba(66,180,214,0.65), 28px 13px 0px rgba(66,180,214,0.65), 63px 38px 0px rgba(66,180,214,0.65);
}
.stories-map #eu-a::after {
	animation:load-dots 300ms 700ms forwards; opacity: 0; box-shadow: 45px 17px 0px rgba(66,180,214,0.65), 20px 14px 0px rgba(66,180,214,0.65); transform: translateY(-10px); -webkit-animation: load-dots 300ms 700ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #eu-b {
	left: 488px; top: 117px; width: 102px; height: 43px; position: absolute;
}
.stories-map #eu-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #eu-b::before {
	box-shadow: 8px 23px 0px rgba(66,180,214,0.65), 17px 32px 0px rgba(66,180,214,0.65), 24px 34px 0px rgba(66,180,214,0.65), 53px 31px 0px rgba(66,180,214,0.65), 64px -5px 0px rgba(66,180,214,0.65), 48px 1px 0px rgba(66,180,214,0.65);
}
.stories-map #eu-b::after {
	animation:load-dots 300ms 700ms forwards; opacity: 0; box-shadow: 35px 24px 0px rgba(66,180,214,0.65), 53px 18px 0px rgba(66,180,214,0.65); transform: translateY(-10px); -webkit-animation: load-dots 300ms 700ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #eu-c {
	left: 473px; top: 157px; width: 34px; height: 26px; position: absolute;
}
.stories-map #eu-c::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #eu-c::before {
	box-shadow: 22px -1px 0px rgba(66,180,214,0.65), 25px 18px 0px rgba(66,180,214,0.65), -2px 17px 0px rgba(66,180,214,0.65), 23px 20px 0px rgba(66,180,214,0.65), 21px -3px 0px rgba(66,180,214,0.65), 19px 1px 0px rgba(66,180,214,0.65), 27px -5px 0px rgba(66,180,214,0.65), 9px 16px 0px rgba(66,180,214,0.65), 10px 17px 0px rgba(66,180,214,0.65), 13px 11px 0px rgba(66,180,214,0.65);
}
.stories-map #eu-d {
	left: 591px; top: 100px; width: 89px; height: 92px; position: absolute;
}
.stories-map #eu-d::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #eu-d::before {
	box-shadow: 17px 5px 0px rgba(66,180,214,0.65), -2px 65px 0px rgba(66,180,214,0.65), 46px 32px 0px rgba(66,180,214,0.65), 0px 5px 0px rgba(66,180,214,0.65), 24px 64px 0px rgba(66,180,214,0.65), 74px 11px 0px rgba(66,180,214,0.65), 7px 40px 0px rgba(66,180,214,0.65), 36px 83px 0px rgba(66,180,214,0.65), 11px 8px 0px rgba(66,180,214,0.65), 12px 38px 0px rgba(66,180,214,0.65);
}
.stories-map #as-a {
	left: 681px; top: 60px; width: 277px; height: 163px; position: absolute;
}
.stories-map #as-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-a::before {
	box-shadow: 248px 152px 0px rgba(66,180,214,0.65), 251px 2px 0px rgba(66,180,214,0.65), 98px 32px 0px rgba(66,180,214,0.65), 84px 24px 0px rgba(66,180,214,0.65), 56px 115px 0px rgba(66,180,214,0.65), 130px 113px 0px rgba(66,180,214,0.65), 167px 32px 0px rgba(66,180,214,0.65), 288px 53px 0px rgba(66,180,214,0.65), 125px 53px 0px rgba(66,180,214,0.65), -5px -5px 0px rgba(66,180,214,0.65), 148px -5px 0px rgba(66,180,214,0.65), 195px 118px 0px rgba(66,180,214,0.65), 164px 2px 0px rgba(66,180,214,0.65), 156px 111px 0px rgba(66,180,214,0.65), 145px 154px 0px rgba(66,180,214,0.65), 67px 131px 0px rgba(66,180,214,0.65), 123px 57px 0px rgba(66,180,214,0.65), 122px 64px 0px rgba(66,180,214,0.65), 39px 5px 0px rgba(66,180,214,0.65), 98px 123px 0px rgba(66,180,214,0.65);
}
.stories-map #as-b {
	left: 747px; top: 224px; width: 228px; height: 26px; position: absolute;
}
.stories-map #as-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-b::before {
	box-shadow: 67px 3px 0px rgba(66,180,214,0.65), 5px 0px 0px rgba(66,180,214,0.65), 39px -4px 0px rgba(66,180,214,0.65), 142px 13px 0px rgba(66,180,214,0.65), 64px 2px 0px rgba(66,180,214,0.65), 88px -3px 0px rgba(66,180,214,0.65);
}
.stories-map #as-c {
	left: 796px; top: 251px; width: 33px; height: 60px; position: absolute;
}
.stories-map #as-c::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-c::before {
	box-shadow: 10px 1px 0px rgba(66,180,214,0.65), 7px 1px 0px rgba(66,180,214,0.65), 27px 24px 0px rgba(66,180,214,0.65), 13px 34px 0px rgba(66,180,214,0.65), 4px 46px 0px rgba(66,180,214,0.65);
}
.stories-map #as-d {
	left: 881px; top: 251px; width: 40px; height: 50px; position: absolute;
}
.stories-map #as-d::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-d::before {
	box-shadow: 25px 31px 0px rgba(66,180,214,0.65), 16px 29px 0px rgba(66,180,214,0.65), -2px 8px 0px rgba(66,180,214,0.65), 3px 4px 0px rgba(66,180,214,0.65), 33px 10px 0px rgba(66,180,214,0.65), 27px 39px 0px rgba(66,180,214,0.65), 19px 21px 0px rgba(66,180,214,0.65), 21px 37px 0px rgba(66,180,214,0.65), 6px 8px 0px rgba(66,180,214,0.65), 16px 26px 0px rgba(66,180,214,0.65);
}
.stories-map #as-e {
	left: 959px; top: 120px; width: 38px; height: 70px; position: absolute;
}
.stories-map #as-e::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-e::before {
	box-shadow: 21px 26px 0px rgba(66,180,214,0.65), 28px 5px 0px rgba(66,180,214,0.65), 26px 15px 0px rgba(66,180,214,0.65), 22px 30px 0px rgba(66,180,214,0.65), 2px 8px 0px rgba(66,180,214,0.65), 10px 28px 0px rgba(66,180,214,0.65);
}
.stories-map #as-e::after {
	animation:load-dots 300ms 700ms forwards; opacity: 0; box-shadow: 7px 33px 0px rgba(66,180,214,0.65), 0px 35px 0px rgba(66,180,214,0.65); transform: translateY(-10px); -webkit-animation: load-dots 300ms 700ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-f {
	left: 959px; top: 53px; width: 96px; height: 45px; position: absolute;
}
.stories-map #as-f::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-f::before {
	box-shadow: 51px 20px 0px rgba(66,180,214,0.65), 32px 34px 0px rgba(66,180,214,0.65), 41px 32px 0px rgba(66,180,214,0.65);
}
.stories-map #as-g {
	left: 934px; top: 329px; width: 30px; height: 31px; position: absolute;
}
.stories-map #as-g::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-g::before {
	box-shadow: 1px 15px 0px rgba(66,180,214,0.65), 2px -4px 0px rgba(66,180,214,0.65);
}
.stories-map #as-h {
	left: 1014px; top: 170px; width: 15px; height: 26px; position: absolute;
}
.stories-map #as-h::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #as-h::before {
	box-shadow: 1px 15px 0px rgba(66,180,214,0.65), 2px -4px 0px rgba(66,180,214,0.65);
}
.stories-map #nz-a {
	left: 1159px; top: 505px; width: 30px; height: 21px; position: absolute;
}
.stories-map #nz-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #nz-a::before {
	box-shadow: 14px -2px 0px rgba(66,180,214,0.65), 22px -4px 0px rgba(66,180,214,0.65), 9px 15px 0px rgba(66,180,214,0.65);
}
.stories-map #nz-b {
	left: 1139px; top: 535px; width: 20px; height: 31px; position: absolute;
}
.stories-map #nz-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #nz-b::before {
	box-shadow: 14px -2px 0px rgba(66,180,214,0.65), 22px -4px 0px rgba(66,180,214,0.65), 9px 15px 0px rgba(66,180,214,0.65);
}
.stories-map #au-a {
	left: 1020px; top: 415px; width: 60px; height: 78px; position: absolute;
}
.stories-map #au-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #au-a::before {
	box-shadow: 28px 45px 0px rgba(66,180,214,0.65), 44px 24px 0px rgba(66,180,214,0.65), 35px 27px 0px rgba(66,180,214,0.65), 42px 1px 0px rgba(66,180,214,0.65), 5px 62px 0px rgba(66,180,214,0.65), 49px 27px 0px rgba(66,180,214,0.65), 43px 55px 0px rgba(66,180,214,0.65), 51px 36px 0px rgba(66,180,214,0.65), 25px 65px 0px rgba(66,180,214,0.65), 38px 56px 0px rgba(66,180,214,0.65);
}
.stories-map #au-b {
	left: 941px; top: 428px; width: 78px; height: 49px; position: absolute;
}
.stories-map #au-b::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #au-b::before {
	box-shadow: -4px -3px 0px rgba(66,180,214,0.65), 52px 23px 0px rgba(66,180,214,0.65), 12px 17px 0px rgba(66,180,214,0.65), 6px 34px 0px rgba(66,180,214,0.65), 29px 20px 0px rgba(66,180,214,0.65), -2px 34px 0px rgba(66,180,214,0.65);
}
.stories-map #ph-a {
	left: 1015px; top: 342px; width: 68px; height: 23px; position: absolute;
}
.stories-map #ph-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #ph-a::before {
	box-shadow: 44px 24px 0px rgba(66,180,214,0.65);
}
.stories-map #ha-a {
	left: 8px; top: 229px; width: 25px; height: 14px; position: absolute;
}
.stories-map #ha-a::before {
	animation:load-dots 300ms 1500ms forwards; opacity: 0; transform: translateY(-10px); -webkit-animation: load-dots 300ms 1500ms forwards; -webkit-transform: translateY(-10px);
}
.stories-map #ha-a::before {
	box-shadow: 6px 9px 0px rgba(66,180,214,0.65);
}
.stories-map .student-map {
	list-style: none; margin: 0px; padding: 0px;
}
.stories-map .student-tooltip {
	border: 0px solid transparent; transition:border 200ms ease-in-out, background-color 200ms ease-in-out, box-shadow 200ms ease-in-out; border-image: none; z-index: 99; opacity: 0; box-shadow: 0px 0px 0px 2px transparent; background-color: rgb(95, 207, 128); -webkit-transition: border 200ms ease-in-out, background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
@media screen and (min-width:768px)
{
.stories-map .student-tooltip {
	border: 2px solid rgb(255, 255, 255); border-image: none;
}
.stories-map .student-tooltip:hover {
	border: 2px solid rgb(255, 255, 255); border-image: none; z-index: 99; cursor: pointer; box-shadow: 0px 0px 0px 2px #5fcf80; background-color: rgb(58, 193, 98);
}
.stories-map .tooltip-showing.student-tooltip {
	border: 2px solid rgb(255, 255, 255); border-image: none; z-index: 99; box-shadow: 0px 0px 0px 2px #a083c8; background-color: rgb(160, 131, 200);
}
}
.stories-map .student-tooltip-anchor {
	margin-bottom: 20px; display: block; position: relative;
}
.stories-map :last-child.student-tooltip-anchor {
	margin-bottom: 0px;
}
@media screen and (min-width:768px)
{
.stories-map .student-tooltip-anchor:hover .student-tooltip-name {
	color: rgb(95, 207, 128);
}
.stories-map .student-tooltip-anchor:hover .student-tooltip-location {
	color: rgb(95, 207, 128);
}
.stories-map .student-tooltip-anchor:hover .student-tooltip-avatar {
	box-shadow: 0px 0px 0px 3px #5fcf80;
}
}
.stories-map .student-tooltip-name {
	margin: 0px; transition:color 200ms ease-in-out; color: rgb(255, 255, 255); font-size: 14px; display: block; -webkit-transition: color 200ms ease-in-out;
}
.stories-map .student-tooltip-name-wrapper {
	padding-left: 44px;
}
.stories-map .student-tooltip-location {
	transition:color 200ms ease-in-out; color: rgb(255, 255, 255); font-size: 11px; display: block; -webkit-transition: color 200ms ease-in-out;
}
.stories-map .tooltip.student-tooltip-container {
	transition:opacity 200ms ease-in-out, transform 200ms cubic-bezier(0.35, 0.25, 0.35, -1.25); width: 240px; margin-left: -120px; visibility: hidden; opacity: 0; transform: translateY(-18px); -webkit-transform: translateY(-18px); -webkit-transition: opacity 200ms ease-in-out, -webkit-transform 200ms cubic-bezier(0.35, 0.25, 0.35, -1.25);
}
@media screen and (min-width:768px)
{
.stories-map .tooltip-showing.tooltip.student-tooltip-container {
	visibility: visible; opacity: 1; transform: translateY(-8px); -webkit-transform: translateY(-8px);
}
}
.stories-map .student-tooltip-avatar {
	border-radius: 32px; transition:box-shadow 200ms ease-in-out; left: 0px; top: 50%; width: 32px; height: 32px; margin-top: -16px; display: block; position: absolute; -webkit-transition: box-shadow 200ms ease-in-out;
}
.stories-map .colorado {
	border-radius: 20px; animation:load-dots 500ms 1000ms forwards; left: 77px; top: 194px; width: 20px; height: 20px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .india {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 806px; top: 278px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .england {
	border-radius: 28px; animation:load-dots 500ms 1000ms forwards; left: 486px; top: 118px; width: 28px; height: 28px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .ontario {
	border-radius: 20px; animation:load-dots 500ms 1000ms forwards; left: 193px; top: 144px; width: 20px; height: 20px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .kansas {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 109px; top: 192px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .kentucky {
	border-radius: 20px; animation:load-dots 500ms 1000ms forwards; left: 183px; top: 186px; width: 20px; height: 20px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .texas {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 110px; top: 218px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .california {
	border-radius: 28px; animation:load-dots 500ms 1000ms forwards; left: 45px; top: 180px; width: 28px; height: 28px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .australia {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 1040px; top: 464px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .georgia {
	border-radius: 26px; animation:load-dots 500ms 1000ms forwards; left: 158px; top: 200px; width: 26px; height: 26px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .kenya {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 645px; top: 346px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .florida {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 192px; top: 219px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .thailand {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 900px; top: 277px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .washington {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 58px; top: 160px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .new-york {
	border-radius: 20px; animation:load-dots 500ms 1000ms forwards; left: 213px; top: 175px; width: 20px; height: 20px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .iceland {
	border-radius: 20px; animation:load-dots 500ms 1000ms forwards; left: 472px; top: 60px; width: 20px; height: 20px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .arizona {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 83px; top: 216px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .oregon {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 50px; top: 167px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .germany {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 527px; top: 114px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .united-kingdom {
	border-radius: 24px; animation:load-dots 500ms 1000ms forwards; left: 485px; top: 96px; width: 24px; height: 24px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .columbia {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 200px; top: 325px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .michigan {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 180px; top: 165px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .pennsylvania {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 203px; top: 186px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .switzerland {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 517px; top: 134px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .massachusetts {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 223px; top: 180px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .south-korea {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 982px; top: 180px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.stories-map .north-carolina {
	border-radius: 16px; animation:load-dots 500ms 1000ms forwards; left: 193px; top: 196px; width: 16px; height: 16px; position: absolute; -webkit-animation: load-dots 500ms 1000ms forwards;
}
.perks-controller h3 {
	text-align: center;
}
.perks-controller .more-deals {
	padding: 30px 15px 60px; width: 100%; text-align: center;
}
.perks-controller .more-deals h3 {
	padding: 0px 25px;
}
.perks-controller .more-deals p {
	padding: 0px 25px;
}
.perks-controller .more-deals p span {
	display: block;
}
.perks-controller .perks-wrapper {
	border-radius: 6px; text-align: center; margin-top: 40px; margin-right: -15px; margin-left: -15px;
}
.perks-controller .perks-wrapper::before {
	display: table; content: " ";
}
.perks-controller .perks-wrapper::after {
	display: table; content: " ";
}
.perks-controller .perks-wrapper::after {
	clear: both;
}
.perks-controller .perks-wrapper .item {
	background: rgb(255, 255, 255); padding: 35px 0px 40px; border-radius: 6px; border: 2px solid rgb(233, 240, 243); border-image: none; overflow: hidden; margin-bottom: 30px; position: relative; min-height: 290px;
}
.perks-controller .perks-wrapper :nth-child(3n+1).item {
	clear: both;
}
.perks-controller .perks-wrapper .pro-perk.item {
	border-color: rgb(66, 180, 214);
}
.perks-controller .perks-wrapper .item img {
	margin-bottom: 10px; max-width: 70%;
}
.perks-controller .perks-wrapper .item .perk-info {
	min-height: 170px;
}
.perks-controller .perks-wrapper .item h3 {
	padding: 0px 25px; text-align: center; line-height: 1.4; font-size: 18px;
}
.perks-controller .perks-wrapper .item p {
	padding: 0px 30px; text-align: center; font-size: 14px; margin-bottom: 15px;
}
.perks-controller .perks-wrapper .coming-soon.item {
	background: rgb(255, 255, 255); min-height: 350px;
}
.perks-controller .perks-wrapper .coming-soon.item img {
	margin: 120px auto 0px; width: 60px; height: 60px; opacity: 0.6;
}
.perks-controller .perks-wrapper .coming-soon.item h3 {
	margin-bottom: 65px;
}
.perks-controller .perks-wrapper .item .selection {
	background: rgb(219, 229, 232); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 98; opacity: 0.6;
}
.perks-controller .perks-wrapper .item .selection a {
	width: 100%; height: 100%; display: block;
}
.perks-controller .perks-wrapper .expanded {
	background: rgb(255, 255, 255); margin: 0px 15px 30px; border-radius: 6px; border: 2px solid rgb(233, 240, 243); border-image: none; width: auto; padding-bottom: 40px; display: none; position: relative;
}
.perks-controller .perks-wrapper .expanded::before {
	display: table; content: " ";
}
.perks-controller .perks-wrapper .expanded::after {
	display: table; content: " ";
}
.perks-controller .perks-wrapper .expanded::after {
	clear: both;
}
.perks-controller .perks-wrapper .expanded img {
	margin: 35px 0px 10px; width: 350px;
}
.perks-controller .perks-wrapper .expanded h2 {
	font-size: 24px;
}
.perks-controller .perks-wrapper .expanded p.large {
	padding: 0px 80px; color: rgb(87, 99, 102); font-size: 16px; margin-bottom: 45px;
}
.perks-controller .perks-wrapper .expanded .offer-details {
	padding: 0px 15px 0px 20px; text-align: left;
}
.perks-controller .perks-wrapper .expanded .offer-details p {
	font-size: 14px !important;
}
.perks-controller .perks-wrapper .expanded .offer-details h4 {
	color: rgb(45, 51, 57); font-size: 18px;
}
.perks-controller .perks-wrapper .expanded .offer-form {
	background: rgb(241, 245, 246); margin: 25px 10px 0px 15px; padding: 15px 30px 10px; border-radius: 6px; text-align: left;
}
.perks-controller .perks-wrapper .expanded .thank-you {
	background: rgb(241, 245, 246); margin: 25px 10px 0px 15px; padding: 15px 30px 10px; border-radius: 6px; text-align: left;
}
.perks-controller .perks-wrapper .expanded .offer-form::before {
	display: table; content: " ";
}
.perks-controller .perks-wrapper .expanded .offer-form::after {
	display: table; content: " ";
}
.perks-controller .perks-wrapper .expanded .thank-you::before {
	display: table; content: " ";
}
.perks-controller .perks-wrapper .expanded .thank-you::after {
	display: table; content: " ";
}
.perks-controller .perks-wrapper .expanded .offer-form::after {
	clear: both;
}
.perks-controller .perks-wrapper .expanded .thank-you::after {
	clear: both;
}
.perks-controller .perks-wrapper .expanded .offer-form p {
	font-size: 14px;
}
.perks-controller .perks-wrapper .expanded .thank-you p {
	font-size: 14px;
}
.perks-controller .perks-wrapper .expanded .offer-form p a {
	-ms-word-wrap: break-word;
}
.perks-controller .perks-wrapper .expanded .thank-you p a {
	-ms-word-wrap: break-word;
}
.perks-controller .perks-wrapper .expanded .offer-form span {
	color: rgb(137, 152, 162); font-weight: bold;
}
.perks-controller .perks-wrapper .expanded .thank-you span {
	color: rgb(137, 152, 162); font-weight: bold;
}
.perks-controller .perks-wrapper .expanded .offer-form a {
	font-weight: bold;
}
.perks-controller .perks-wrapper .expanded .thank-you a {
	font-weight: bold;
}
.perks-controller .perks-wrapper .expanded .offer-form h4 {
	color: rgb(45, 51, 57); font-family: "Gotham Rounded A", "Gotham Rounded B", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 500;
}
.perks-controller .perks-wrapper .expanded .thank-you h4 {
	color: rgb(45, 51, 57); font-family: "Gotham Rounded A", "Gotham Rounded B", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 500;
}
.perks-controller .perks-wrapper .expanded .offer-form .form-item {
	width: 100%;
}
.perks-controller .perks-wrapper .expanded .thank-you .form-item {
	width: 100%;
}
.perks-controller .perks-wrapper .expanded .offer-form label {
	color: rgb(147, 157, 164); font-size: 15px;
}
.perks-controller .perks-wrapper .expanded .thank-you label {
	color: rgb(147, 157, 164); font-size: 15px;
}
.perks-controller .perks-wrapper .expanded .offer-form input.text {
	background: rgb(228, 236, 238); color: rgb(114, 127, 136);
}
.perks-controller .perks-wrapper .expanded .thank-you input.text {
	background: rgb(228, 236, 238); color: rgb(114, 127, 136);
}
.perks-controller .perks-wrapper .expanded .offer-form input.text:focus {
	background: rgb(213, 224, 228); color: rgb(114, 127, 136);
}
.perks-controller .perks-wrapper .expanded .thank-you input.text:focus {
	background: rgb(213, 224, 228); color: rgb(114, 127, 136);
}
.perks-controller .perks-wrapper .expanded .thank-you {
	display: none;
}
.perks-controller .perks-wrapper .expanded .offer-close {
	top: 30px; right: 30px; line-height: 0; position: absolute; 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: 0px;
}
#perks-page .perks-wrapper .item {
	margin: 0px auto 30px; padding-bottom: 60px; min-height: inherit; max-width: 70%;
}
#perks-page .perks-wrapper .item img {
	max-width: 60%;
}
#perks-page .perks-wrapper .item .perk-info {
	min-height: inherit;
}
#perks-page .perks-wrapper .item p {
	padding-bottom: 22px;
}
#perks-page .perks-wrapper .coming-soon.item {
	min-height: 200px;
}
#perks-page .perks-wrapper .coming-soon.item img {
	margin-top: 38px;
}
#perks-page .perks-wrapper .coming-soon.item h3 {
	margin-bottom: 30px;
}
#perks-page .perks-wrapper .expanded {
	margin: 0px auto 30px; padding-bottom: 20px; max-width: 70%;
}
#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: 0px 30px; margin-bottom: 30px;
}
#perks-page .perks-wrapper .expanded .offer-details {
	padding: 0px 20px;
}
#perks-page .perks-wrapper .expanded .offer-form {
	margin: 14px 20px 0px; padding: 10px 20px 0px;
}
#perks-page .perks-wrapper .expanded .thank-you {
	margin: 14px 20px 0px; padding: 10px 20px 0px;
}
#perks-page .perks-wrapper .expanded .offer-form .form-item::before {
	display: table; content: " ";
}
#perks-page .perks-wrapper .expanded .offer-form .form-item::after {
	display: table; content: " ";
}
#perks-page .perks-wrapper .expanded .thank-you .form-item::before {
	display: table; content: " ";
}
#perks-page .perks-wrapper .expanded .thank-you .form-item::after {
	display: table; content: " ";
}
#perks-page .perks-wrapper .expanded .offer-form .form-item::after {
	clear: both;
}
#perks-page .perks-wrapper .expanded .thank-you .form-item::after {
	clear: both;
}
#perks-page .perks-wrapper .expanded .offer-close {
	top: 15px; width: 30px; height: 30px; right: 15px;
}
#perks-page .perks-wrapper .expanded .offer-close .icon-close {
	background: url("https://static.teamtreehouse.com/assets/icons/icon-close-lg-022314613436cd8a63bdc290f8205b82.png") no-repeat center / 15px 14px; width: 30px; height: 30px;
}
#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 .two-quarter.modal {
	width: 90%;
}
}
.career-list-item {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 400;
}
.career-resources-controller .next-page .button {
	margin-top: 30px;
}
.career-resources-controller .secondary.button:hover {
	border-color: rgb(255, 255, 255); color: rgb(249, 132, 91); background-color: rgb(255, 255, 255);
}
.career-title {
	margin-bottom: 80px;
}
.career-canvas {
	background: rgb(242, 195, 129); margin: 5px 0px 40px; border-radius: 6px; width: 100%; text-align: center; min-height: 300px;
}
.career-list .career-canvas {
	border-radius: 6px 6px 0px 0px; margin-bottom: 0px;
}
.career-canvas img {
	margin: 0px auto; padding: 60px 0px; width: 60%;
}
.career-canvas-short {
	min-height: 180px;
}
.career-canvas-short img {
	padding: 25px 0px; width: 88px;
}
.career-canvas-portfolio {
	background: rgb(36, 112, 167);
}
.career-canvas-portfolio img {
	padding: 30px 0px;
}
.career-canvas-online {
	background: rgb(55, 171, 207);
}
.career-canvas-online img {
	padding: 40px 0px 30px;
}
.career-canvas-customize {
	background: rgb(82, 186, 181);
}
.career-canvas-customize img {
	padding: 20px 0px;
}
.career-canvas-now {
	background: rgb(66, 180, 214);
}
.career-canvas-meet {
	background: rgb(242, 98, 68);
}
.career-canvas-meet img {
	padding: 0px;
}
.career-canvas-routes {
	background: rgb(215, 219, 221);
}
.career-canvas-heading {
	text-align: left; color: white; padding-top: 80px; padding-bottom: 30px; margin-bottom: 0px;
}
.career-course {
	list-style: none;
}
:nth-child(4).career-course-item {
	clear: left;
}
.career-course img {
	top: 30px; width: 65px; height: auto; position: absolute;
}
.career-list {
	background: white;
}
.career-list-items {
	list-style: none; margin: 0px; border-radius: 0px 0px 6px 6px; border-right-color: rgb(233, 240, 243); border-bottom-color: rgb(233, 240, 243); border-left-color: rgb(233, 240, 243); border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.career-list-dont .career-list-items {
	border-radius: 6px;
}
.career-list-do .career-list-items {
	border-radius: 6px;
}
.career-list-item {
	padding: 25px 25px 5px; color: rgb(140, 152, 158) !important; font-size: 15px; border-bottom-color: rgb(233, 240, 243); border-bottom-width: 2px; border-bottom-style: solid;
}
:last-child.career-list-item {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.career-list-item p {
	line-height: 23px; font-size: 15px;
}
.career-list-do :first-child.career-list-item {
	text-align: center; border-bottom-width: 1px; position: relative;
}
.career-list-dont :first-child.career-list-item {
	text-align: center; border-bottom-width: 1px; position: relative;
}
.career-list-do :first-child.career-list-item::before {
	border-radius: 6px 6px 0px 0px; left: -2px; top: 0px; height: 8px; right: -2px; display: block; position: absolute; content: "";
}
.career-list-dont :first-child.career-list-item::before {
	border-radius: 6px 6px 0px 0px; left: -2px; top: 0px; height: 8px; right: -2px; display: block; position: absolute; content: "";
}
.career-list-do :first-child.career-list-item::before {
	background: rgb(66, 180, 214);
}
.career-list-dont :first-child.career-list-item::before {
	background: rgb(237, 90, 90);
}
.career-list-do .career-list-heading {
	color: rgb(66, 180, 214);
}
.career-list-dont .career-list-heading {
	color: rgb(237, 90, 90);
}
.career-meetups {
	list-style: none;
}
.career-meetups-item {
	margin: 0px 0px 10px; border-radius: 6px; border: 2px solid rgb(233, 240, 243); border-image: none; overflow: hidden; clear: left;
}
.career-meetups-anchor {
	padding: 15px 20px; display: block;
}
.career-meetups-name {
	transition:opacity 0.3s; color: rgb(87, 99, 102); line-height: 30px; font-weight: bold; opacity: 0.7; -webkit-transition: opacity 0.3s ease;
}
.career-meetups-anchor:hover .career-meetups-name {
	opacity: 1;
}
.career-meetups-location {
	float: right; position: relative; opacity: 0.7;
}
.career-meetups-location::before {
	left: -15px; top: 1px; width: 9px; height: 14px; position: absolute;
}
.career-meetups-new {
	background: rgb(237, 90, 90); margin: 0px 15px 0px 0px; padding: 0px 15px; border-radius: 3px; height: 30px; color: white; text-transform: uppercase; line-height: 30px; font-size: 12px; font-weight: bold; float: left;
}
.career-jobboards {
	list-style: none;
}
.career-jobboards-heading {
	margin-bottom: 20px;
}
.career-jobboards-item {
	text-align: center; margin-bottom: 30px;
}
:last-child.career-jobboards-item {
	margin-bottom: 60px;
}
.career-jobboards-anchor {
	border-radius: 6px; border: 2px solid rgb(233, 240, 243); border-image: none; display: block;
}
.career-jobboards-name {
	width: 100%; color: rgb(87, 99, 102); line-height: 43px; font-size: 14px; border-top-color: rgb(233, 240, 243); border-top-width: 1px; border-top-style: solid; display: block;
}
.career-jobboards-logo {
	transition:opacity 0.3s; width: 100%; height: 150px; display: block; opacity: 1; -webkit-transition: opacity 0.3s ease;
}
.career-jobboards-item:hover .career-jobboards-logo {
	opacity: 0.8;
}
.career-jobboards-logo-angellist {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/angellist-1db6fe553be1b2c01bdea238dbb9700a.jpg") no-repeat center;
}
.career-jobboards-logo-authenticjobs {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/authenticjobs-bdd38c019f4676735cbd3e2b232c9fa6.jpg") no-repeat center;
}
.career-jobboards-logo-behance {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/behance-adc3da278dee4eb87e8014326243f018.jpg") no-repeat center;
}
.career-jobboards-logo-github {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/github-7d27648b094d31137cf4ec44ab9b2689.jpg") no-repeat center;
}
.career-jobboards-logo-stackoverflow {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/stackoverflow-ae09193ed0db5a86aac31307902cdc00.jpg") no-repeat center;
}
.career-jobboards-logo-dribbble {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/dribbble-77a39b8354e7022ddf08eadafef94ce8.jpg") no-repeat center;
}
.career-jobboards-logo-coroflot {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/coroflot-620b234b994d8342ad19116088e5d47f.jpg") no-repeat center;
}
.career-jobboards-logo-krop {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/krop-635bc0a49e4f61e60136ee7c13c4c63b.jpg") no-repeat center;
}
.career-jobboards-logo-odesk {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/odesk-a2159cf54d87354149a7c30d2ddb4f25.jpg") no-repeat center;
}
.career-jobboards-logo-elance {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/elance-b2a3daae2beedac1b619714859e0332f.jpg") no-repeat center;
}
.career-jobboards-logo-androidjobs {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/androidjobs-9b0218a887c7a08b3f51aeb6e730a945.png") no-repeat center;
}
.career-jobboards-logo-coreintuition {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/coreintuition-735dc792f140b1786fb0717233368da6.png") no-repeat center;
}
.career-jobboards-logo-startupers {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/startupers-aab8ad202325662afaaf0dcadf22e85e.png") no-repeat center;
}
.career-jobboards-logo-weworkremotely {
	background: url("https://static.teamtreehouse.com/assets/views/career-resources/job-boards/weworkremotely-d9efa242c65b68ffc6724068e5a3d163.png") no-repeat center;
}
.holiday-cheer-controller h1 {
	margin: 0px;
}
.holiday-cheer-controller h2 {
	margin: 0px;
}
.holiday-cheer-controller h3 {
	margin: 0px;
}
.holiday-cheer-controller h4 {
	margin: 0px;
}
.holiday-cheer-controller h2:not(.th-logo) {
	text-align: center; color: rgb(119, 123, 126); padding-top: 20px; font-size: 22px;
}
.holiday-cheer-controller h5 {
	font-size: 22px; font-weight: normal; margin-top: 40px; margin-bottom: 40px;
}
.holiday-cheer-controller section {
	width: 100%; text-align: center;
}
.holiday-cheer-controller nav section {
	text-align: left;
}
.holiday-cheer-controller ol {
	list-style: none;
}
.holiday-cheer-controller ul {
	list-style: none;
}
@media screen and (max-width:700px)
{
.holiday-cheer-controller .xmas-ornaments {
	display: none;
}
.holiday-cheer-controller .xmas-ornaments-secondary {
	display: none;
}
}
@media screen and (max-width:767px) and (min-width:700px)
{
.holiday-cheer-controller .xmas-ornaments {
	left: 50%; top: 50px; position: absolute;
}
.holiday-cheer-controller .xmas-ornaments-secondary {
	left: 50%; top: 50px; position: absolute;
}
}
@media screen and (min-width:768px)
{
.holiday-cheer-controller .xmas-ornaments {
	left: 50%; top: 80px; position: absolute;
}
.holiday-cheer-controller .xmas-ornaments-secondary {
	left: 50%; top: 80px; position: absolute;
}
}
.holiday-cheer-controller .xmas-ornaments {
	margin-left: -310px;
}
.holiday-cheer-controller .xmas-ornaments-secondary {
	margin-left: 100px;
}
.holiday-cheer-controller .visitor .xmas-ornaments {
	left: 50%; top: 0px; position: absolute;
}
@media screen and (max-width:900px) and (min-width:641px)
{
.holiday-cheer-controller .visitor .xmas-ornaments {
	margin-left: 100px;
}
}
@media screen and (max-width:989px) and (min-width:901px)
{
.holiday-cheer-controller .visitor .xmas-ornaments {
	margin-left: 20px;
}
}
@media screen and (min-width:990px)
{
.holiday-cheer-controller .visitor .xmas-ornaments {
	margin-left: -310px;
}
}
.holiday-cheer-controller .visitor .xmas-ornaments-secondary {
	top: 0px; right: 50%; position: absolute;
}
@media screen and (max-width:900px)
{
.holiday-cheer-controller .visitor .xmas-ornaments-secondary {
	display: none;
}
}
@media screen and (max-width:989px) and (min-width:901px)
{
.holiday-cheer-controller .visitor .xmas-ornaments-secondary {
	margin-right: 0px;
}
}
@media screen and (min-width:990px)
{
.holiday-cheer-controller .visitor .xmas-ornaments-secondary {
	margin-right: -310px;
}
}
.holiday-cheer-controller .ornament-1 {
	animation:ornament-drop 0.3s cubic-bezier(0.68, 0.43, 0.7, 1.15) 1s forwards; transform: translate3d(0px, -110px, 0px); -webkit-animation: ornament-drop 0.3s 1s cubic-bezier(0.68, 0.43, 0.7, 1.15) forwards; -webkit-transform: translate3d(0, -110px, 0);
}
.holiday-cheer-controller .ornament-2 {
	animation:ornament-drop 0.3s cubic-bezier(0.68, 0.43, 0.7, 1.15) 1.5s forwards; transform: translate3d(0px, -110px, 0px); -webkit-animation: ornament-drop 0.3s 1.5s cubic-bezier(0.68, 0.43, 0.7, 1.15) forwards; -webkit-transform: translate3d(0, -110px, 0);
}
.holiday-cheer-controller .ornament-3 {
	animation:ornament-drop 0.3s cubic-bezier(0.68, 0.43, 0.7, 1.15) 0.9s forwards; transform: translate3d(0px, -110px, 0px); -webkit-animation: ornament-drop 0.3s 0.9s cubic-bezier(0.68, 0.43, 0.7, 1.15) forwards; -webkit-transform: translate3d(0, -110px, 0);
}
.holiday-cheer-controller .ornament-4 {
	animation:ornament-drop 0.3s cubic-bezier(0.68, 0.43, 0.7, 1.15) 1.4s forwards; transform: translate3d(0px, -110px, 0px); -webkit-animation: ornament-drop 0.3s 1.4s cubic-bezier(0.68, 0.43, 0.7, 1.15) forwards; -webkit-transform: translate3d(0, -110px, 0);
}
.holiday-cheer-controller .ornament-5 {
	animation:ornament-drop 0.3s cubic-bezier(0.68, 0.43, 0.7, 1.15) 1.2s forwards; transform: translate3d(0px, -110px, 0px); -webkit-animation: ornament-drop 0.3s 1.2s cubic-bezier(0.68, 0.43, 0.7, 1.15) forwards; -webkit-transform: translate3d(0, -110px, 0);
}
.holiday-cheer-controller .ornament-6 {
	animation:ornament-drop 0.3s cubic-bezier(0.68, 0.43, 0.7, 1.15) 1.3s forwards; transform: translate3d(0px, -110px, 0px); -webkit-animation: ornament-drop 0.3s 1.3s cubic-bezier(0.68, 0.43, 0.7, 1.15) forwards; -webkit-transform: translate3d(0, -110px, 0);
}
.holiday-cheer-controller .hero h1 {
	color: rgb(119, 123, 126); font-size: 48px; margin-bottom: 14px;
}
@media screen and (max-width:400px)
{
.holiday-cheer-controller .hero h1 {
	font-size: 32px; margin-top: 130px;
}
}
@media screen and (max-width:700px) and (min-width:401px)
{
.holiday-cheer-controller .hero h1 {
	font-size: 40px; margin-top: 140px;
}
}
@media screen and (min-width:701px)
{
.holiday-cheer-controller .hero h1 {
	margin-top: 240px;
}
}
@media screen and (max-width:700px)
{
.holiday-cheer-controller .hero h2 {
	margin-top: 30px;
}
}
@media screen and (min-width:701px)
{
.holiday-cheer-controller .hero h2 {
	margin-top: 170px;
}
}
.holiday-cheer-controller .hero .subheading {
	color: rgb(148, 154, 159); margin-bottom: 18px;
}
@media screen and (max-width:400px)
{
.holiday-cheer-controller .hero .subheading {
	font-size: 16px;
}
}
@media screen and (max-width:700px) and (min-width:401px)
{
.holiday-cheer-controller .hero .subheading {
	font-size: 20px;
}
}
@media screen and (min-width:701px)
{
.holiday-cheer-controller .hero .subheading {
	font-size: 26px;
}
}
.holiday-cheer-controller .hero p {
	margin: 0px auto; color: rgb(119, 123, 126); line-height: 1.7; font-size: 18px;
}
@media screen and (max-width:400px)
{
.holiday-cheer-controller .hero p {
	font-size: 15px;
}
}
@media screen and (max-width:640px) and (min-width:401px)
{
.holiday-cheer-controller .hero p {
	width: 100%; font-size: 17px;
}
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .hero p {
	width: 70%; font-size: 18px;
}
}
.holiday-cheer-controller .hero .button {
	margin-right: 0px;
}
@media screen and (max-width:640px)
{
.holiday-cheer-controller .hero .visitor-cta {
	margin-top: 18px;
}
.holiday-cheer-controller .hero .profile-pic {
	margin-top: 18px;
}
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .hero .visitor-cta {
	margin-top: 38px;
}
.holiday-cheer-controller .hero .profile-pic {
	margin-top: 38px;
}
}
.holiday-cheer-controller .hero .visitor-cta .button {
	border: 3px solid rgb(95, 207, 128); border-image: none;
}
.holiday-cheer-controller .hero .visitor-cta img {
	border: 3px solid rgb(95, 207, 128); border-image: none;
}
.holiday-cheer-controller .hero .profile-pic .button {
	border: 3px solid rgb(95, 207, 128); border-image: none;
}
.holiday-cheer-controller .hero .profile-pic img {
	border: 3px solid rgb(95, 207, 128); border-image: none;
}
@media screen and (max-width:640px)
{
.holiday-cheer-controller .hero .visitor-cta .button {
	margin-bottom: 30px;
}
.holiday-cheer-controller .hero .visitor-cta img {
	margin-bottom: 30px;
}
.holiday-cheer-controller .hero .profile-pic .button {
	margin-bottom: 30px;
}
.holiday-cheer-controller .hero .profile-pic img {
	margin-bottom: 30px;
}
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .hero .visitor-cta .button {
	margin-bottom: 50px;
}
.holiday-cheer-controller .hero .visitor-cta img {
	margin-bottom: 50px;
}
.holiday-cheer-controller .hero .profile-pic .button {
	margin-bottom: 50px;
}
.holiday-cheer-controller .hero .profile-pic img {
	margin-bottom: 50px;
}
}
.holiday-cheer-controller .hero .visitor-cta img {
	border-radius: 200px;
}
.holiday-cheer-controller .hero .profile-pic img {
	border-radius: 200px;
}
@media screen and (max-width:640px)
{
.holiday-cheer-controller .hero .visitor-cta p {
	margin-bottom: 30px;
}
.holiday-cheer-controller .hero .profile-pic p {
	margin-bottom: 30px;
}
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .hero .visitor-cta p {
	margin-bottom: 60px;
}
.holiday-cheer-controller .hero .profile-pic p {
	margin-bottom: 60px;
}
}
.holiday-cheer-controller .hero .elf-hat {
	position: relative;
}
.holiday-cheer-controller .hero .elf-hat::before {
	transform-origin: 0% 0%; width: 24px; height: 34px; display: block; content: url(https://static.teamtreehouse.com/assets/views/holiday_cheer/elf-hat-9d3e58b975f48b58a5ed0c99c729bcaa.svg); -webkit-transform-origin: 0 0;
}
@media screen and (max-width:400px)
{
.holiday-cheer-controller .hero .elf-hat::before {
	left: -3px; top: -18px; position: absolute;
}
}
@media screen and (max-width:640px) and (min-width:401px)
{
.holiday-cheer-controller .hero .elf-hat::before {
	left: -2px; top: -22px; position: absolute;
}
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .hero .elf-hat::before {
	left: 0px; top: -28px; position: absolute;
}
}
.holiday-cheer-controller .hero .elf-hat:hover::before {
	animation:elf-hat 0.3s forwards; -webkit-animation: elf-hat 0.3s ease forwards;
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .hero .macbook {
	position: relative;
}
.holiday-cheer-controller .hero .macbook::before {
	transition:opacity 0.3s; left: -3px; width: 169px; height: 11px; bottom: -3px; display: block; position: absolute; content: url(https://static.teamtreehouse.com/assets/views/holiday_cheer/macbook-8ad82ff96c52dc0ee60278964875bd81.svg); opacity: 0; -webkit-transition: opacity 0.3s ease;
}
.holiday-cheer-controller .hero .macbook:hover::before {
	opacity: 1;
}
}
@media screen and (max-width:640px)
{
.holiday-cheer-controller .contest {
	padding-top: 40px;
}
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .contest {
	padding-top: 70px;
}
}
.holiday-cheer-controller .contest .rules {
	width: 100%; float: left;
}
@media screen and (max-width:640px)
{
.holiday-cheer-controller .contest .rules {
	margin: 0px 0px 30px;
}
}
@media screen and (min-width:641px)
{
.holiday-cheer-controller .contest .rules {
	margin: 60px 0px 30px;
}
}
.holiday-cheer-controller .contest .rules h3 {
	padding-bottom: 20px;
}
.holiday-cheer-controller .contest .rules .description {
	line-height: 1.8;
}
.holiday-cheer-controller .contest .prizes {
	padding-top: 20px;
}
.holiday-cheer-controller .contest .prizes .prize {
	width: 100%; margin-bottom: 50px; float: left; position: relative;
}
.holiday-cheer-controller .contest .prizes .prize .title {
	color: rgb(204, 204, 204); padding-top: 10px; font-size: 14px; font-weight: normal;
}
.holiday-cheer-controller .contest .prizes .current.prize .title {
	color: rgb(119, 123, 126);
}
.holiday-cheer-controller .contest .prizes .complete.prize .title {
	color: rgb(119, 123, 126);
}
.holiday-cheer-controller .contest .prizes .prize .image {
	background-position: center; margin: 0px auto; height: 180px; background-repeat: no-repeat; background-size: 100% auto;
}
.holiday-cheer-controller .contest .prizes .prize .image img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.holiday-cheer-controller .contest .prizes .prize .image .giftbox {
	height: 160px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-1 {
	height: 160px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-2 {
	height: 162px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-3 {
	height: 164px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-4 {
	height: 115px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-5 {
	height: 170px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-6 {
	height: 160px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-7 {
	height: 116px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-8 {
	height: 134px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-9 {
	height: 118px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-10 {
	height: 122px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-11 {
	height: 130px;
}
.holiday-cheer-controller .contest .prizes .prize .image .day-12 {
	height: 132px;
}
.holiday-cheer-controller .contest .prizes .prize .prize-meta-content {
	margin: 0px auto; height: 90px;
}
.holiday-cheer-controller .contest .prizes .prize .congrats {
	width: 100%; text-align: center; bottom: 34px; line-height: 1.4; font-size: 12px; position: absolute;
}
.holiday-cheer-controller .contest .prizes .prize .enter {
	left: 50%; width: 170px; bottom: 0px; margin-bottom: 0px; margin-left: -85px; position: absolute;
}
.holiday-cheer-controller .contest .prizes .prize .enter:hover {
	background: rgb(95, 207, 128); border-color: rgb(95, 207, 128); color: rgb(255, 255, 255);
}
.holiday-cheer-controller .contest .prizes .prize .enter:active {
	background: rgb(95, 207, 128); border-color: rgb(95, 207, 128); color: rgb(255, 255, 255);
}
.holiday-cheer-controller .contest .prizes .prize .enter:focus {
	background: rgb(95, 207, 128); border-color: rgb(95, 207, 128); color: rgb(255, 255, 255);
}
.holiday-cheer-controller .contest-about {
	margin-bottom: 30px;
}
.holiday-cheer-controller .contest-about h2 {
	color: rgb(56, 64, 71); font-size: 26px; margin-bottom: 12px;
}
.holiday-cheer-controller .about .description {
	margin-bottom: 30px;
}
.holiday-cheer-controller .about h3 {
	margin-bottom: 12px;
}
.holiday-cheer-controller .is-coming.about {
	margin-bottom: 90px;
}
#xmasLights {
	background: url("https://static.teamtreehouse.com/assets/views/holiday_cheer/xmas-lights-35e99aee518281ed6dfc6ea3eb8bbc08.gif") repeat-x center; width: 100%; height: 86px;
}
@media screen and (max-width:640px)
{
#xmasLights {
	margin-bottom: 15px; background-size: auto 43px;
}
}
@media screen and (min-width:641px)
{
#xmasLights {
	margin-bottom: 65px; background-size: auto 86px;
}
}
#iconDownload {
	animation:snow 20s linear infinite; padding-bottom: 40px; background-image: url("https://static.teamtreehouse.com/assets/views/holiday_cheer/snow1-a586cb8a162d084cabd50dedb4c44237.png"), url("https://static.teamtreehouse.com/assets/views/holiday_cheer/snow2-e1b5abffaab639323d0169fe1b57fda1.png"), url("https://static.teamtreehouse.com/assets/views/holiday_cheer/snow3-01cc51d8f894f211e400f766466fccf4.png"); background-color: rgb(124, 206, 238); -webkit-animation: snow 20s linear infinite;
}
@media screen and (max-width:767px)
{
#iconDownload {
	margin-bottom: 60px;
}
}
#iconDownload h5 {
	margin: 44px 0px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 44px; font-weight: 700;
}
#iconDownload ul {
	overflow: hidden; margin-bottom: 20px; margin-left: 0px;
}
#iconDownload ul li {
	margin-right: 15px; margin-bottom: 13px; display: inline-block;
}
#iconDownload ul li:last-child {
	margin-right: 0px;
}
@media screen and (max-width:339px)
{
#iconDownload ul li:nth-child(2n) {
	margin-right: 0px;
}
}
@media screen and (max-width:449px) and (min-width:340px)
{
#iconDownload ul li:nth-child(3n) {
	margin-right: 0px;
}
}
@media screen and (max-width:559px) and (min-width:450px)
{
#iconDownload ul li:nth-child(4n) {
	margin-right: 0px;
}
}
@media screen and (max-width:700px) and (min-width:560px)
{
#iconDownload ul li:nth-child(5n) {
	margin-right: 0px;
}
}
@media screen and (max-width:767px) and (min-width:701px)
{
#iconDownload ul li:nth-child(6) {
	margin-right: 0px;
}
}
@media screen and (max-width:870px) and (min-width:768px)
{
#iconDownload ul li:nth-child(4n) {
	margin-right: 0px;
}
}
@media screen and (max-width:1031px) and (min-width:871px)
{
#iconDownload ul li:nth-child(5n) {
	margin-right: 0px;
}
}
@media screen and (min-width:1032px)
{
#iconDownload ul li:nth-child(6n) {
	margin-right: 0px;
}
}
#iconDownload ul li svg {
	width: 90px; height: 90px; display: block;
}
#index header > section#course-module-video {
	transition:transform 400ms 200ms; width: 100%; max-height: 622px; opacity: 0; transform: translateY(-400%); -webkit-transform: translateY(-400%); -webkit-transition: -webkit-transform 400ms 200ms ease;
}
#lander header > section#course-module-video {
	transition:transform 400ms 200ms; width: 100%; max-height: 622px; opacity: 0; transform: translateY(-400%); -webkit-transform: translateY(-400%); -webkit-transition: -webkit-transform 400ms 200ms ease;
}
#index header > section#course-module-video .fixed-controls.mejs-container {
	border-radius: 0px; max-width: 100% !important;
}
#index header > section#course-module-video video {
	border-radius: 0px; max-width: 100% !important;
}
#lander header > section#course-module-video .fixed-controls.mejs-container {
	border-radius: 0px; max-width: 100% !important;
}
#lander header > section#course-module-video video {
	border-radius: 0px; max-width: 100% !important;
}
.hero-video-in-progress #index header > section#course-module-video {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.hero-video-in-progress #lander header > section#course-module-video {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.hero-video-played #index header > section#course-module-video {
	opacity: 0; transform: translateY(-400%); -webkit-transform: translateY(-400%);
}
.hero-video-played #lander header > section#course-module-video {
	opacity: 0; transform: translateY(-400%); -webkit-transform: translateY(-400%);
}
#index header #course-module-cc {
	transition:transform 400ms 200ms; left: 0px; top: 0px; height: 622px; right: 0px; bottom: 0px; display: none; position: absolute; transform: translateY(100%); background-color: rgb(45, 51, 57); -webkit-transform: translateY(100%); -webkit-transition: -webkit-transform 400ms 200ms ease;
}
#lander header #course-module-cc {
	transition:transform 400ms 200ms; left: 0px; top: 0px; height: 622px; right: 0px; bottom: 0px; display: none; position: absolute; transform: translateY(100%); background-color: rgb(45, 51, 57); -webkit-transform: translateY(100%); -webkit-transition: -webkit-transform 400ms 200ms ease;
}
#index header #course-module-cc .mixed-box .box-header {
	border-radius: 0px;
}
#lander header #course-module-cc .mixed-box .box-header {
	border-radius: 0px;
}
.hero-video-playing #index header #course-module-cc {
	display: none;
}
.hero-video-playing #lander header #course-module-cc {
	display: none;
}
.hero-video-played #index header #course-module-cc {
	transform: translateY(0px); -webkit-transform: translateY(0);
}
.hero-video-played #lander header #course-module-cc {
	transform: translateY(0px); -webkit-transform: translateY(0);
}
#index header #course-module-cc #task-count {
	color: rgb(141, 154, 165); font-size: 14px; margin-top: 0px; margin-bottom: 10px;
}
#lander header #course-module-cc #task-count {
	color: rgb(141, 154, 165); font-size: 14px; margin-top: 0px; margin-bottom: 10px;
}
#index header #course-module-cc #task {
	color: rgb(45, 51, 57); font-size: 20px; font-weight: 500; margin-bottom: 0px;
}
#lander header #course-module-cc #task {
	color: rgb(45, 51, 57); font-size: 20px; font-weight: 500; margin-bottom: 0px;
}
#index header #course-module-cc .button {
	margin-right: 5px;
}
#lander header #course-module-cc .button {
	margin-right: 5px;
}
#index header #course-module-cc .button-secondary.button {
	border-color: rgb(212, 217, 221); color: rgb(112, 128, 142);
}
#lander header #course-module-cc .button-secondary.button {
	border-color: rgb(212, 217, 221); color: rgb(112, 128, 142);
}
#index header #course-module-cc .button-secondary.button:hover {
	border-color: rgb(178, 187, 194);
}
#lander header #course-module-cc .button-secondary.button:hover {
	border-color: rgb(178, 187, 194);
}
#index header #course-module-cc .button-secondary.button svg {
	fill: #70808e;
}
#lander header #course-module-cc .button-secondary.button svg {
	fill: #70808e;
}
#index header #course-module-cc .button-secondary.button svg.close-icon {
	top: -1px; position: relative;
}
#lander header #course-module-cc .button-secondary.button svg.close-icon {
	top: -1px; position: relative;
}
#index header #course-module-cc :not(.square).button {
	padding: 0px 16px;
}
#lander header #course-module-cc :not(.square).button {
	padding: 0px 16px;
}
#index header #course-module-cc .button svg.right-arrow-icon {
	top: -1px; position: relative;
}
#lander header #course-module-cc .button svg.right-arrow-icon {
	top: -1px; position: relative;
}
#index header #course-module-cc .get-hint {
	position: relative;
}
#lander header #course-module-cc .get-hint {
	position: relative;
}
#index header #course-module-cc .get-hint .hint-code {
	padding: 5px 10px; border-radius: 5px; border: 1px solid rgb(230, 230, 230); transition:opacity 200ms ease-in-out; border-image: none; left: -10px; text-align: left; bottom: 42px; color: rgb(237, 90, 90); line-height: 1.8; font-family: courier, monospace; font-size: 12px; position: absolute; z-index: 2; opacity: 0; background-color: rgb(255, 255, 255); -webkit-transition: opacity 200ms ease-in-out;
}
#lander header #course-module-cc .get-hint .hint-code {
	padding: 5px 10px; border-radius: 5px; border: 1px solid rgb(230, 230, 230); transition:opacity 200ms ease-in-out; border-image: none; left: -10px; text-align: left; bottom: 42px; color: rgb(237, 90, 90); line-height: 1.8; font-family: courier, monospace; font-size: 12px; position: absolute; z-index: 2; opacity: 0; background-color: rgb(255, 255, 255); -webkit-transition: opacity 200ms ease-in-out;
}
#index header #course-module-cc .get-hint .show-hint.hint-code {
	opacity: 1;
}
#lander header #course-module-cc .get-hint .show-hint.hint-code {
	opacity: 1;
}
#index header #course-module-cc .get-hint .hint-code::before {
	border-width: 8px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; left: 28px; bottom: -16px; display: block; position: absolute; z-index: 2; content: " ";
}
#lander header #course-module-cc .get-hint .hint-code::before {
	border-width: 8px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; left: 28px; bottom: -16px; display: block; position: absolute; z-index: 2; content: " ";
}
#index header #course-module-cc .get-hint .hint-code::after {
	border-width: 10px; border-style: solid; border-color: rgb(230, 230, 230) transparent transparent; border-image: none; left: 26px; bottom: -20px; display: block; position: absolute; z-index: 1; content: " ";
}
#lander header #course-module-cc .get-hint .hint-code::after {
	border-width: 10px; border-style: solid; border-color: rgb(230, 230, 230) transparent transparent; border-image: none; left: 26px; bottom: -20px; display: block; position: absolute; z-index: 1; content: " ";
}
#index header #course-module-cc #feedback {
	transition:background-color 100ms ease-in-out; -webkit-transition: background-color 100ms ease-in-out;
}
#lander header #course-module-cc #feedback {
	transition:background-color 100ms ease-in-out; -webkit-transition: background-color 100ms ease-in-out;
}
#index header #course-module-cc .error#feedback {
	background-color: rgb(237, 90, 90);
}
#lander header #course-module-cc .error#feedback {
	background-color: rgb(237, 90, 90);
}
#index header #course-module-cc .error#feedback p {
	color: rgb(255, 255, 255);
}
#lander header #course-module-cc .error#feedback p {
	color: rgb(255, 255, 255);
}
#index header #course-module-cc .error#feedback .feedback-note {
	display: none;
}
#lander header #course-module-cc .error#feedback .feedback-note {
	display: none;
}
#index header #course-module-cc .error#feedback .button-primary {
	border-color: rgba(255, 255, 255, 0); color: rgb(237, 90, 90); background-color: rgba(255, 255, 255, 0.8);
}
#lander header #course-module-cc .error#feedback .button-primary {
	border-color: rgba(255, 255, 255, 0); color: rgb(237, 90, 90); background-color: rgba(255, 255, 255, 0.8);
}
#index header #course-module-cc .error#feedback .button-primary:hover {
	background-color: rgb(255, 255, 255);
}
#lander header #course-module-cc .error#feedback .button-primary:hover {
	background-color: rgb(255, 255, 255);
}
#index header #course-module-cc .error#feedback .button-secondary {
	border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
}
#lander header #course-module-cc .error#feedback .button-secondary {
	border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
}
#index header #course-module-cc .error#feedback .button-secondary:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
#lander header #course-module-cc .error#feedback .button-secondary:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
#index header #course-module-cc .error#feedback .feedback-error {
	display: inline-block;
}
#lander header #course-module-cc .error#feedback .feedback-error {
	display: inline-block;
}
#index header #course-module-cc .success#feedback {
	background-color: rgb(95, 207, 128);
}
#lander header #course-module-cc .success#feedback {
	background-color: rgb(95, 207, 128);
}
#index header #course-module-cc .success#feedback p {
	color: rgb(255, 255, 255);
}
#lander header #course-module-cc .success#feedback p {
	color: rgb(255, 255, 255);
}
#index header #course-module-cc .success#feedback .feedback-note {
	display: none;
}
#lander header #course-module-cc .success#feedback .feedback-note {
	display: none;
}
#index header #course-module-cc .success#feedback .button-primary {
	border-color: rgba(255, 255, 255, 0); color: rgb(95, 207, 128); background-color: rgba(255, 255, 255, 0.8);
}
#lander header #course-module-cc .success#feedback .button-primary {
	border-color: rgba(255, 255, 255, 0); color: rgb(95, 207, 128); background-color: rgba(255, 255, 255, 0.8);
}
#index header #course-module-cc .success#feedback .button-primary:hover {
	background-color: rgb(255, 255, 255);
}
#lander header #course-module-cc .success#feedback .button-primary:hover {
	background-color: rgb(255, 255, 255);
}
#index header #course-module-cc .success#feedback .button-secondary {
	border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
}
#lander header #course-module-cc .success#feedback .button-secondary {
	border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
}
#index header #course-module-cc .success#feedback .button-secondary:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
#lander header #course-module-cc .success#feedback .button-secondary:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
#index header #course-module-cc .success#feedback .feedback-success {
	display: inline-block;
}
#lander header #course-module-cc .success#feedback .feedback-success {
	display: inline-block;
}
#index header #course-module-cc .success#feedback .get-hint {
	display: none;
}
#index header #course-module-cc .success#feedback .check-work {
	display: none;
}
#index header #course-module-cc .success#feedback .feedback-error {
	display: none;
}
#lander header #course-module-cc .success#feedback .get-hint {
	display: none;
}
#lander header #course-module-cc .success#feedback .check-work {
	display: none;
}
#lander header #course-module-cc .success#feedback .feedback-error {
	display: none;
}
#index header #course-module-cc .success#feedback .button svg {
	fill: #5fcf80;
}
#lander header #course-module-cc .success#feedback .button svg {
	fill: #5fcf80;
}
#index header #course-module-cc .success#feedback .next-task {
	float: right; display: inline-block;
}
#lander header #course-module-cc .success#feedback .next-task {
	float: right; display: inline-block;
}
#index header #course-module-cc .box-action-text {
	line-height: 1.6; font-size: 12px;
}
#lander header #course-module-cc .box-action-text {
	line-height: 1.6; font-size: 12px;
}
@media screen and (max-width:680px)
{
#index header #course-module-cc .box-action-text .info-icon {
	display: none;
}
#lander header #course-module-cc .box-action-text .info-icon {
	display: none;
}
}
@media screen and (min-width:681px)
{
#index header #course-module-cc .box-action-text {
	width: 420px;
}
#lander header #course-module-cc .box-action-text {
	width: 420px;
}
}
#index header #course-module-cc .box-action-text svg {
	top: 2px; width: 34px; height: 34px; margin-right: 10px; float: left; position: relative; fill: #d4d9dd;
}
#lander header #course-module-cc .box-action-text svg {
	top: 2px; width: 34px; height: 34px; margin-right: 10px; float: left; position: relative; fill: #d4d9dd;
}
@media screen and (max-width:680px)
{
#index header #course-module-cc .box-action-buttons {
	clear: left; float: left;
}
#lander header #course-module-cc .box-action-buttons {
	clear: left; float: left;
}
}
@media screen and (min-width:768px)
{
#index header #course-module-cc .box-action-buttons {
	top: 1px; float: right; position: relative;
}
#lander header #course-module-cc .box-action-buttons {
	top: 1px; float: right; position: relative;
}
}
#index header #course-module-cc .feedback-success {
	display: none;
}
#index header #course-module-cc .feedback-error {
	display: none;
}
#index header #course-module-cc .next-task {
	display: none;
}
#lander header #course-module-cc .feedback-success {
	display: none;
}
#lander header #course-module-cc .feedback-error {
	display: none;
}
#lander header #course-module-cc .next-task {
	display: none;
}
#index header #course-module-cc #code-editor {
	position: relative; min-height: 470px; background-color: rgb(56, 64, 71);
}
#lander header #course-module-cc #code-editor {
	position: relative; min-height: 470px; background-color: rgb(56, 64, 71);
}
#index header #course-module-cc #code-editor::before {
	left: 15px; top: 11px; width: 20px; height: 100%; color: rgba(255, 255, 255, 0.2); line-height: 1.5; font-family: "Courier", monospace; font-size: 14px; font-weight: bold; display: block; position: absolute; content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21";
}
#lander header #course-module-cc #code-editor::before {
	left: 15px; top: 11px; width: 20px; height: 100%; color: rgba(255, 255, 255, 0.2); line-height: 1.5; font-family: "Courier", monospace; font-size: 14px; font-weight: bold; display: block; position: absolute; content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21";
}
#index header #course-module-cc #code-editor textarea {
	border-radius: 0px; border: currentColor; border-image: none; height: 100%; color: rgb(255, 255, 255); padding-left: 50px; font-family: "Courier", monospace; font-weight: bold; position: absolute; z-index: 1; background-color: transparent; resize: none;
}
#lander header #course-module-cc #code-editor textarea {
	border-radius: 0px; border: currentColor; border-image: none; height: 100%; color: rgb(255, 255, 255); padding-left: 50px; font-family: "Courier", monospace; font-weight: bold; position: absolute; z-index: 1; background-color: transparent; resize: none;
}
@media screen and (max-width:767px)
{
#index header #course-module-cc #course-module-buttons {
	margin-top: 20px;
}
#lander header #course-module-cc #course-module-buttons {
	margin-top: 20px;
}
}
@media screen and (min-width:768px)
{
#index header #course-module-cc #course-module-buttons {
	top: 30px; right: 30px; position: absolute;
}
#lander header #course-module-cc #course-module-buttons {
	top: 30px; right: 30px; position: absolute;
}
}
.hero-video-played #index header #course-module-cc {
	transform: translateY(0px); -webkit-transform: translateY(0);
}
.hero-video-played #lander header #course-module-cc {
	transform: translateY(0px); -webkit-transform: translateY(0);
}
#index header #course-celebration {
	top: 50%; height: 622px; padding-top: 80px; display: none; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#lander header #course-celebration {
	top: 50%; height: 622px; padding-top: 80px; display: none; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#index header #course-celebration h3 {
	color: rgb(255, 255, 255); margin-top: 0px;
}
#lander header #course-celebration h3 {
	color: rgb(255, 255, 255); margin-top: 0px;
}
#index header #course-celebration p {
	color: rgb(255, 255, 255); margin-bottom: 50px;
}
#lander header #course-celebration p {
	color: rgb(255, 255, 255); margin-bottom: 50px;
}
#index header #course-celebration .button {
	margin-bottom: 10px;
}
#lander header #course-celebration .button {
	margin-bottom: 10px;
}
#index header #course-celebration .fake-badge {
	animation:fake-badge-slide 300ms ease-in-out 500ms forwards; width: 100px; margin-bottom: 20px; opacity: 0; transform: translateY(-50px); -webkit-animation: fake-badge-slide 300ms 500ms ease-in-out forwards; -webkit-transform: translateY(-50px);
}
#lander header #course-celebration .fake-badge {
	animation:fake-badge-slide 300ms ease-in-out 500ms forwards; width: 100px; margin-bottom: 20px; opacity: 0; transform: translateY(-50px); -webkit-animation: fake-badge-slide 300ms 500ms ease-in-out forwards; -webkit-transform: translateY(-50px);
}
.hero-video-playing #index header {
	background-color: rgb(45, 51, 57);
}
.hero-video-paused #index header {
	background-color: rgb(45, 51, 57);
}
.hero-video-playing #lander header {
	background-color: rgb(45, 51, 57);
}
.hero-video-paused #lander header {
	background-color: rgb(45, 51, 57);
}
.green-hero-form {
	background: rgb(95, 207, 128); text-align: left; color: white; padding-bottom: 0px; margin-top: 0px; margin-bottom: 70px;
}
.green-hero-form .hero-title {
	padding-top: 75px;
}
.green-hero-form .hero-title h1 {
	color: rgb(255, 255, 255);
}
.green-hero-form .hero-title h2 {
	color: rgb(255, 255, 255);
}
.green-hero-form .hero-title h2 {
	font-size: 20px; font-weight: normal; margin-bottom: 40px;
}
@media screen and (max-width:768px)
{
.green-hero-form .hero-title h1 {
	margin-top: 80px;
}
}
@media screen and (min-width:769px)
{
.green-hero-form .hero-title h1 {
	margin-top: 0px;
}
}
.green-hero-form .form-card {
	background: white; padding: 30px; border-radius: 5px; text-align: left; margin-bottom: 80px; box-shadow: 0px 2px 0px rgba(0,0,0,0.15);
}
.green-hero-form .form-card .trial-banner {
	margin: -30px -30px 30px; padding: 20px; border-radius: 5px 5px 0px 0px; text-align: center; color: rgb(255, 255, 255); font-weight: 500; background-color: rgb(58, 193, 98);
}
.green-hero-form .form-card fieldset {
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(237, 239, 240); border-image: none;
}
.green-hero-form .form-card .row {
	padding: 0px 9px;
}
.green-hero-form .form-card .columns {
	padding: 0px 6px;
}
.green-hero-form .form-card h3 {
	margin-top: -3px;
}
.green-hero-form .form-card label {
	left: 28px; color: rgb(166, 176, 183);
}
.green-hero-form .form-card .play-icon {
	top: 0.1px; width: 10px; height: 13px; margin-left: 10px; position: relative; fill: #fff;
}
.success-students-test {
	padding-bottom: 72px;
}
.success-students-test .hero-title {
	padding-top: 25px;
}
.success-students-test h5 {
	color: white;
}
.success-students-test h6 {
	color: white;
}
@media screen and (max-width:768px)
{
.success-students-test h6 {
	margin-bottom: 48px;
}
}
@media screen and (min-width:769px)
{
.success-students-test h6 {
	margin-bottom: 0px;
}
}
.success-students-test .students {
	background: url("views/landing_pages/green-illustration-bg.svg"); min-height: 360px;
}
.success-students-test .students .row {
	padding-top: 45px;
}
@media screen and (max-width:768px)
{
.success-students-test .students {
	margin-top: 60px; background-repeat: repeat-y; background-size: contain;
}
}
@media screen and (min-width:769px)
{
.success-students-test .students {
	margin-top: 0px; background-repeat: no-repeat; background-size: cover;
}
}
html.hero-video-in-progress #index header {
	animation:height_change linear forwards; max-height: 622px; -webkit-animation: height_change 0 0 linear forwards;
}
html.hero-video-in-progress #lander header {
	animation:height_change linear forwards; max-height: 622px; -webkit-animation: height_change 0 0 linear forwards;
}
#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;
}
#index #hero-initial .headline {
	padding-top: 74px; padding-right: 30px;
}
}
#index header .card:hover .cta.button {
	border-color: rgb(41, 143, 174) !important; background-color: rgb(41, 143, 174) !important;
}
#index .hide {
	display: none;
}
#index .tabs ul li.current a.button {
	border: 2px solid rgb(95, 207, 128); border-image: none; color: rgb(255, 255, 255); background-color: rgb(95, 207, 128);
}
#index .button-group {
	margin: 40px auto; font-size: inherit; list-style-type: none;
}
#index .button-group li {
	display: inline-block;
}
#index .button-group li .button {
	border-radius: 0px;
}
#index .button-group li .large {
	padding: 0px 44px; font-size: 18px;
}
@media screen and (max-width:768px)
{
#index .button-group li .large {
	padding: 0px 32px; font-size: 14px;
}
}
#index .button-group li:first-child a {
	border-radius: 5px 0px 0px 5px; margin-right: -5px; border-right-color: currentColor !important; border-right-width: 0px !important; border-right-style: none !important;
}
#index .button-group li:last-child a {
	border-radius: 0px 5px 5px 0px; margin-left: -5px; border-left-color: currentColor !important; border-left-width: 0px !important; border-left-style: none !important;
}
#index .tracks .panel {
	transition:0.3s ease-in; -webkit-transition: 0.3s ease-in;
}
#index .tracks .panel:hover {
	background-color: rgb(234, 237, 238);
}
#index .tracks h5 {
	text-align: center; line-height: 26px;
}
#index .tracks span {
	padding: 5px; border-radius: 50%; width: 28px; height: 28px; float: left;
}
#index .tracks .track-icon {
	fill: #fff;
}
#index .tracks .course-icon {
	fill: #fff;
}
#index .tracks .conference-icon {
	fill: #fff;
}
#index .tracks .workshop-icon {
	fill: #fff;
}
#index .tracks .right-arrow-icon {
	width: 16px; height: 16px; margin-top: 4px; float: right; fill: #c6ccd2;
}
#index .projects .build-a-website.callout-card svg {
	top: 30px; width: 323px; height: 120px; position: absolute;
}
#index .projects .space-cat.callout-card {
	background-color: rgb(56, 64, 71);
}
#index .projects .space-cat.callout-card svg {
	top: 45px; width: 310px; height: 83px; position: absolute;
}
#index .projects .photo-bombers.callout-card svg {
	top: 40px; width: 100px; height: 100px; position: absolute;
}
#index .projects .python-bear-app.callout-card {
	background-color: rgb(251, 207, 62);
}
#index .projects .python-bear-app.callout-card svg {
	top: 0px; width: 323px; height: 178px; position: absolute;
}
#index .projects .signals-from-mars.callout-card {
	background-color: rgb(244, 80, 80);
}
#index .projects .signals-from-mars.callout-card svg {
	top: 6px; width: 323px; height: 125px; position: absolute;
}
#index .projects .stormy.callout-card {
	background-image: linear-gradient(rgb(117, 66, 201), rgb(246, 94, 48));
}
#index .projects .stormy.callout-card svg {
	top: 40px; width: 100px; height: 100px; position: absolute;
}
#index .topics .callout-card {
	margin-bottom: 0px;
}
#index .topics .callout-card svg {
	left: 50%; top: 32%; position: absolute; opacity: 0.25; fill: #000; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
#index .go-pro {
	margin: 40px auto 60px;
}
.ff #index header {
	
}
.ff #lander header {
	
}
.ff #index .cta.button svg {
	top: 0px; position: relative;
}
.ff #lander .cta.button svg {
	top: 0px; position: relative;
}
.ff.hero-video-in-progress #index header {
	height: auto;
}
.ipad.hero-video-in-progress #index header {
	height: auto;
}
.ff.hero-video-in-progress #lander header {
	height: auto;
}
.ipad.hero-video-in-progress #lander header {
	height: auto;
}
.ff.hero-video-played #index header {
	height: 622px;
}
.ff.hero-video-played #lander header {
	height: 622px;
}
#index .woocommerce {
	background: rgb(131, 140, 199);
}
#lander .woocommerce {
	background: rgb(131, 140, 199);
}
#index .woocommerce .subheading {
	margin-bottom: 40px;
}
#lander .woocommerce .subheading {
	margin-bottom: 40px;
}
#index .woocommerce .button {
	animation:opacity_change 1000ms ease-in 1000ms forwards; opacity: 0; -webkit-animation: opacity_change 1000ms 1000ms ease-in forwards;
}
#lander .woocommerce .button {
	animation:opacity_change 1000ms ease-in 1000ms forwards; opacity: 0; -webkit-animation: opacity_change 1000ms 1000ms ease-in forwards;
}
#index .woocommerce .woocommerce-hero {
	animation:animate-woo 5000ms ease-in 1000ms forwards; margin-top: -30px; display: block; stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation: animate-woo 5000ms 1000ms ease-in forwards;
}
#lander .woocommerce .woocommerce-hero {
	animation:animate-woo 5000ms ease-in 1000ms forwards; margin-top: -30px; display: block; stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation: animate-woo 5000ms 1000ms ease-in forwards;
}
@media screen and (max-width:767px)
{
#index .woocommerce .woocommerce-hero {
	margin: 0px auto; max-width: 440px;
}
#lander .woocommerce .woocommerce-hero {
	margin: 0px auto; max-width: 440px;
}
}
#index header {
	background: rgb(95, 207, 128); padding: 0px; transition:background-color 200ms ease-in-out; height: 622px; text-align: left; overflow: hidden; position: relative; -webkit-transition: background-color 200ms ease-in-out;
}
#lander header {
	background: rgb(95, 207, 128); padding: 0px; transition:background-color 200ms ease-in-out; height: 622px; text-align: left; overflow: hidden; position: relative; -webkit-transition: background-color 200ms ease-in-out;
}
#index header.hero-blue {
	background: rgb(66, 180, 214);
}
#lander header.hero-blue {
	background: rgb(66, 180, 214);
}
#index header.hero-purple {
	background: rgb(160, 131, 200);
}
#lander header.hero-purple {
	background: rgb(160, 131, 200);
}
#index header.hero-red {
	background: rgb(237, 90, 90);
}
#lander header.hero-red {
	background: rgb(237, 90, 90);
}
#index header.hero-yellow {
	background: rgb(255, 212, 101);
}
#lander header.hero-yellow {
	background: rgb(255, 212, 101);
}
#index header h1 {
	animation:opacity_change 500ms ease-in 1000ms forwards; text-align: left; color: rgb(255, 255, 255); opacity: 0; -webkit-animation: opacity_change 500ms 1000ms ease-in forwards;
}
#index header .subheading {
	animation:opacity_change 500ms ease-in 1000ms forwards; text-align: left; color: rgb(255, 255, 255); opacity: 0; -webkit-animation: opacity_change 500ms 1000ms ease-in forwards;
}
#lander header h1 {
	animation:opacity_change 500ms ease-in 1000ms forwards; text-align: left; color: rgb(255, 255, 255); opacity: 0; -webkit-animation: opacity_change 500ms 1000ms ease-in forwards;
}
#lander header .subheading {
	animation:opacity_change 500ms ease-in 1000ms forwards; text-align: left; color: rgb(255, 255, 255); opacity: 0; -webkit-animation: opacity_change 500ms 1000ms ease-in forwards;
}
#index header h1 {
	line-height: 1.1; margin-bottom: 30px;
}
#lander header h1 {
	line-height: 1.1; margin-bottom: 30px;
}
@media screen and (max-width:767px)
{
#index header h1 {
	font-size: 36px;
}
#lander header h1 {
	font-size: 36px;
}
}
@media screen and (min-width:768px)
{
#index header h1 {
	font-size: 42px;
}
#lander header h1 {
	font-size: 42px;
}
}
#index header .card {
	padding: 0px; box-shadow: 0px 1px 0px transparent;
}
#lander header .card {
	padding: 0px; box-shadow: 0px 1px 0px transparent;
}
#index header .card:hover .cta.button {
	border-color: rgb(58, 193, 98); background-color: rgb(58, 193, 98);
}
#lander header .card:hover .cta.button {
	border-color: rgb(58, 193, 98); background-color: rgb(58, 193, 98);
}
#index header .card:hover strong {
	color: rgb(178, 186, 194);
}
#lander header .card:hover strong {
	color: rgb(178, 186, 194);
}
#index header .card .title {
	animation:load_cta_card_ie 250ms ease-in 1000ms forwards; min-height: 296px; opacity: 0; -webkit-animation: load_cta_card_ie 250ms 1000ms ease-in forwards;
}
#lander header .card .title {
	animation:load_cta_card_ie 250ms ease-in 1000ms forwards; min-height: 296px; opacity: 0; -webkit-animation: load_cta_card_ie 250ms 1000ms ease-in forwards;
}
@media screen and (max-width:420px)
{
#index header .card .title h3 {
	font-size: 15px;
}
#lander header .card .title h3 {
	font-size: 15px;
}
}
#index header .card .stages {
	margin: 0px;
}
#lander header .card .stages {
	margin: 0px;
}
#index header .card .description {
	font-size: 14px;
}
#lander header .card .description {
	font-size: 14px;
}
@media screen and (max-width:767px)
{
#index header .card {
	margin-top: 40px;
}
#lander header .card {
	margin-top: 40px;
}
}
@media screen and (min-width:820px)
{
#index header .card {
	margin: 0px 40px 0px 0px;
}
#lander header .card {
	margin: 0px 40px 0px 0px;
}
}
#index header .cta.button {
	margin-top: 30px;
}
#lander header .cta.button {
	margin-top: 30px;
}
@media screen and (max-width:420px)
{
#index header .cta.button {
	font-size: 13px;
}
#lander header .cta.button {
	font-size: 13px;
}
}
#index header .cta.button svg {
	top: 1px; width: 10px; height: 13px; margin-left: 4px; position: relative; fill: #fff;
}
#lander header .cta.button svg {
	top: 1px; width: 10px; height: 13px; margin-left: 4px; position: relative; fill: #fff;
}
@media screen and (max-width:579px)
{
#index header .transparent-card {
	display: none;
}
#lander header .transparent-card {
	display: none;
}
}
@media screen and (min-width:580px)
{
#index header .transparent-card {
	width: 388px; height: 249px; opacity: 0;
}
#lander header .transparent-card {
	width: 388px; height: 249px; opacity: 0;
}
#index header :nth-child(1).transparent-card {
	animation:load_trans_card_a 250ms ease-in 900ms forwards; top: -269px; right: 55px; position: absolute; -webkit-animation: load_trans_card_a 250ms 900ms ease-in forwards;
}
#lander header :nth-child(1).transparent-card {
	animation:load_trans_card_a 250ms ease-in 900ms forwards; top: -269px; right: 55px; position: absolute; -webkit-animation: load_trans_card_a 250ms 900ms ease-in forwards;
}
#index header :nth-child(2).transparent-card {
	animation:load_trans_card_a 250ms ease-in 1100ms forwards; top: 330px; right: 55px; position: absolute; -webkit-animation: load_trans_card_a 250ms 1100ms ease-in forwards;
}
#lander header :nth-child(2).transparent-card {
	animation:load_trans_card_a 250ms ease-in 1100ms forwards; top: 330px; right: 55px; position: absolute; -webkit-animation: load_trans_card_a 250ms 1100ms ease-in forwards;
}
#index header :nth-child(3).transparent-card {
	animation:load_trans_card_b 250ms ease-in 950ms forwards; top: -380px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 950ms ease-in forwards;
}
#lander header :nth-child(3).transparent-card {
	animation:load_trans_card_b 250ms ease-in 950ms forwards; top: -380px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 950ms ease-in forwards;
}
#index header :nth-child(4).transparent-card {
	animation:load_trans_card_b 250ms ease-in 1050ms forwards; top: -111px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 1050ms ease-in forwards;
}
#lander header :nth-child(4).transparent-card {
	animation:load_trans_card_b 250ms ease-in 1050ms forwards; top: -111px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 1050ms ease-in forwards;
}
#index header :nth-child(5).transparent-card {
	animation:load_trans_card_b 250ms ease-in 1150ms forwards; top: 158px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 1150ms ease-in forwards;
}
#lander header :nth-child(5).transparent-card {
	animation:load_trans_card_b 250ms ease-in 1150ms forwards; top: 158px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 1150ms ease-in forwards;
}
#index header :nth-child(6).transparent-card {
	animation:load_trans_card_b 250ms ease-in 1000ms forwards; top: 427px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 1000ms ease-in forwards;
}
#lander header :nth-child(6).transparent-card {
	animation:load_trans_card_b 250ms ease-in 1000ms forwards; top: 427px; right: -353px; position: absolute; -webkit-animation: load_trans_card_b 250ms 1000ms ease-in forwards;
}
}
#index .mega-quote {
	background-image: url("https://static.teamtreehouse.com/assets/views/landing_pages/joelle-steiniger-megaquote-aca25b63cc5d6e5a36dfece7cbd0e32a.jpg");
}
#lander .mega-quote {
	background-image: url("https://static.teamtreehouse.com/assets/views/landing_pages/joelle-steiniger-megaquote-aca25b63cc5d6e5a36dfece7cbd0e32a.jpg");
}
@media screen and (max-width:459px)
{
#index .mega-quote {
	background-position: -510px 0px;
}
#lander .mega-quote {
	background-position: -510px 0px;
}
}
@media screen and (max-width:540px) and (min-width:460px)
{
#index .mega-quote {
	background-position: -380px 0px;
}
#lander .mega-quote {
	background-position: -380px 0px;
}
}
@media screen and (max-width:620px)
{
#index .mega-quote {
	padding-right: 40%;
}
#lander .mega-quote {
	padding-right: 40%;
}
}
@media screen and (max-width:739px) and (min-width:541px)
{
#index .mega-quote {
	background-position: -240px 0px;
}
#lander .mega-quote {
	background-position: -240px 0px;
}
}
@media screen and (max-width:859px) and (min-width:740px)
{
#index .mega-quote {
	background-position: -90px 0px;
}
#lander .mega-quote {
	background-position: -90px 0px;
}
}
@media screen and (min-width:860px)
{
#index .mega-quote {
	background-position: right top;
}
#lander .mega-quote {
	background-position: right top;
}
}
#index .trust {
	text-align: center;
}
#lander .trust {
	text-align: center;
}
#index .trust svg {
	width: 100%; height: 64px; max-width: 640px; fill: #c7cfd1;
}
#lander .trust svg {
	width: 100%; height: 64px; max-width: 640px; fill: #c7cfd1;
}
#index .trust .trust-headline {
	margin: 0px 0px 25px; font-size: 18px;
}
#lander .trust .trust-headline {
	margin: 0px 0px 25px; font-size: 18px;
}
html:not(.ie) #index .card {
	transition:transform 250ms ease-in, box-shadow 250ms ease-in; animation:pulse_card 1000ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 1500ms 3; transform: scale(1); -webkit-animation: pulse_card 1000ms 1500ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 3; -webkit-transform: scale(1); -webkit-transition: -webkit-transform 250ms ease-in, box-shadow 250ms ease-in;
}
html:not(.ie) #lander .card {
	transition:transform 250ms ease-in, box-shadow 250ms ease-in; animation:pulse_card 1000ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 1500ms 3; transform: scale(1); -webkit-animation: pulse_card 1000ms 1500ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 3; -webkit-transform: scale(1); -webkit-transition: -webkit-transform 250ms ease-in, box-shadow 250ms ease-in;
}
html:not(.ie) #index .card:hover {
	transform: scale(1.03); animation-play-state: paused; -webkit-transform: scale(1.03); -webkit-animation-play-state: paused;
}
html:not(.ie) #lander .card:hover {
	transform: scale(1.03); animation-play-state: paused; -webkit-transform: scale(1.03); -webkit-animation-play-state: paused;
}
html:not(.ie) #index .card .title {
	animation:load_cta_card 250ms ease-in 1000ms forwards; -webkit-animation: load_cta_card 250ms 1000ms ease-in forwards;
}
html:not(.ie) #lander .card .title {
	animation:load_cta_card 250ms ease-in 1000ms forwards; -webkit-animation: load_cta_card 250ms 1000ms ease-in forwards;
}
html.safari #index .card:hover {
	transform: scale(1); -webkit-transform: scale(1);
}
html.safari #lander .card:hover {
	transform: scale(1); -webkit-transform: scale(1);
}
#lander header > section .headline {
	padding-top: 0px;
}
#lander header > section .headline .button {
	margin-top: 30px;
}
#lander header > section .pizza .hero-illustration {
	width: 540px; height: 540px;
}
@media screen and (max-width:767px)
{
#lander header > section .pizza .hero-illustration {
	left: 50%; top: 50px; margin-left: -270px; position: absolute;
}
}
@media screen and (max-width:850px) and (min-width:768px)
{
#lander header > section .pizza .hero-illustration {
	top: -106px; right: -200px; position: absolute;
}
}
@media screen and (max-width:920px) and (min-width:851px)
{
#lander header > section .pizza .hero-illustration {
	top: -106px; right: -130px; position: absolute;
}
}
@media screen and (min-width:921px)
{
#lander header > section .pizza .hero-illustration {
	top: -106px; right: -80px; position: absolute;
}
}
#lander .indented.row {
	position: relative; max-width: 880px;
}
@media screen and (min-width:768px)
{
#lander .indented.row {
	height: 320px;
}
}
#lander :nth-child(2).indented.row {
	margin-top: 120px;
}
#lander :nth-child(3).indented.row {
	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 {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
}
#lander .practice .proof-content {
	padding-right: 40px;
}
#lander .learn .proof-content {
	padding-left: 40px;
}
#lander .earn .proof-content {
	padding-left: 40px;
}
#lander .sign-up-cta .button {
	margin-top: 30px;
}
#lander footer {
	margin-top: 0px;
}
#see_alt header {
	background: rgb(56, 64, 71); margin: 80px 0px 0px; padding: 0px; overflow: hidden; position: relative; min-height: 600px;
}
@media screen and (max-width:980px)
{
#see_alt header {
	min-height: 225px;
}
}
@media screen and (max-width:767px)
{
#see_alt header {
	margin: 51px 0px 0px;
}
}
#see_alt .video-preview {
	background: url("https://static.teamtreehouse.com/assets/views/landing_pages/see_alt_poster_vid_img-229f3a3b38c0d6643ab3050790f8e26c.jpg") 0% 0% / cover; left: 0px; top: 0px; width: auto; height: auto; position: absolute; min-height: 100%; min-width: 100%;
}
#see_alt .video-full {
	margin: 22px auto; padding: 0px; max-width: 950px;
}
@media screen and (max-width:980px)
{
#see_alt .video-full {
	margin: 0px auto;
}
}
#see_alt .enter-email {
	max-width: 332px;
}
#see_alt .hide {
	display: none;
}
#see_alt .headline {
	margin-top: 130px;
}
@media screen and (max-width:767px)
{
#see_alt .headline {
	margin-top: 90px;
}
}
#see_alt .headline h1 {
	color: rgb(255, 255, 255);
}
#see_alt .headline h3 {
	color: rgb(255, 255, 255); font-weight: 400;
}
@media screen and (max-width:840px)
{
#see_alt .headline h3 {
	font-size: 1.25em;
}
}
#see_alt .headline .video-40-icon {
	margin: 60px auto 40px; width: 80px; height: 80px; fill: #fff;
}
#see_alt .downvote-icon {
	margin: 40px auto; width: 32px; height: 32px; opacity: 0.85; fill: #fff;
}
#see_alt .play-button {
	display: block; cursor: pointer;
}
#see_alt .content-section .arrow svg {
	margin-top: 0px; fill: #c6ccd2;
}
#see_alt .key-points svg {
	margin: 0px auto; width: 70%;
}
@media screen and (max-width:767px)
{
#see_alt .key-points svg {
	margin: 40px auto 0px; width: 50%;
}
}
#see_alt .key-points p {
	padding: 0px 10px;
}
#see_alt .row-top {
	margin: 80px auto 40px;
}
#shareasale {
	background-color: rgb(255, 255, 255);
}
#shareasale #mep_1 .mejs-controls {
	display: none;
}
#shareasale .plans-section {
	background-color: rgb(95, 207, 128);
}
@media screen and (min-width:767px)
{
#shareasale .page-container {
	margin-top: 50px;
}
}
@media screen and (min-width:768px)
{
#shareasale .page-container {
	margin-top: 80px;
}
}
#shareasale .main-heading {
	width: 100%; text-align: center; margin-bottom: 0px;
}
#shareasale .main-heading h1 {
	font-size: 24px; margin-bottom: 7px;
}
#shareasale .main-heading + .plans-boxes {
	margin-top: 50px;
}
#shareasale .header {
	display: none;
}
#shareasale .landing-header {
	padding: 15px 0px; background-color: rgb(45, 53, 56);
}
@media screen and (max-width:767px)
{
#shareasale .landing-header {
	padding: 15px;
}
}
#shareasale .landing-header .container {
	margin: 0px auto; width: 100%; max-width: 1000px;
}
#shareasale .landing-header .container::before {
	display: table; content: " ";
}
#shareasale .landing-header .container::after {
	display: table; content: " ";
}
#shareasale .landing-header .container::after {
	clear: both;
}
#shareasale .landing-header .main-nav {
	margin: 2px 0px 0px; width: 50%; float: right;
}
#shareasale .landing-header .main-nav ul {
	list-style: none; margin: 0px; float: right;
}
#shareasale .landing-header .main-nav ul li a {
	padding: 8px 16px 7px; color: white; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none; margin-bottom: 0px; vertical-align: middle;
}
#shareasale .landing-header .th-logo {
	margin: 0px; width: 50%; font-size: 0px; float: left;
}
#shareasale .section {
	padding-top: 0px; padding-bottom: 0px;
}
#shareasale .plans-signup {
	padding-top: 60px;
}
#shareasale .video-wrapper {
	width: 100%; height: auto; margin-bottom: 45px; position: relative;
}
#shareasale .video-wrapper .full-width-video {
	top: 0px; width: 100%; height: auto; position: relative; z-index: 0;
}
#shareasale .video-wrapper .full-width-video .video {
	width: 100%; height: auto;
}
#shareasale .video-wrapper .video-feature {
	background: url("https://static.teamtreehouse.com/assets/marketing/landings/video-bkgd-large-466595aaa315290d8280994ae7d7431f.jpg") no-repeat center / cover rgb(36, 44, 47); top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; z-index: 1;
}
#shareasale .video-wrapper .video-feature .message {
	margin: -140px 0px 0px; top: 50%; width: 100%; height: 400px; position: absolute;
}
#shareasale .video-wrapper .video-feature h1 {
	margin: -15px 0px 10px; color: rgb(255, 255, 255); line-height: 1.2; padding-top: 0px; font-size: 38px;
}
#shareasale .video-wrapper .video-feature .deal {
	color: rgb(201, 207, 212); font-family: "Gotham Rounded A", "Gotham Rounded B", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 400;
}
#shareasale .video-wrapper .video-feature .deal strong {
	color: rgb(201, 207, 212);
}
#shareasale .video-wrapper .video-feature .plan-disclaimer {
	color: rgb(201, 207, 212); font-size: 10px; margin-top: 22px; display: block;
}
#shareasale .video-wrapper .video-feature .play-button {
	margin: 25px auto 35px; width: 70px; height: 70px; display: block;
}
#shareasale .video-wrapper .video-feature .play-button a {
	width: 100%; height: 100%; display: block;
}
#shareasale .video-wrapper .video-feature .play-button a span {
	display: inline-block;
}
#shareasale .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 {
	margin: -9px 0px 0px -4px; left: 50%; top: 50%; position: absolute;
}
#shareasale .secondary-content {
	padding-bottom: 100px;
}
#shareasale .dashed-features {
	margin: 0px auto; padding: 10px 0px 0px; width: 100%; list-style-type: none;
}
#shareasale .dashed-features h2 {
	margin: 0px; font-size: 15px;
}
#shareasale .dashed-features p {
	margin: 10px 0px; line-height: 24px;
}
#shareasale .dashed-features-item {
	margin: 0px; padding: 48px 6%;
}
#shareasale :nth-of-type(3).dashed-features-item {
	padding-bottom: 110px;
}
#shareasale .dashed-features-item-copy {
	background: rgb(255, 255, 255); padding: 0px 0px 0px 50px; width: 45%; vertical-align: middle; display: inline-block;
}
#shareasale .dashed-features-item-copy-second {
	padding: 40px 0px 0px; margin-left: 59%;
}
#shareasale .dashed-features-item-copy-third {
	padding: 40px 0px 0px; margin-left: 4%;
}
#shareasale .dashed-features-item-copy h2 {
	text-align: left;
}
#shareasale .copy-icon {
	border-radius: 4px; width: 40%; height: 200px; vertical-align: middle; display: inline-block; position: relative;
}
#shareasale .copy-icon-first {
	background: url("https://static.teamtreehouse.com/assets/marketing/landings/feature-learn-6aee4831d7712528759f32096979f1b5.png") no-repeat center / 160px 160px rgb(251, 174, 168);
}
#shareasale .copy-icon-first img {
	border: 0px currentColor; border-image: none; left: 156px; top: 208px; width: 340px; height: 110px; position: relative;
}
#shareasale .copy-icon-second {
	background: url("https://static.teamtreehouse.com/assets/marketing/landings/feature-practice-19a4ad2113a712acdf81193cc320e245.png") no-repeat center / 160px 160px rgb(193, 224, 245); margin-top: -20px; margin-left: 59%; display: block; postion: relative;
}
#shareasale .copy-icon-second img {
	border: 0px currentColor; border-image: none; left: -260px; top: 163px; width: 260px; height: 190px; position: relative;
}
#shareasale .copy-icon-third {
	background: url("https://static.teamtreehouse.com/assets/marketing/landings/feature-earn-3ac922532a225d7d9bb410fe29fa057c.png") no-repeat center / 160px 160px rgb(184, 245, 210); margin-top: -185px; margin-left: 4%; display: block;
}
#shareasale .item {
	padding: 40px 10% 0px;
}
#shareasale .item img {
	margin: 0px auto; width: 100%; height: auto; display: block;
}
#shareasale .item h3 {
	color: rgb(76, 87, 96); font-size: 14px; margin-top: 40px;
}
#shareasale .item .link {
	margin: 0px; padding: 0px 21px 0px 0px; display: inline-block;
}
#shareasale .item:hover {
	text-decoration: none;
}
#shareasale .tertiary-content {
	background: rgb(244, 247, 248); padding: 80px 0px 90px;
}
#shareasale .tertiary-content .main-heading {
	padding-bottom: 45px; border-bottom-color: rgb(222, 231, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
#shareasale .tertiary-content .main-heading h1 {
	line-height: 1.4; font-size: 15px; margin-bottom: 25px;
}
#shareasale .tertiary-content .main-heading img {
	width: 767px;
}
#shareasale .tertiary-content .quote {
	padding-right: 13%; margin-top: 60px; position: relative;
}
#shareasale .tertiary-content .quote p {
	line-height: 1.9; font-family: "Gotham Rounded A", "Gotham Rounded B", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; font-style: italic; font-weight: 400; position: relative; z-index: 2;
}
#shareasale .tertiary-content .quote img {
	left: -18px; top: -25px; width: 140px; height: 100px; position: absolute; z-index: 1;
}
#shareasale .tertiary-content .attribution {
	color: rgb(151, 164, 173);
}
#shareasale .tertiary-content .attribution-second {
	width: 85%; float: right;
}
#shareasale .tertiary-content .attribution strong {
	color: rgb(151, 164, 173); line-height: 2; display: block;
}
#shareasale .tertiary-content .attribution .avatar {
	margin: -1px 15px 0px 0px; border-radius: 50px; width: 50px; height: 50px; overflow: hidden; float: left;
}
#shareasale .tertiary-content .attribution .avatar img {
	width: 50px; height: 50px;
}
#shareasale .tertiary-content .marketing-video {
	padding-top: 73px; border-left-color: rgb(222, 231, 234); border-left-width: 1px; border-left-style: solid;
}
#shareasale .tertiary-content .video-thumb {
	background: rgb(236, 239, 242); padding: 20px; border-radius: 10px; width: 85%; margin-bottom: 24px; float: right;
}
#shareasale .plans-signup .offer {
	background: rgb(234, 244, 250); margin: 20px auto 0px; padding: 22px 40px; border-radius: 3px; color: rgb(160, 188, 206); font-size: 13px; display: inline-block;
}
#shareasale .plans-signup .offer strong {
	padding: 0px 1px; color: rgb(150, 181, 201); text-transform: uppercase; font-size: 85%;
}
@media screen and (max-width:767px)
{
#shareasale .main-heading p {
	font-size: 13px;
}
#shareasale .video-wrapper .full-width-video .video {
	display: block;
}
#shareasale .video-wrapper .video-feature {
	height: 500px;
}
#shareasale .video-wrapper .video-feature .message {
	height: 260px; margin-top: -130px;
}
#shareasale .video-wrapper .video-feature h1 {
	padding-top: 10px; font-size: 30px;
}
#shareasale .video-wrapper .video-feature .deal {
	font-size: 15px;
}
#shareasale .video-wrapper .video-feature p {
	display: none;
}
#shareasale .video-wrapper .video-feature .disclaimer {
	display: none;
}
#shareasale .secondary-content {
	margin-top: 120px;
}
#shareasale .secondary-content .dashed-features-item {
	padding: 28px 0px;
}
#shareasale .secondary-content .dashed-features-item-copy {
	margin: 0px auto; padding: 20px 0px 0px; width: 100%; display: block; max-width: 315px;
}
#shareasale .secondary-content .second.dashed-features-item-copy {
	margin-left: auto;
}
#shareasale .secondary-content .third.dashed-features-item-copy {
	margin-left: auto;
}
#shareasale .secondary-content .item {
	padding: 40px 30% 0px; text-align: center;
}
#shareasale .secondary-content .copy-icon {
	margin: 0px auto; width: 100%; display: block; max-width: 315px;
}
#shareasale .secondary-content .copy-icon-first img {
	display: none;
}
#shareasale .secondary-content .copy-icon-second {
	margin-top: 0px; margin-left: auto;
}
#shareasale .secondary-content .copy-icon-second img {
	display: none;
}
#shareasale .secondary-content .copy-icon-third {
	margin-top: 0px; margin-left: auto;
}
#shareasale .tertiary-content .main-heading img {
	width: 85%;
}
#shareasale .tertiary-content .quote {
	margin: 60px auto 17px; width: 80%; padding-right: 0px; display: block;
}
#shareasale .tertiary-content .attribution {
	margin: 0px auto; width: 80%; float: none; display: block;
}
#shareasale .tertiary-content .attribution-second {
	margin: 0px auto; width: 80%; float: none; display: block;
}
#shareasale .tertiary-content .marketing-video {
	padding-top: 73px; border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
#shareasale .tertiary-content .marketing-video .video-thumb {
	margin: 0px auto 24px; width: 80%; float: none; display: block;
}
#shareasale .tertiary-content .marketing-video .video-thumb .video {
	display: block;
}
#shareasale .plans-signup .offer {
	margin: 10px auto 30px; padding: 10px 20px; line-height: 15px; font-size: 11px;
}
}
@media screen and (max-width:640px)
{
#shareasale .full-width-video {
	padding-bottom: 100px;
}
#shareasale .video-wrapper .video-feature {
	height: 500px;
}
#shareasale .video-wrapper .video-feature .message {
	height: 200px; margin-top: -100px;
}
#shareasale .video-wrapper .video-feature .message h1 {
	padding-top: 0px; font-size: 24px; margin-top: -19px;
}
}
@media screen and (max-width:480px)
{
#shareasale .full-width-video {
	padding-bottom: 100px;
}
#shareasale .secondary-content .item {
	padding: 40px 15% 0px;
}
#shareasale .video-wrapper .video-feature {
	height: 405px;
}
#shareasale .video-wrapper .video-feature .message h1 {
	margin: 3px 0px -22px; font-size: 18px;
}
#shareasale .video-wrapper .video-feature .message .deal {
	display: none;
}
#shareasale .video-wrapper .video-feature .play-button {
	margin-top: 45px;
}
#shareasale .tertiary-content .quote {
	width: 95%;
}
#shareasale .tertiary-content .attribution {
	width: 95%;
}
#shareasale .tertiary-content .marketing-video .video-thumb {
	width: 95%;
}
}
@media screen and (max-width:400px)
{
#shareasale .full-width-video {
	padding-bottom: 120px;
}
}
#shareasale footer {
	margin-top: 80px;
}
.landing-pages-controller #survey .survey-form {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial, sans-serif; font-weight: 300;
}
.landing-pages-controller #survey header {
	background-image: none; background-color: rgb(95, 207, 128);
}
@media screen and (max-width:767px)
{
.landing-pages-controller #survey header {
	padding-top: 0px; padding-bottom: 12px;
}
}
.landing-pages-controller #survey .survey-container {
	padding-top: 40px;
}
.landing-pages-controller #survey h1 {
	color: rgb(255, 255, 255); font-size: 24px;
}
.landing-pages-controller #survey h1 + p {
	color: rgb(255, 255, 255);
}
.landing-pages-controller #survey .survey-form {
	margin: 40px 0px 30px; padding: 60px 60px 70px; border-radius: 5px; height: 340px; color: rgba(85, 94, 106, 0.8); line-height: 1.6; font-size: 16px; font-style: italic; border-left-color: currentColor; border-left-width: medium; border-left-style: none; position: relative; box-shadow: 0px 3px 0px #3ac162; background-color: rgb(255, 255, 255);
}
@media screen and (max-width:520px)
{
.landing-pages-controller #survey .survey-form {
	padding: 40px 20px 50px;
}
}
#think_alt header {
	background: rgb(56, 64, 71); margin: 80px 0px 0px; padding: 0px; overflow: hidden; position: relative; min-height: 600px;
}
@media screen and (max-width:980px)
{
#think_alt header {
	min-height: 225px;
}
}
@media screen and (max-width:767px)
{
#think_alt header {
	margin: 51px 0px 0px;
}
}
#think_alt .video-preview {
	background: url("https://static.teamtreehouse.com/images/views/landing_pages/think_alt_poster_vid_img.jpg") 0% 0% / cover; left: 0px; top: 0px; width: auto; height: auto; position: absolute; min-height: 100%; min-width: 100%;
}
#think_alt .video-full {
	margin: 22px auto; padding: 0px; max-width: 950px;
}
@media screen and (max-width:980px)
{
#think_alt .video-full {
	margin: 0px auto;
}
}
#think_alt .enter-email {
	max-width: 332px;
}
#think_alt .hide {
	display: none;
}
#think_alt .headline {
	margin-top: 130px;
}
@media screen and (max-width:767px)
{
#think_alt .headline {
	margin-top: 90px;
}
}
#think_alt .headline h1 {
	color: rgb(255, 255, 255);
}
#think_alt .headline h3 {
	color: rgb(255, 255, 255); font-weight: 400;
}
@media screen and (max-width:840px)
{
#think_alt .headline h3 {
	font-size: 1.25em;
}
}
#think_alt .headline .video-40-icon {
	margin: 60px auto 40px; width: 80px; height: 80px; fill: #fff;
}
#think_alt .downvote-icon {
	margin: 40px auto; width: 32px; height: 32px; opacity: 0.85; fill: #fff;
}
#think_alt .play-button {
	display: block; cursor: pointer;
}
#think_alt .content-section .arrow svg {
	margin-top: 0px; fill: #c6ccd2;
}
#think_alt .key-points svg {
	margin: 0px auto; width: 70%;
}
@media screen and (max-width:767px)
{
#think_alt .key-points svg {
	margin: 40px auto 0px; width: 50%;
}
}
#think_alt .key-points p {
	padding: 0px 10px;
}
#think_alt .row-top {
	margin: 80px auto 40px;
}
#think_alt .wufoo-form {
	margin: 0px auto; text-align: center; min-height: 200px; max-width: 320px;
}
#think_alt footer::before {
	display: none;
}
#think_alt .today-cta {
	padding-bottom: 110px;
}
#video-lander {
	background-color: rgb(255, 255, 255);
}
#video-lander header {
	padding: 0px; margin-bottom: 80px; background-image: none;
}
.video-playing #video-lander .landing-header {
	transform: translate3d(-50%, -450px, 0px); -webkit-transform: translate3d(-50%, -450px, 0);
}
.video-paused #video-lander .video-cta {
	transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3d(-50%, 0, 0);
}
#video-lander .video-cta {
	padding: 20px; border-radius: 5px; transition:transform 150ms ease-in; text-align: center; z-index: 99; transform: translate3d(-50%, -590px, 0px); background-color: rgba(255, 255, 255, 0.95); -webkit-transform: translate3d(-50%, -590px, 0); -webkit-transition: -webkit-transform 150ms ease-in;
}
@media screen and (max-width:639px)
{
#video-lander .video-cta {
	left: 50%; top: 180px; position: absolute; box-shadow: 0px 0px 100px rgba(0,0,0,0.3);
}
}
@media screen and (min-width:640px)
{
#video-lander .video-cta {
	left: 50%; top: 75px; position: absolute;
}
}
#video-lander .video-cta h3 {
	margin-top: 0px; margin-bottom: 7px;
}
#video-lander .video-cta .btn {
	margin-top: 0px;
}
#video-lander .mejs-container {
	border-radius: 0px;
}
#video-lander #hero {
	border-radius: 0px; max-height: 540px;
}
#video-lander .main-heading {
	width: 100%; text-align: center; margin-bottom: 0px;
}
#video-lander .main-heading h1 {
	font-size: 24px; margin-bottom: 7px;
}
#video-lander .landing-header {
	top: 0px; width: 100%; height: 54px; padding-top: 35px; position: absolute; z-index: 100; background-color: transparent;
}
#video-lander .landing-header .container {
	margin: 0px auto; width: 100%; max-width: 1000px;
}
#video-lander .landing-header .container::before {
	display: table; content: " ";
}
#video-lander .landing-header .container::after {
	display: table; content: " ";
}
#video-lander .landing-header .container::after {
	clear: both;
}
#video-lander .landing-header .main-nav {
	margin: 2px 0px 0px; float: right;
}
#video-lander .landing-header .main-nav ul {
	list-style: none; margin: 0px; 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 {
	padding: 8px 16px 7px; color: white; text-transform: uppercase; font-size: 12px; margin-bottom: 0px;
}
#video-lander .landing-header .th-logo {
	margin: 0px; width: 50%; font-size: 0px; float: left;
}
@media screen and (max-width:1040px)
{
#video-lander .landing-header .th-logo {
	padding-left: 15px;
}
}
#video-lander .section {
	padding-top: 0px; padding-bottom: 0px;
}
#video-lander .video-wrapper {
	width: 100%; height: auto; position: relative;
}
#video-lander .video-wrapper .full-width-video {
	top: 0px; width: 100%; height: auto; position: relative; z-index: 0;
}
#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: url("https://static.teamtreehouse.com/assets/marketing/landings/video_bg_large_green-fee086d3eb0c8bc9c66d8c156cc39928.jpg") no-repeat center rgb(95, 207, 128);
}
#video-lander .video-wrapper .video-feature-bryan {
	background: url("https://static.teamtreehouse.com/assets/marketing/landings/video_bg_large_green_bryan-9fc2ac6094742f9a6f131b1e05c2e3cc.jpg") no-repeat center rgb(95, 207, 128);
}
#video-lander .video-wrapper .video-feature-kavitha {
	background: url("https://static.teamtreehouse.com/assets/marketing/landings/video_bg_large_green_kavitha-a5ebe92dea3b5ffe297ea6aa01c8199d.jpg") no-repeat center rgb(95, 207, 128);
}
#video-lander .video-wrapper .video-feature {
	top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; z-index: 1; background-size: cover;
}
#video-lander .video-wrapper .video-feature-bryan {
	top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; z-index: 1; background-size: cover;
}
#video-lander .video-wrapper .video-feature-kavitha {
	top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; z-index: 1; background-size: cover;
}
#video-lander .video-wrapper .video-feature .message {
	margin: 0px; top: 50%; width: 100%; position: absolute;
}
#video-lander .video-wrapper .video-feature-bryan .message {
	margin: 0px; top: 50%; width: 100%; position: absolute;
}
#video-lander .video-wrapper .video-feature-kavitha .message {
	margin: 0px; top: 50%; width: 100%; position: absolute;
}
@media screen and (max-width:640px)
{
#video-lander .video-wrapper .video-feature .message {
	height: 100px; margin-top: -90px;
}
#video-lander .video-wrapper .video-feature-bryan .message {
	height: 100px; margin-top: -90px;
}
#video-lander .video-wrapper .video-feature-kavitha .message {
	height: 100px; margin-top: -90px;
}
}
@media screen and (max-width:767px) and (min-width:641px)
{
#video-lander .video-wrapper .video-feature .message {
	height: 150px; margin-top: -90px;
}
#video-lander .video-wrapper .video-feature-bryan .message {
	height: 150px; margin-top: -90px;
}
#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 {
	padding: 0px 12%; height: 146px; margin-top: -73px;
}
#video-lander .video-wrapper .video-feature-bryan .message {
	padding: 0px 12%; height: 146px; margin-top: -73px;
}
#video-lander .video-wrapper .video-feature-kavitha .message {
	padding: 0px 12%; height: 146px; margin-top: -73px;
}
}
#video-lander .video-wrapper .video-feature h1 {
	margin: 0px 0px 10px; color: rgb(255, 255, 255); line-height: 1.2; padding-top: 0px; font-size: 38px;
}
#video-lander .video-wrapper .video-feature-bryan h1 {
	margin: 0px 0px 10px; color: rgb(255, 255, 255); line-height: 1.2; padding-top: 0px; font-size: 38px;
}
#video-lander .video-wrapper .video-feature-kavitha h1 {
	margin: 0px 0px 10px; color: rgb(255, 255, 255); line-height: 1.2; padding-top: 0px; font-size: 38px;
}
@media screen and (max-width:480px)
{
#video-lander .video-wrapper .video-feature h1 {
	margin: 3px 0px -22px; font-size: 18px; display: none;
}
#video-lander .video-wrapper .video-feature-bryan h1 {
	margin: 3px 0px -22px; font-size: 18px; display: none;
}
#video-lander .video-wrapper .video-feature-kavitha h1 {
	margin: 3px 0px -22px; font-size: 18px; display: none;
}
}
@media screen and (max-width:640px) and (min-width:481px)
{
#video-lander .video-wrapper .video-feature h1 {
	padding-top: 0px; font-size: 24px;
}
#video-lander .video-wrapper .video-feature-bryan h1 {
	padding-top: 0px; font-size: 24px;
}
#video-lander .video-wrapper .video-feature-kavitha h1 {
	padding-top: 0px; font-size: 24px;
}
}
@media screen and (max-width:767px) and (min-width:641px)
{
#video-lander .video-wrapper .video-feature h1 {
	padding-top: 10px; font-size: 30px;
}
#video-lander .video-wrapper .video-feature-bryan h1 {
	padding-top: 10px; font-size: 30px;
}
#video-lander .video-wrapper .video-feature-kavitha h1 {
	padding-top: 10px; font-size: 30px;
}
}
#video-lander .video-wrapper .video-feature .play-button {
	margin: 25px auto 35px; width: 70px; height: 70px; display: block;
}
#video-lander .video-wrapper .video-feature-bryan .play-button {
	margin: 25px auto 35px; width: 70px; height: 70px; display: block;
}
#video-lander .video-wrapper .video-feature-kavitha .play-button {
	margin: 25px auto 35px; width: 70px; height: 70px; display: block;
}
#video-lander .video-wrapper .video-feature .play-button a {
	width: 100%; height: 100%; display: block;
}
#video-lander .video-wrapper .video-feature-bryan .play-button a {
	width: 100%; height: 100%; display: block;
}
#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 {
	display: inline-block;
}
#video-lander .video-wrapper .video-feature-bryan .play-button a span {
	display: inline-block;
}
#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 {
	width: 70px; height: 70px; position: relative;
}
#video-lander .video-wrapper .video-feature-bryan .play-button a .icon-play-button {
	width: 70px; height: 70px; position: relative;
}
#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 {
	margin: -9px 0px 0px -4px; left: 50%; top: 50%; position: absolute;
}
#video-lander .video-wrapper .video-feature-bryan .play-button a .icon-play-button .icon-play {
	margin: -9px 0px 0px -4px; left: 50%; top: 50%; position: absolute;
}
#video-lander .video-wrapper .video-feature-kavitha .play-button a .icon-play-button .icon-play {
	margin: -9px 0px 0px -4px; left: 50%; top: 50%; position: absolute;
}
@media screen and (max-width:767px)
{
#video-lander .secondary-content {
	padding-right: 15px; padding-left: 15px;
}
}
#video-lander .secondary-content .item {
	text-align: left; padding-top: 40px;
}
@media screen and (max-width:767px)
{
#video-lander .secondary-content .item {
	margin: 0px auto; width: 290px; text-align: center;
}
}
#video-lander .secondary-content .item img {
	width: 100%; height: auto; display: block; max-width: 174px;
}
@media screen and (max-width:767px)
{
#video-lander .secondary-content .item img {
	margin: 0px auto;
}
}
#video-lander .secondary-content .item h3 {
	color: rgb(76, 87, 96); font-size: 18px; margin-top: 40px;
}
#video-lander .secondary-content .item p {
	font-size: 14px;
}
#video-lander .secondary-content .item a.link {
	margin: 0px; padding: 0px 21px 0px 0px; display: inline-block;
}
#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: 0px;
}
@media screen and (max-width:640px)
{
#video-lander .secondary-content .cta-section h2 {
	font-size: 24px;
}
}
@media screen and (max-width:860px) and (min-width:641px)
{
#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;
}
}
#ride-learn header {
	background: rgb(95, 207, 128);
}
#ride-learn header .row {
	animation:fadeIn 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; margin-top: -200px; opacity: 0; -webkit-animation: fadeIn 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
#ride-learn header h1 {
	color: rgb(255, 255, 255);
}
#ride-learn header p {
	color: rgb(255, 255, 255);
}
#ride-learn header p {
	font-size: 1.25em;
}
#ride-learn header #ticket {
	margin: 0px 0px 40px; transition:1s cubic-bezier(0.68, -0.55, 0.265, 1.55); max-width: 400px; -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media screen and (max-width:768px)
{
#ride-learn header #ticket {
	margin: 0px 40px 40px;
}
}
#ride-learn header #ticket #checkmark {
	animation:animatecheckmark 2.2s ease-in-out 0.16s forwards; stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation: animatecheckmark 2.2s ease-in-out forwards; -webkit-animation-delay: 0.16s;
}
#ride-learn header .button {
	border-color: rgb(255, 255, 255); animation:slideInbutton 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s forwards; color: rgb(255, 255, 255); margin-top: 20px; -webkit-animation: slideInbutton 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards; -webkit-animation-delay: 0.45s;
}
#ride-learn .four svg {
	margin: 0px 30px; max-width: 260px;
}
#ride-learn .four p {
	font-size: 14px;
}
.green-hero {
	background: rgb(95, 207, 128); color: white; padding-bottom: 0px; margin-top: 0px; margin-bottom: 70px;
}
.green-hero .plan-disclaimer {
	font-size: 15px; margin-bottom: 80px; display: block;
}
.green-hero .hero-title h1 {
	color: rgb(255, 255, 255);
}
.green-hero .hero-title h2 {
	color: rgb(255, 255, 255);
}
.green-hero .hero-title h2 {
	font-size: 20px; font-weight: normal; margin-bottom: 40px;
}
.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: 0px;
}
}
.tv-controller .header {
	padding-top: 80px; margin-bottom: 80px; background-color: rgb(45, 51, 57);
}
.tv-controller .header h2 {
	color: rgb(255, 255, 255); margin-top: 50px;
}
@media screen and (max-width:640px)
{
.tv-controller .header h2 {
	margin-top: 0px;
}
}
.tv-controller .header h2 + .subheading {
	margin-bottom: 30px;
}
@media screen and (max-width:767px)
{
.tv-controller .header h2 + .subheading {
	margin: 0px auto 30px;
}
}
.tv-controller .thunderbolt-setup {
	left: 50%; width: 100%; margin-top: 10px; display: block; position: relative; max-width: 796px; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.tv-controller .desk-monkey {
	background: url("https://static.teamtreehouse.com/assets/views/tv/x-mug-light-95632ccd362bc4269ec36debf75b0dcb.svg") no-repeat 95% bottom, url("https://static.teamtreehouse.com/assets/views/tv/monkey-books-76eead080e97b183540bfdd87a0e5925.svg") no-repeat 5% bottom;
}
@media screen and (max-width:1450px)
{
.tv-controller .desk-monkey {
	background-position: 100% bottom, 0% bottom;
}
}
@media screen and (max-width:1280px)
{
.tv-controller .desk-monkey {
	background-position: 105% bottom, -8% bottom;
}
}
@media screen and (max-width:1150px)
{
.tv-controller .desk-monkey {
	background-position: 115% bottom, -15% bottom;
}
}
@media screen and (max-width:1030px)
{
.tv-controller .desk-monkey {
	background-position: 125% bottom, -25% bottom;
}
}
@media screen and (max-width:940px)
{
.tv-controller .desk-monkey {
	background: none;
}
}
.tv-controller .desk-armlamp {
	background: url("https://static.teamtreehouse.com/assets/views/tv/arm-lamp-088fddf5f4a21f0fcdb078d89f6b72da.svg") no-repeat 95% bottom, url("https://static.teamtreehouse.com/assets/views/tv/treehouse-mug-2d0f86978552f250692c5c987045c5be.svg") no-repeat 5% bottom;
}
@media screen and (max-width:1450px)
{
.tv-controller .desk-armlamp {
	background-position: 100% bottom, 0% bottom;
}
}
@media screen and (max-width:1250px)
{
.tv-controller .desk-armlamp {
	background-position: 105% bottom, -5% bottom;
}
}
@media screen and (max-width:1150px)
{
.tv-controller .desk-armlamp {
	background-position: 115% bottom, -15% bottom;
}
}
@media screen and (max-width:1030px)
{
.tv-controller .desk-armlamp {
	background-position: 125% bottom, -25% bottom;
}
}
@media screen and (max-width:940px)
{
.tv-controller .desk-armlamp {
	background: none;
}
}
.tv-controller .desk-zen {
	background: url("https://static.teamtreehouse.com/assets/views/tv/white-lamp-d2a047d21c0a565f861e3c00acdeafa4.svg") no-repeat 95% bottom, url("https://static.teamtreehouse.com/assets/views/tv/tree-water-2e838f7888785d137ba5c141b19d12ac.svg") no-repeat 5% bottom;
}
@media screen and (max-width:1450px)
{
.tv-controller .desk-zen {
	background-position: 100% bottom, 0% bottom;
}
}
@media screen and (max-width:1250px)
{
.tv-controller .desk-zen {
	background-position: 105% bottom, -5% bottom;
}
}
@media screen and (max-width:1150px)
{
.tv-controller .desk-zen {
	background-position: 115% bottom, -15% bottom;
}
}
@media screen and (max-width:1030px)
{
.tv-controller .desk-zen {
	background-position: 125% bottom, -25% bottom;
}
}
@media screen and (max-width:940px)
{
.tv-controller .desk-zen {
	background: none;
}
}
.tv-controller .desk-stacks {
	background: url("https://static.teamtreehouse.com/assets/views/tv/stripe-lamp-b51bb06ca11279bf3f0659c7cabe294d.svg") no-repeat 95% bottom, url("https://static.teamtreehouse.com/assets/views/tv/file-stack-aadd53837c2eeccac38f9468bbba3c40.svg") no-repeat 5% bottom;
}
@media screen and (max-width:1450px)
{
.tv-controller .desk-stacks {
	background-position: 100% bottom, 0% bottom;
}
}
@media screen and (max-width:1250px)
{
.tv-controller .desk-stacks {
	background-position: 105% bottom, -5% bottom;
}
}
@media screen and (max-width:1150px)
{
.tv-controller .desk-stacks {
	background-position: 115% bottom, -15% bottom;
}
}
@media screen and (max-width:1030px)
{
.tv-controller .desk-stacks {
	background-position: 125% bottom, -25% bottom;
}
}
@media screen and (max-width:940px)
{
.tv-controller .desk-stacks {
	background: none;
}
}
.tv-controller .desk-ipod {
	background: url("https://static.teamtreehouse.com/assets/views/tv/bucks-lamp-ddda5b96b42aef1b6a326400ff9bd5d4.svg") no-repeat 100% bottom, url("https://static.teamtreehouse.com/assets/views/tv/music-player-27582279b9eba640d465470ed4b7851c.svg") no-repeat 5% bottom;
}
@media screen and (max-width:1700px)
{
.tv-controller .desk-ipod {
	background-position: 110% bottom, 0% bottom;
}
}
@media screen and (max-width:1450px)
{
.tv-controller .desk-ipod {
	background-position: 125% bottom, -5% bottom;
}
}
@media screen and (max-width:1150px)
{
.tv-controller .desk-ipod {
	background-position: 150% bottom, -15% bottom;
}
}
@media screen and (max-width:1030px)
{
.tv-controller .desk-ipod {
	background-position: 165% bottom, -25% bottom;
}
}
@media screen and (max-width:940px)
{
.tv-controller .desk-ipod {
	background: none;
}
}
.tv-controller .icon-holder-gray {
	border-radius: 165px; width: 165px; height: 165px; margin-bottom: 50px; display: inline-block;
}
.tv-controller .icon-holder-blue {
	border-radius: 165px; width: 165px; height: 165px; margin-bottom: 50px; display: inline-block;
}
.tv-controller .icon-holder-red {
	border-radius: 165px; width: 165px; height: 165px; margin-bottom: 50px; display: inline-block;
}
.tv-controller .icon-holder-yellow {
	border-radius: 165px; width: 165px; height: 165px; margin-bottom: 50px; display: inline-block;
}
.tv-controller .icon-holder-teal {
	border-radius: 165px; width: 165px; height: 165px; margin-bottom: 50px; display: inline-block;
}
.tv-controller .icon-holder-green {
	border-radius: 165px; width: 165px; height: 165px; margin-bottom: 50px; display: inline-block;
}
.tv-controller .icon-holder-dkblue {
	border-radius: 165px; width: 165px; height: 165px; margin-bottom: 50px; display: inline-block;
}
@media screen and (max-width:767px)
{
.tv-controller .icon-holder-gray {
	margin-bottom: 20px;
}
.tv-controller .icon-holder-blue {
	margin-bottom: 20px;
}
.tv-controller .icon-holder-red {
	margin-bottom: 20px;
}
.tv-controller .icon-holder-yellow {
	margin-bottom: 20px;
}
.tv-controller .icon-holder-teal {
	margin-bottom: 20px;
}
.tv-controller .icon-holder-green {
	margin-bottom: 20px;
}
.tv-controller .icon-holder-dkblue {
	margin-bottom: 20px;
}
}
.tv-controller .icon-holder-gray img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tv-controller .icon-holder-blue img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tv-controller .icon-holder-red img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tv-controller .icon-holder-yellow img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tv-controller .icon-holder-teal img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tv-controller .icon-holder-green img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tv-controller .icon-holder-dkblue img {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.tv-controller .icon-holder-gray {
	background-color: rgb(183, 192, 199);
}
.tv-controller .icon-holder-blue {
	background-color: rgb(80, 176, 215);
}
.tv-controller .icon-holder-red {
	background-color: rgb(234, 120, 104);
}
.tv-controller .icon-holder-yellow {
	background-color: rgb(251, 212, 132);
}
.tv-controller .icon-holder-teal {
	background-color: rgb(88, 186, 178);
}
.tv-controller .icon-holder-green {
	background-color: rgb(102, 186, 126);
}
.tv-controller .icon-holder-dkblue {
	background-color: rgb(48, 104, 125);
}
.tv-controller .header-container {
	position: relative;
}
.tv-controller .video {
	border-radius: 25px; border: 34px solid rgb(30, 30, 30); border-image: none; left: 50%; width: 100%; bottom: 20%; margin-bottom: 0px; display: block; position: absolute; z-index: 1; max-width: 796px; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
@media screen and (max-width:640px)
{
.tv-controller .video {
	border-width: 28px;
}
}
@media screen and (max-width:520px)
{
.tv-controller .video {
	border-width: 22px;
}
}
@media screen and (max-width:420px)
{
.tv-controller .video {
	border-width: 22px;
}
}
.tv-controller .video img {
	display: block;
}
.tv-controller .mejs-video .mejs-overlay {
	display: none;
}
.tv-controller .mejs-video .mejs-controls {
	display: none;
}
.tv-controller .mejs-treehouse-is-playing.mejs-video .mejs-controls {
	display: block;
}
.tv-controller .mejs-treehouse-is-paused.mejs-video .mejs-controls {
	display: block;
}
.tv-controller .video-feature {
	top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; z-index: 5;
}
.tv-controller .video-feature .play-button {
	margin: -5% auto 0px -35px; left: 50%; top: 50%; width: 70px; height: 70px; display: block; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
@media screen and (max-width:767px)
{
.tv-controller .video-feature .play-button {
	margin-top: -6%;
}
}
@media screen and (max-width:640px)
{
.tv-controller .video-feature .play-button {
	margin-top: -8%;
}
}
@media screen and (max-width:340px)
{
.tv-controller .video-feature .play-button {
	margin-top: -10%;
}
}
.tv-controller .video-feature .play-button a {
	width: 100%; height: 100%; display: block;
}
.tv-controller .video-feature .play-button a span {
	display: inline-block;
}
.tv-controller .video-feature .play-button a .icon-play-button {
	width: 70px; height: 70px; position: relative;
}
.tv-controller .video-feature .play-button a .icon-play-button .icon-play {
	margin: -9px 0px 0px -4px; left: 50%; top: 50%; position: absolute;
}
.tv-controller .sign-up-cta h2 {
	margin-top: 0px;
}
.tv-controller .sign-up-cta .button {
	margin-top: 30px;
}
.tv-controller .centered-content {
	margin-bottom: 80px;
}
.tv-controller .centered-content h2 + .subheading {
	margin-bottom: 100px;
}
.tv-controller .centered-content h3 {
	margin-top: 0px;
}
@media screen and (max-width:767px)
{
.tv-controller .associated-content h4 {
	text-align: center; margin-bottom: 40px;
}
.tv-controller .associated-content p {
	text-align: center; margin-bottom: 40px;
}
}
@media screen and (max-width:767px)
{
.tv-controller .associated-content p {
	margin-bottom: 80px;
}
}
.org-signup-form-step-counter {
	display: none;
}
.org-signup-form-previous-step {
	display: none;
}
.org-signup-form-next-step {
	display: none;
}
.org-signup-form--js-active .org-signup-form-step-counter {
	display: block;
}
.org-signup-form--step-1-active .org-signup-form-step-2 {
	display: none;
}
.org-signup-form--step-1-active .org-signup-form-next-step {
	display: block;
}
.org-signup-form--step-2-active .org-signup-form-step-1 {
	display: none;
}
.org-signup-form--step-2-active .org-signup-form-previous-step {
	margin: 30px auto; display: block;
}
.note {
	font-size: 14px; margin-top: 40px;
}
.note-inverse {
	color: rgb(255, 255, 255);
}
.note-anchor-inverse {
	color: rgb(255, 255, 255); font-weight: bold;
}
.note-anchor-inverse:hover {
	color: rgba(255, 255, 255, 0.8);
}
.note-anchor-inverse:active {
	color: rgba(255, 255, 255, 0.8);
}
.note-anchor-inverse:focus {
	color: rgba(255, 255, 255, 0.8);
}
.dev-footer {
	padding: 20px 0px; margin-bottom: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; display: inline-block; position: relative; z-index: 200;
}
.dev-footer::before {
	display: table; content: " ";
}
.dev-footer::after {
	display: table; content: " ";
}
.dev-footer::after {
	clear: both;
}
.dev-footer li {
	list-style: none;
}
.dev-footer > li {
	padding: 0px; color: rgb(198, 204, 210); float: left; position: relative;
}
.dev-footer > li:hover ul {
	display: block;
}
.dev-footer > li:hover > a {
	background: rgb(45, 51, 57); border-radius: 0px 0px 5px 5px; color: rgb(255, 255, 255); box-shadow: none;
}
.dev-footer > li:hover > a .icon {
	background-position: -123px -33px;
}
.dev-footer > li > a {
	background: rgb(249, 250, 250); padding: 12px 15px; border-radius: 5px; color: rgb(123, 139, 142); font-weight: bold; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
}
.dev-footer > li > a .icon {
	margin: -2px 0px 0px 7px;
}
.dev-footer a {
	padding: 8px 15px; color: rgb(87, 99, 102); line-height: 18px; font-size: 12.5px; font-weight: bold; text-decoration: none; display: block;
}
.dev-footer a:hover {
	color: rgb(255, 255, 255);
}
.dev-footer ul {
	background: url("https://static.teamtreehouse.com/assets/dev-stripes-b04855c67f6cecd520e34fd7514d6c37.svg") repeat-x 0px -2px rgb(56, 64, 71); margin: 0px; border-radius: 5px 5px 5px 0px; left: 0px; width: 250px; bottom: 100%; overflow: hidden; padding-top: 3px; display: none; position: absolute; z-index: 2;
}
.dev-footer ul li {
	padding: 0px; color: rgb(198, 204, 210); font-size: 14px; list-style-type: none;
}
.dev-footer ul li.break {
	border-bottom-color: rgba(255, 255, 255, 0.07); border-bottom-width: 1px; border-bottom-style: solid;
}
.dev-footer ul li:last-child {
	border: currentColor; border-image: none;
}
.dev-footer ul li a {
	padding: 10px 15px; font-weight: normal;
}
.dev-footer ul li a:hover {
	background: rgb(65, 74, 82);
}