#TopLessonCategories {
    margin-bottom: 40px;
    text-align: center
}

#TopLessonCategories .Heading {
    margin-bottom: 20px
}

#TopLessonCategories .Categories {
    display: flex;
    margin-bottom: 20px
}

#TopLessonCategories .Categories .Category .Intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px
}

#TopLessonCategories .Categories .Category {
    flex-basis: 50%
}

#TopLessonCategories .Categories .Category .Services {
    display: flex;
    flex-flow: column;
    margin: 10px
}

@media only screen and (max-width:750px) {
    #TopLessonCategories .Categories {
        flex-flow: column nowrap
    }

    #TopLessonCategories .Categories .Category.Online {
        margin-top: 40px
    }
}

.PartnerPublic_SuccessStories_Entry {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px
}

.PartnerPublic_SuccessStories_Entry:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.PartnerPublic_SuccessStories_Entry_Image,
.PartnerPublic_SuccessStories_Entry_Content {
    display: inline-block;
    vertical-align: middle
}

.PartnerPublic_SuccessStories_Entry_Image {
    background: #ddd;
    border-radius: 50%;
    height: 80px;
    margin-right: 20px;
    width: 80px
}

.PartnerPublic_SuccessStories_Entry_Content {
    font-size: 14px;
    width: calc(100% - 80px - 20px)
}

@media only screen and (max-width:640px) {

    .PartnerPublic_SuccessStories_Entry_Image,
    .PartnerPublic_SuccessStories_Entry_Content {
        display: block
    }

    .PartnerPublic_SuccessStories_Entry_Image {
        margin: 0 auto 10px
    }

    .PartnerPublic_SuccessStories_Entry_Content {
        width: 100%
    }
}

body>footer {
    background: #555;
    border-top: solid 1px #252525;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
    color: #FFF;
    padding-bottom: 10px
}

body>footer>.Container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 35px
}

body>footer a {
    color: #FFF !important
}

body>footer nav.Footer {
    flex-grow: 1;
    margin-bottom: 10px;
    max-width: 375px;
    min-width: 275px
}

body>footer nav.Footer>ul {
    display: flex;
    margin-bottom: 0
}

body>footer nav.Footer>ul>li {
    padding-right: 20px;
    vertical-align: top;
    width: 50%
}

body>footer nav.Footer>ul>li>ul {
    margin: 0
}

body>footer nav.Footer>ul>li>ul>li:hover {
    text-shadow: 0 2px 4px #333
}

body>footer .SmallishText,
body>footer nav.Footer>ul>li a {
    font-size: .929rem
}

body>footer span.SectionTitle {
    display: inline-block;
    font-weight: 700;
    margin: 0 0 10px
}

body>footer a:hover {
    text-decoration: none
}

body>footer div.Bottom {
    display: inline-block;
    width: 100%
}

body>footer span.Copyright,
body>footer span.Copyright+span {
    display: inline-block
}

body>footer span.Copyright {
    margin-right: 15px
}

section.FooterEmailCollect {
    margin-bottom: 15px
}

section.FooterEmailCollect input[type="text"] {
    display: inline-block;
    line-height: 1.4;
    margin: 8px 0;
    padding: 8px 4px 7px;
    width: 220px
}

section.FooterEmailCollect input[type="submit"] {
    background: #4d90fe;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 7px 20px
}

section.FooterEmailCollect input[type="submit"]:hover {
    background: rgba(77, 144, 254, .8)
}

section.FooterEmailCollect span.Success,
section.FooterEmailCollect span.Error {
    display: none
}

section.FooterEmailCollect span.Success {
    color: #fff !important
}

section.FooterEmailCollect span.Fontello-check {
    font-size: 20px;
    margin-right: 4px
}

section.FooterEmailCollect nav.Social {
    margin-top: 20px
}

section.FooterEmailCollect nav.Social>ul {
    margin: 0
}

section.FooterEmailCollect nav.Social>ul>li {
    display: inline-block
}

section.FooterEmailCollect nav.Social>ul>li:hover {
    text-shadow: 0 2px 4px #333
}

section.FooterEmailCollect nav.Social>ul>li span.Icon {
    font-size: 30px
}

section.FooterEmailCollect nav.Social>ul>li span.Icon:before {
    margin: 0;
    margin-right: 5px
}

@media only screen and (max-width:820px) {
    body>footer {
        display: flex;
        justify-content: center
    }

    body>footer>.Container {
        flex-direction: column
    }
}

@media only screen and (max-width:400px) {
    section.FooterEmailCollect input[type="submit"] {
        width: 230px
    }
}

body>footer#WebRefresh {
    background: var(--color-black);
    color: var(--color-white);
    font-family: var(--font-family-body);
    font-size: var(--font-size-body)
}

body>footer#WebRefresh>.Container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 50px;
    width: 100%
}

body>footer#WebRefresh .Container .FooterEmailCollect_Container {
    border-top: 1px solid var(--color-med-gray1);
    padding-top: 50px
}

body>footer#WebRefresh nav.Footer {
    justify-content: left;
    max-width: 100%
}

body>footer#WebRefresh section.FooterEmailCollect input[type="text"] {
    width: 75%;
    margin-bottom: 30px
}

body>footer#WebRefresh section.FooterEmailCollect input[type="submit"] {
    justify-content: right;
    margin-left: 20px
}

body>footer#WebRefresh nav.Social img {
    height: 30px;
    width: 30px
}

body>footer#WebRefresh nav.Footer {
    flex-grow: 1;
    max-width: 512px;
    margin-bottom: 0;
    width: 100%
}

body>footer#WebRefresh nav.Footer hr {
    display: none
}

body>footer#WebRefresh nav.Footer>ul {
    display: flex
}

body>footer#WebRefresh nav.Footer>ul>li {
    padding-right: 20px;
    vertical-align: top;
    width: 50%;
    margin-bottom: 50px
}

body>footer#WebRefresh .SmallishText,
body>footer#WebRefresh nav.Footer>ul>li a {
    font-size: var(--font-size-body)
}

body>footer#WebRefresh span.SectionTitle {
    display: inline-block;
    font-size: var(--font-size-body);
    font-weight: 700
}

body>footer#WebRefresh a:hover {
    color: var(--color-med-gray2) !important
}

body>footer#WebRefresh div.Bottom {
    display: inline-block;
    width: 100%
}

body>footer#WebRefresh span.Copyright,
body>footer#WebRefresh span.Copyright+span {
    display: inline-block;
    color: var(--color-med-gray2)
}

body>footer#WebRefresh span.Copyright {
    margin-right: 15px;
    margin-bottom: 30px
}

body>footer#WebRefresh span.CopyRight>span.Copyright>a {
    color: var(--color-med-gray2) !important
}

body>footer#WebRefresh section.FooterEmailCollect {
    margin-bottom: 0
}

body>footer#WebRefresh section.FooterEmailCollect form {
    margin-top: 30px
}

body>footer#WebRefresh section.FooterEmailCollect form label {
    position: relative;
    text-align: left
}

body>footer#WebRefresh section.FooterEmailCollect form>label>img {
    left: 0;
    position: absolute;
    top: 20px;
    padding-bottom: 6px
}

body>footer#WebRefresh section.FooterEmailCollect .emailSubmit {
    padding-top: 0
}

body>footer#WebRefresh section.FooterEmailCollect input[type="text"] {
    background: url(https://prod-takelessons.netdna-ssl.com/images/public/landing/email-icon-footer.png);
    background-color: var(--color-black);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 20px;
    border: none;
    border-bottom: 1px solid var(--color-med-gray2);
    color: var(--color-white);
    font-size: var(--font-size-body);
    margin: 30px 0 0 0;
    padding: 0 0 0 36px;
    width: calc(100% - 285px)
}

body>footer#WebRefresh section.FooterEmailCollect input[type="text"]::placeholder {
    color: var(--color-white);
    font-family: var(--font-family-body)
}

body>footer#WebRefresh section.FooterEmailCollect input[type="submit"] {
    background: var(--color-dark-gray3);
    border: none;
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-top: 10px;
    padding: 10px 20px;
    vertical-align: top;
    width: 220px;
    transition: 0.2s background-color
}

body>footer#WebRefresh section.FooterEmailCollect input[type="submit"]:hover {
    background: var(--color-med-gray2)
}

body>footer#WebRefresh section.FooterEmailCollect span.Success,
body>footer#WebRefresh section.FooterEmailCollect span.Error {
    display: none
}

body>footer#WebRefresh section.FooterEmailCollect span.Success {
    color: var(--color-white) !important
}

body>footer#WebRefresh section.FooterEmailCollect span.Fontello-check {
    font-size: 20px;
    margin-right: 4px
}

body>footer#WebRefresh section.FooterEmailCollect nav.Social {
    margin-top: 50px;
    margin-bottom: 50px
}

body>footer#WebRefresh section.FooterEmailCollect nav.Social>ul>li {
    display: inline-block;
    margin-bottom: 0
}

body>footer#WebRefresh section.FooterEmailCollect nav.Social>ul>li:hover {
    text-shadow: 0 2px 4px #333
}

body>footer#WebRefresh section.FooterEmailCollect nav.Social>ul>li span.Icon {
    font-size: 30px
}

body>footer#WebRefresh section.FooterEmailCollect nav.Social>ul>li>a>img {
    padding-right: 20px
}

@media only screen and (max-width:1023px) {
    body>footer#WebRefresh section.FooterEmailCollect input[type="text"] {
        width: calc(100% - 40px)
    }

    body>footer#WebRefresh section.FooterEmailCollect input[type="submit"] {
        display: block;
        margin-left: 0
    }
}

.SignUpForm_Facebook {
    margin-bottom: 10px;
    text-align: center
}

.SignUpForm_Facebook a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.9;
    padding: 4px 12px
}

.SignUpForm_Or {
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center
}

.SignUpForm .Field {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.SignUpForm .Field:not(.Field-commit) {
    margin-bottom: 12px
}

.SignUpForm .Field:not(.Field-is_work_eligible) label {
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 4px
}

.SignUpForm input,
.SignUpForm select {
    box-sizing: border-box;
    margin-bottom: 0 !important;
    padding: 9px 8px;
    width: 100%
}

.SignUpForm input::placeholder {
    color: #bbb
}

.SignUpForm .Field.Field-zip,
.SignUpForm .Field.Field-first_name {
    padding-right: 10px;
    width: calc(50% - 5px)
}

.SignUpForm .Field.Field-zip+.Field.Field-time_zone,
.SignUpForm .Field.Field-zip+.Field.Field-phone,
.SignUpForm .Field.Field-last_name {
    width: calc(50% - 5px)
}

.SignUpForm .SelectList.time_zone {
    margin-bottom: 5px
}

.SignUpForm .SelectList.time_zone .Value {
    width: 100%
}

.SignUpForm .Field.Field-is_work_eligible {
    margin-top: 5px;
    position: relative
}

.SignUpForm .Field.Field-is_work_eligible .SimpleTooltip {
    bottom: 100%
}

.SignUpForm .Field.Field-is_work_eligible .FancyCheckText {
    margin-left: 4px;
    max-width: calc(100% - 30px);
    vertical-align: middle
}

.SignUpForm .Field.Field-commit {
    margin-top: 5px
}

.SignUpForm .Field.Field-commit input {
    font-size: 1.1rem;
    font-weight: 400;
    padding: 12px 20px
}

.SignUpForm_Footer {
    color: #555;
    font-size: .9em;
    margin-bottom: 20px;
    padding: 18px 0 0
}

.SimpleTooltip {
    display: none;
    position: absolute;
    z-index: 100
}

.SimpleTooltip.Click {
    text-align: left
}

.SimpleTooltip>.Border {
    background-color: #404040;
    border-radius: 5px;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
    margin-top: 10px;
    padding: 16px 16px 14px 16px;
    position: relative;
    z-index: 999
}

.SimpleTooltip.Click>.Border {
    padding: 15px
}

.SimpleTooltip>.Border>.CaretWrap>.Caret {
    display: block;
    height: 10px;
    margin: 0 auto;
    overflow: hidden;
    width: 20px
}

.SimpleTooltip>.Border>.CaretWrap {
    bottom: -10px;
    left: 0;
    position: absolute;
    width: 100%
}

.SimpleTooltip.FlippedVertical>.Border>.CaretWrap,
.SimpleTooltip.FlippedVertical-Force>.Border>.CaretWrap {
    display: none
}

.SimpleTooltip>.Border>.CaretWrap>.Caret:after {
    content: '';
    display: block;
    height: 10px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -7px;
    transform: rotate(45deg);
    width: 10px
}

.SimpleTooltip.FlippedVertical>.Border>.CaretWrap.FlippedCaretWrap,
.SimpleTooltip.FlippedVertical-Force>.Border>.CaretWrap.FlippedCaretWrap {
    bottom: inherit;
    display: block;
    height: 5px;
    overflow: hidden;
    top: -5px
}

.SimpleTooltip>.Border>.CaretWrap.FlippedCaretWrap {
    display: none
}

.SimpleTooltip>.Border>.CaretWrap>.Caret.FlippedCaret {
    height: 20px
}

.SimpleTooltip>.Border>.CaretWrap>.Caret.FlippedCaret:after {
    top: 1.5px;
    transform: rotate(-45deg)
}

.SimpleTooltip>.Border>.Close {
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 4px;
    position: absolute;
    right: 4px;
    top: 4px
}

.TooltipContent {
    display: none
}

.SimpleTooltip .TooltipContent {
    color: #fff;
    display: inherit;
    font-family: var(--font-family-muli);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -.05px;
    line-height: 1.3;
    white-space: normal
}

.SimpleTooltip .TooltipContent p {
    font-size: 14px;
    line-height: 1.4
}

.SimpleTooltip>.Border .TooltipContent a,
.SimpleTooltip>.Border .TooltipContent a:active,
.SimpleTooltip>.Border .TooltipContent a:focus,
.SimpleTooltip>.Border .TooltipContent a:hover,
.SimpleTooltip>.Border .TooltipContent a:visited {
    color: #fff;
    text-decoration: underline
}

.SimpleTooltip .TooltipContent h3,
.SimpleTooltip .TooltipContent h4 {
    color: #fff;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin-bottom: 8px
}

.SimpleTooltip>.Border>.CaretWrap>.Caret:after {
    background-color: #404040
}

.SimpleTooltip .TooltipContent p,
.SimpleTooltip .TooltipContent span {
    color: #fff
}

.SimpleTooltipIcon {
    color: #555;
    display: inline-block
}

.SimpleTooltipIcon:before {
    margin: 0 5px
}

.SimpleTooltip.Condensed {
    border-radius: 4px;
    margin: 10px 0;
    max-width: 300px;
    padding: 10px
}

.SimpleTooltip.Condensed .Border {
    bottom: 0
}

.SimpleTooltip.Condensed .TooltipContent {
    font-size: 12px;
    font-weight: 400
}

.SimpleTooltip.Condensed>.Border>.CaretWrap>.Caret {
    margin: 0 10px
}

.SimpleTooltip.RightPositioned>.Border>.CaretWrap>.Caret {
    margin: 0 10px 0 auto
}

.SimpleTooltip.SemiOpaque>.Border,
.SimpleTooltip.SemiOpaque>.Border>.CaretWrap>.Caret:after {
    background-color: rgba(0, 0, 0, .85)
}

.SimpleTooltip.NoCaret>.Border>.CaretWrap {
    display: none
}

.PartnerPublic {
    font-size: 16px;
    min-width: 300px
}

.PartnerPublic h1 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 6px;
    margin-top: 140px
}

.PartnerPublic h2 {
    font-family: var(--font-size-body);
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 40px
}

.PartnerPublic h3 {
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

.PartnerPublic h4 {
    font-family: var(--font-size-body);
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.LandingButton,
a.LandingButton {
    background: #6eba49;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    padding: 0 40px;
    text-align: center;
    transition: 0.2s background-color
}

.LandingButton:hover,
a.LandingButton:hover {
    background: #7cca4b;
    text-decoration: none
}

.PartnerPublic_MobileOnly {
    display: none
}

.PartnerPublic_Hero {
    background: #2f4860;
    color: #fff;
    position: relative
}

.PartnerPublic_Hero_Video {
    bottom: 0;
    max-height: 100%;
    object-fit: cover;
    object-position: center 0;
    position: absolute !important;
    top: 0;
    width: 100%
}

@media only screen and (max-width:840px) {
    .PartnerPublic_Hero_Video {
        width: 150%
    }
}

.PartnerPublic_Hero_Overlay {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.PartnerPublic_Hero_Content {
    padding: 24px 20px 80px 20px;
    position: relative;
    z-index: 10
}

.PartnerPublic_Logo {
    display: block;
    height: 44px
}

.PartnerPublic_Logo img {
    height: 100%
}

.PartnerPublic_HowItWorks,
.PartnerPublic_WhyTeach,
.PartnerPublic_Location,
.PartnerPublic_Testimonials,
.PartnerPublic_FAQ {
    padding: 50px 0 60px 0
}

.PartnerPublic_WhyTeach,
.PartnerPublic_Location,
.PartnerPublic_Testimonials,
.PartnerPublic_InnerCTA,
.PartnerPublic_FAQ {
    border-top: 1px solid #ccc
}

.PartnerPublic_HowItWorks h3,
.PartnerPublic_WhyTeach h3,
.PartnerPublic_Location h4,
.PartnerPublic_FAQ h3 {
    margin-bottom: 50px
}

.PartnerPublic_Location h3 {
    margin-bottom: 5px
}

.PartnerPublic_HowItWorks_Entry,
.PartnerPublic_WhyTeach_Entry,
.PartnerPublic_WhyTeach_Stats_Entry,
.PartnerPublic_Testimonials_Entry,
.PartnerPublic_FAQ_Entry {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.PartnerPublic_HowItWorks {
    padding-bottom: 30px
}

.PartnerPublic_HowItWorks_Entry {
    font-size: 14px;
    padding: 0 20px 30px 20px;
    text-align: center;
    width: calc(100% / 3)
}

.PartnerPublic_HowItWorks_Entry_Image {
    margin-bottom: 10px
}

.PartnerPublic_HowItWorks_Entry_Title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.PartnerPublic_WhyTeach {
    padding-bottom: 40px
}

.PartnerPublic_WhyTeach_Entries {
    margin: 0 auto;
    max-width: 700px
}

.PartnerPublic_WhyTeach_Entry {
    padding: 0 20px 30px 20px;
    width: 50%
}

.PartnerPublic_WhyTeach_Entry_Image {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 50px
}

.PartnerPublic_WhyTeach_Entry_Content {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    max-width: 300px;
    vertical-align: top;
    width: calc(100% - 50px)
}

.PartnerPublic_WhyTeach_Entry_Title {
    font-size: 16px;
    margin-bottom: 3px
}

.PartnerPublic_WhyTeach_Stats {
    padding-top: 50px
}

.PartnerPublic_WhyTeach_Stats_Entry {
    padding: 0 20px 20px 20px;
    text-align: center;
    width: 25%
}

.PartnerPublic_WhyTeach_Stats_Entry_Title {
    color: #7fc35b;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px
}

.PartnerPublic_GetStartedBar {
    padding-bottom: 80px;
    text-align: center
}

.PartnerPublic_Location_Local,
.PartnerPublic_Location_Online {
    margin: 0 auto;
    max-width: 800px
}

.PartnerPublic_Location_Image,
.PartnerPublic_Location_Content {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.PartnerPublic_Location_Image img {
    display: block
}

.PartnerPublic_Location_Content {
    padding: 50px
}

.PartnerPublic_Location_Content p {
    font-size: 14px;
    margin-top: 16px
}

.PartnerPublic_Location_Content p strong {
    display: block
}

.PartnerPublic_Location_Image img {
    width: 100%
}

.PartnerPublic_Testimonials h3 {
    margin-bottom: 30px
}

.PartnerPublic_Testimonials_Holder {
    margin-bottom: 40px
}

.PartnerPublic_Testimonials_Entry {
    background: #fff;
    border: 1px solid #ccc;
    height: 300px;
    margin: 0 6px;
    position: relative;
    width: calc(25% - 12px)
}

.PartnerPublic_Testimonials_Entry_Image {
    background-position: center top;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.PartnerPublic_Testimonials_Entry_Info {
    background: rgba(47, 72, 96, .9);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    height: 57px;
    left: 0;
    padding: 10px 10px 0 10px;
    position: absolute;
    width: 100%
}

.PartnerPublic_Testimonials_Entry_Name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.PartnerPublic_Testimonials_Entry_Earnings {
    font-size: 14px
}

.PartnerPublic_Testimonials_Entry_Text {
    background: rgba(47, 72, 96, .9);
    bottom: 57px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 20px;
    position: absolute;
    top: 0;
    transition: 0.2s opacity;
    white-space: normal;
    width: 100%
}

.PartnerPublic_Testimonials_Entry:hover .PartnerPublic_Testimonials_Entry_Text {
    opacity: 1
}

.PartnerPublic_SuccessStories {
    margin: 0 auto;
    max-width: 750px
}

.PartnerPublic_SuccessStories_ShowMore {
    display: block;
    font-size: 14px;
    margin: 30px auto 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 140px
}

.PartnerPublic_SuccessStories_ShowMore.Loading {
    opacity: .5
}

.PartnerPublic_SuccessStories_ShowMore_Loading {
    display: none;
    font-size: 30px;
    left: calc(50% - 20px);
    position: absolute;
    top: calc(50% - 24px)
}

.PartnerPublic_SuccessStories_ShowMore.Loading .PartnerPublic_SuccessStories_ShowMore_Loading {
    display: block
}

.PartnerPublic_InnerCTA {
    padding: 20px 0;
    text-align: center
}

.PartnerPublic_InnerCTA_Text {
    display: inline-block;
    font-size: 20px;
    padding: 0 16px;
    vertical-align: middle
}

.PartnerPublic_InnerCTA a.Button {
    margin: 0
}

.PartnerPublic_FAQ_Entry {
    font-size: 14px;
    padding: 0 20px 30px 20px;
    width: calc(100% / 3)
}

.PartnerPublic_FAQ_Entry_Question {
    font-weight: 700;
    margin-bottom: 10px;
    min-height: 44px
}

#Overlay-PartnerSignUp {
    align-items: center;
    display: flex;
    justify-content: center
}

.PartnerSignUp {
    max-height: calc(100% - 20px);
    max-width: 450px;
    padding: 0 2.5% 100px;
    overflow: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.PartnerSignUp-Empty {
    margin-top: 33px
}

.PartnerSignUp #WorkEligibleTooltip {
    font-size: .875rem;
    max-width: 260px
}

@media only screen and (max-height:800px) {
    .PartnerSignUp {
        padding-bottom: 0
    }
}

.PartnerSignUp_OuterTitle {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 4px;
    text-shadow: 0 0 10px #000
}

.PartnerSignUp_OverlayContent {
    background: #fff;
    min-height: 295px;
    position: relative
}

.PartnerSignUp_OverlayClose {
    color: #ccc;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    right: 6px;
    top: 4px
}

.PartnerSignUp_Loading {
    background: rgba(255, 255, 255, .6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.PartnerSignUp_LoadingIcon {
    color: #ccc;
    font-size: 40px;
    left: calc(50% - 30px);
    position: absolute;
    top: calc(50% - 30px)
}

.PartnerSignUp_OverlayPadding {
    padding: 20px 25px
}

.PartnerSignUpSubject_SearchField {
    margin-bottom: 20px;
    position: relative
}

.PartnerSignUpSubject_SearchLabel {
    margin-bottom: 5px
}

.PartnerSignUpSubject_SearchInput {
    box-sizing: border-box;
    font-size: 1.1rem !important;
    padding: 9px 40px 9px 43px !important;
    width: 100%
}

.PartnerSignUpSubject_SearchInput::placeholder {
    color: #ccc
}

.PartnerSignUpSubject_SearchIcon,
.PartnerSignUpSubject_SearchClear {
    color: #ddd;
    font-size: 1.8rem;
    position: absolute
}

.PartnerSignUpSubject_SearchIcon {
    left: 9px;
    pointer-events: none;
    top: 28px
}

.PartnerSignUpSubject_SearchClear {
    cursor: pointer;
    display: none;
    right: 4px;
    top: 27px
}

.PartnerSignUpSubject_SearchClear.Active {
    display: block
}

.PartnerSignUpSubject_SubmitButton {
    padding-bottom: 8px;
    padding-top: 8px
}

.PartnerSignUpSubject_SearchResults {
    position: absolute;
    top: 102px;
    width: calc(100% - 50px)
}

.PartnerSignUpSubject_SearchResults .PartnerSignUpSubject_SubmitButton {
    margin: 0 0 6px;
    text-align: left;
    width: 100%
}

.PartnerSignUpSubject_TopFieldset:not(.Active) {
    visibility: hidden
}

.PartnerSignUpSubject_TopLabel {
    margin-bottom: 15px
}

.PartnerSignUpSubject_TopList .PartnerSignUpSubject_SubmitButton {
    background: transparent;
    border: 1px solid var(--color-takelessons-blue);
    color: var(--color-takelessons-blue);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 0 9px 7px 0;
    padding-left: 0;
    padding-right: 0;
    width: calc(33.333% - 6px)
}

.PartnerSignUpSubject_TopList .PartnerSignUpSubject_SubmitButton:nth-child(3n) {
    margin-right: 0
}

.PartnerSignUpInfo_SubjectTitle {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    font-size: 1.05rem;
    padding: 12px 15px
}

.PartnerSignUpInfo_SubjectHint {
    color: #999;
    font-size: .85rem;
    margin-left: 3px
}

.PartnerSignUpInfo_SubjectHint.Break {
    display: block
}

@media only screen and (max-width:767px) {
    .PartnerSignUpInfo_SubjectHint {
        display: block
    }
}

.PartnerSignUpInfo_Form {
    margin: 0 auto;
    max-width: 360px
}

.PartnerSignUpInfo_Title {
    margin-bottom: 15px;
    text-align: center
}

.PartnerSignUpInfo_Form input.Green {
    background: #6eba49;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 !important
}

.PartnerSignUpInfo_Form .SignUpForm_Footer {
    margin-bottom: 10px
}

@media only screen and (min-width:900px) {
    .PartnerPublic_Hero_Content {
        padding-bottom: 120px
    }
}

@media only screen and (min-width:640px) {
    .PartnerPublic_Hero {
        background-image: url(https://prod-takelessons.netdna-ssl.com/images/public/teachers/tch-lp-video.jpg);
        background-position: 50% 50%;
        background-size: cover
    }
}

@media only screen and (max-width:900px) {
    .PartnerPublic_FAQ_Entry {
        width: 50%
    }
}

@media only screen and (max-width:640px) {
    .PartnerPublic_Hero_Content {
        text-align: center
    }

    .PartnerPublic_Hero_Video,
    .PartnerPublic_Hero_Overlay {
        display: none
    }

    .PartnerPublic_HowItWorks_Entry,
    .PartnerPublic_WhyTeach_Entry,
    .PartnerPublic_Location_Image,
    .PartnerPublic_Location_Content,
    .PartnerPublic_FAQ_Entry {
        width: 100%
    }

    .PartnerPublic_WhyTeach_Entry,
    .PartnerPublic_FAQ_Entry {
        padding-left: 0;
        padding-right: 0
    }

    .PartnerPublic_WhyTeach_Entry_Content {
        max-width: 100%
    }

    .PartnerPublic_Location_Image {
        display: block;
        margin: 0 auto;
        max-width: 300px
    }

    .PartnerPublic_Location_Content {
        padding: 20px 0
    }

    .PartnerPublic_HowItWorks_Entry {
        display: block;
        margin: 0 auto;
        max-width: 400px
    }

    .PartnerPublic_WhyTeach_Stats_Entry {
        width: 50%
    }

    .PartnerPublic_WhyTeach_Entries {
        max-width: 400px
    }

    .PartnerPublic_Testimonials_Holder {
        margin-bottom: 30px;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .PartnerPublic_Testimonials_Entry {
        width: 200px
    }

    .PartnerPublic_Testimonials_Entry_Text {
        opacity: 1
    }

    .PartnerPublic_FAQ_Entry_Question {
        min-height: auto
    }
}

@media only screen and (max-width:480px) {
    .PartnerPublic_MobileOnly {
        display: block
    }

    .PartnerPublic_InnerCTA_Text {
        margin-bottom: 10px;
        padding: 0;
        width: 100%
    }
}

@media only screen and (max-width:360px) {
    .PartnerPublic h1 {
        font-size: 32px;
        margin-top: 100px
    }

    .PartnerPublic h2 {
        font-size: 20px
    }

    .PartnerPublic_WhyTeach_Stats_Entry {
        width: 100%
    }
}


.badge-message {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    border: 4px solid #f5f6fa!important;
    border-radius: 100px!important;
    top: 0;
    right: 0;
    -webkit-transform: translate(25%,-25%);
    transform: translate(25%,-25%);
    height: 1.75rem;
    width: 1.75rem;
    color: #fff;
    background-color: #ff3f3a;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    font-size: 66.667%;
    font-weight: 500;
    line-height: 1;
}



.card-lighter-pointer{
    cursor: pointer;
}




/* Optional: show position indicator in red */

::-webkit-scrollbar {
    width: 4px;
    height: 0px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }