.carousel-fullscreen-sidebar:last-child {
    margin-bottom: 0
}

.channels {
    margin-top: 0
}

.channels__loading-wrapper {
    height: 60px
}

@media (min-width:576px) {
    .channels {
        padding-top: 8px
    }

    .channels__loading-wrapper {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .channels__loading-wrapper {
        margin-bottom: 60px
    }
}

.value-props-unit--light {
    background: #f7f8fa !important;
    padding: 24px 0 0 !important
}

.how-udemy-works {
    display: flex;
    margin-top: 0
}

.how-udemy-works__col {
    padding: 20px 25px;
    width: 33%
}

    .how-udemy-works__col:first-child {
        padding-left: 0
    }

    .how-udemy-works__col:last-child {
        padding-right: 30px
    }

.how-udemy-works__col--video-homepage {
    text-align: center
}

    .how-udemy-works__col--video-homepage b {
        color: #505763;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .how-udemy-works__col--video-homepage .how-udemy-works__sub-title {
        color: #fff;
        display: none;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        padding-top: 3px
    }

.how-udemy-works__icon {
    color: #fff;
    float: left;
    display: none;
    margin-right: 16px;
    margin-top: -2px;
    font-size: 47px;
    height: 1em
}

.how-udemy-works__text {
    font-size: 15px;
    text-align: center
}

    .how-udemy-works__text b {
        font-size: 17px;
        display: block;
        color: #fff
    }

    .how-udemy-works__text .how-udemy-works__sub-title {
        color: #fff
    }

.how-udemy-works--video-homepage {
    box-shadow: 0 2px 2px rgba(41,48,59,.15),0 1px 0 rgba(41,48,59,.2)
}

@media (min-width:992px) {
    .how-udemy-works__col--video-homepage .how-udemy-works__sub-title {
        display: block
    }
}

@media (min-width:1200px) {
    .how-udemy-works__icon {
        display: block
    }

    .how-udemy-works__text {
        text-align: left
    }
}

.non-student-cta {
    display: flex;
    flex-direction: column;
    padding: 0 20px
}

.non-student-cta__block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 36px 0 22px
}

    .non-student-cta__block:first-child {
        border-bottom: 1px solid #dedfe0;
        border-right: none;
        padding: 0 0 22px
    }

.non-student-cta__content {
    font-size: 13px;
    padding-top: 3px
}

.non-student-cta__header {
    font-size: 18px;
    padding-top: 3px
}

    .non-student-cta__header > a {
        color: #505763
    }

.non-student-cta__image {
    flex-shrink: 0;
    padding: 3px 22px 0 0
}

.non-student-cta__link a {
    margin-top: 1em
}

.non-student-cta__primary_img {
    width: 74px
}

@media (min-width:768px) {
    .non-student-cta {
        flex-direction: row;
        padding-bottom: 22px
    }

    .non-student-cta__block {
        flex-grow: 1;
        justify-content: center;
        padding: 28px 30px
    }

        .non-student-cta__block:first-child {
            border-bottom: none;
            border-right: 1px solid #dedfe0;
            padding: 28px 30px
        }

    .non-student-cta__content {
        font-size: 15px;
        padding-top: 5px
    }

    .non-student-cta__header {
        font-size: 24px
    }

    .non-student-cta__image {
        flex-shrink: 0;
        padding: 5px 22px 0 0
    }

    .non-student-cta__link {
        padding-top: 5px
    }

        .non-student-cta__link a {
            font-size: 15px
        }

    .non-student-cta__primary_img {
        width: 110px
    }
}

.non-student-cta__text {
    max-width: 320px;
    text-align: center
}

.logo {
    max-width: none
}

.logo-item {
    margin: 8px 16px
}

.partners {
    padding-bottom: 24px
}

    .partners .img {
        max-width: 0
    }

.partners__logos {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 32px;
    width: 300px
}

.partners__logos-container {
    display: flex;
    justify-content: center
}

.partners__text {
    color: #686f7a;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding-top: 16px;
    text-align: center
}

@media (min-width:768px) {
    .logo-item {
        margin: 0 16px 8px
    }

    .partners__logos {
        width: 100%
    }
}

@media (min-width:992px) {
    .logo-item {
        margin: 0 32px 8px
    }
}

.grouped-banner {
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 16px;
    max-width: 1375px
}

@media (min-width:992px) {
    .grouped-banner {
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .grouped-banner {
        margin: 16px auto
    }
}

.grouped-banner .es-autocomplete-lohp .input-group-btn:last-child > .btn {
    margin-left: 0
}

.grouped-banner__category-panel {
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .grouped-banner__category-panel {
        background-image: url("https://udemy-images.udemy.com/home/exp/banner-mobile.jpg");
        display: flex;
        height: 300px;
        margin-left: 16px;
        width: 50%
    }
}

@media (min-width:992px) {
    .grouped-banner__category-panel {
        background-image: url("https://udemy-images.udemy.com/home/exp/banner.jpg");
        height: 30%;
        margin-left: 0;
        width: 100%
    }
}

.grouped-banner__category-panel-content {
    bottom: 0;
    color: #fff;
    padding: 0 0 24px 24px;
    position: absolute;
    width: 90%
}

.grouped-banner__category-panel-headline {
    font-size: 19px;
    line-height: 1.47em;
    font-weight: 600
}

.grouped-banner__category-panel-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43em
}

.grouped-banner__deal-panel {
    background-image: url(/staticx/udemy/js/webpack/homepage-hero-mobile.3d5d589a852ce52bcffa5dea1dc852d7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    width: 100%
}

@media (min-width:768px) {
    .grouped-banner__deal-panel {
        width: 50%
    }
}

@media (min-width:992px) {
    .grouped-banner__deal-panel {
        height: 66.66%;
        width: 100%
    }
}

.grouped-banner__deal-panel-content {
    color: #fff;
    padding: 24px 0 0 24px;
    position: absolute;
    width: 68%;
    z-index: 1
}

@media (min-width:768px) {
    .grouped-banner__deal-panel-content {
        width: 35%
    }
}

@media (min-width:992px) {
    .grouped-banner__deal-panel-content {
        width: 80%
    }
}

@media (min-width:1200px) {
    .grouped-banner__deal-panel-content {
        width: 70%
    }
}

.grouped-banner__deal-panel-headline {
    font-size: 24px;
    line-height: 1.33em;
    font-weight: 600
}

.grouped-banner__deal-panel-headline, .grouped-banner__deal-panel-text {
    text-shadow: 0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1)
}

.grouped-banner__deal-panel-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43em
}

.grouped-banner__panel-gradient {
    background: linear-gradient(rgba(41,48,59,0),rgba(41,48,59,0),#29303b);
    height: 100%;
    position: absolute;
    width: 100%
}

    .grouped-banner__panel-gradient.deal-panel {
        background: linear-gradient(#29303b,rgba(41,48,59,0),rgba(41,48,59,0));
        position: static
    }

.grouped-banner__right-panels-container {
    display: flex;
    margin-top: 16px;
    position: relative
}

@media (min-width:992px) {
    .grouped-banner__right-panels-container {
        flex-direction: column;
        justify-content: space-between;
        margin-left: 16px;
        margin-top: 0;
        width: 40%
    }
}

.grouped-banner__video-panel {
    width: 100%
}

@media (min-width:992px) {
    .grouped-banner__video-panel {
        height: 400px;
        width: inherit
    }
}

@media (min-width:1200px) {
    .grouped-banner__video-panel {
        height: 500px
    }
}

.grouped-banner__video-panel-container {
    display: grid;
    position: relative
}

@media (min-width:576px) {
    .grouped-banner__video-panel-container {
        min-height: 300px
    }
}

@media (min-width:768px) {
    .grouped-banner__video-panel-container {
        min-height: 400px
    }
}

.grouped-banner__video-panel-content {
    bottom: 30px;
    color: #fff;
    margin-left: 24px;
    position: absolute;
    width: 100%
}

.grouped-banner__video-panel-headline {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33em
}

@media (min-width:576px) {
    .grouped-banner__video-panel-headline {
        font-size: 34px;
        font-weight: 600;
        line-height: 1.3em
    }
}

.grouped-banner__video-panel-search {
    bottom: 32px;
    margin-top: 16px;
    width: 85%
}

@media (min-width:768px) {
    .grouped-banner__video-panel-search {
        width: 50%
    }
}

.grouped-banner__video-panel-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43em
}

@media (min-width:576px) {
    .grouped-banner__video-panel-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5em
    }
}

.streamer {
    display: flex;
    align-items: flex-end;
    background-color: #686f7a;
    background-image: url(/staticx/udemy/js/webpack/homepage-hero-mobile.3d5d589a852ce52bcffa5dea1dc852d7.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

.streamer--video-homepage {
    align-items: center;
    background-image: url(/staticx/udemy/js/webpack/homepage_video_small.3a52704a03ce7cd4a9cafcb33eabdfb9.jpg);
    height: 270px;
    position: relative
}

    .streamer--video-homepage .es-autocomplete--active.es-autocomplete-lohp--video-homepage .form-control, .streamer--video-homepage .es-autocomplete--active.es-autocomplete-lohp--video-homepage .input-group, .streamer--video-homepage:hover .es-autocomplete-lohp--video-homepage .form-control, .streamer--video-homepage:hover .es-autocomplete-lohp--video-homepage .input-group {
        opacity: 1
    }

    .streamer--video-homepage .es-autocomplete--active.es-autocomplete-lohp--video-homepage .btn-link[type=submit], .streamer--video-homepage:hover .es-autocomplete-lohp--video-homepage .btn-link[type=submit] {
        background-color: #ec5252;
        color: #fff
    }

.streamer__content {
    box-sizing: content-box;
    max-width: 500px;
    padding: 0 15px;
    top: -50px;
    position: relative
}

.streamer__content--video-homepage {
    box-sizing: content-box;
    margin: auto;
    margin-top: 10px;
    max-width: 750px;
    position: relative;
    text-align: center;
    z-index: 2
}

.streamer__headline {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: .7;
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(41,48,59,.55)
}

.streamer__headline--video-homepage {
    -ms-animation: videoHomepageFadeAndTranslateIn .6s .3s forwards ease-out;
    -o-animation: videoHomepageFadeAndTranslateIn .6s .3s forwards ease-out;
    -webkit-animation: videoHomepageFadeAndTranslateIn .6s .3s forwards ease-out;
    -moz-animation: videoHomepageFadeAndTranslateIn .6s .3s forwards ease-out;
    animation: videoHomepageFadeAndTranslateIn .6s .3s forwards ease-out;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.33;
    opacity: 0;
    transform: translateY(20px)
}

.es-autocomplete.es-autocomplete-lohp .input-group {
    background-color: #fff
}

.es-autocomplete.es-autocomplete-lohp .form-control {
    font-size: 16px;
    font-weight: 100
}

    .es-autocomplete.es-autocomplete-lohp .form-control:focus, .es-autocomplete.es-autocomplete-lohp .form-control:focus ~ .input-group-btn .btn-link {
        border-color: transparent
    }

.es-autocomplete.es-autocomplete-lohp .btn[type=submit] {
    font-size: 18px;
    padding: 10px
}

.es-autocomplete.es-autocomplete-lohp .dropdown-menu {
    margin: 7px 0 0
}

.streamer-search__type-widget {
    margin-right: -4px
}

.streamer-search {
    display: none;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    width: 70%
}

    .streamer-search.is-loaded {
        transition: .3s ease-out;
        opacity: 1
    }

    .streamer-search .es-autocomplete-lohp--video-homepage .input-group {
        background-color: #fff;
        opacity: .5;
        transition: .3s ease-out
    }

    .streamer-search .es-autocomplete-lohp--video-homepage .input-group-btn:last-child > .btn {
        margin-left: 0
    }

    .streamer-search .es-autocomplete-lohp--video-homepage .form-control {
        background-color: #fff;
        color: #505763;
        font-size: 18px;
        opacity: 0;
        transition: .3s ease-out
    }

    .streamer-search .es-autocomplete-lohp--video-homepage .btn-link[type=submit] {
        background-color: #fff;
        transition: .3s ease-out
    }

    .streamer-search .streamer-search__type {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 44px;
        left: 13px;
        top: 0;
        position: absolute
    }

@keyframes videoHomepageFadeAndTranslateIn {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes videoHomepageFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.streamer__text {
    color: #fff;
    font-size: 13px;
    line-height: 1.46;
    margin-bottom: 20px;
    text-shadow: 0 2px 4px rgba(41,48,59,.55)
}

.streamer__text--video-homepage {
    -ms-animation: videoHomepageFadeAndTranslateIn .6s .6s forwards ease-out;
    -o-animation: videoHomepageFadeAndTranslateIn .6s .6s forwards ease-out;
    -webkit-animation: videoHomepageFadeAndTranslateIn .6s .6s forwards ease-out;
    -moz-animation: videoHomepageFadeAndTranslateIn .6s .6s forwards ease-out;
    animation: videoHomepageFadeAndTranslateIn .6s .6s forwards ease-out;
    color: hsla(0,0%,100%,.7);
    font-weight: 300;
    line-height: 1.2 !important;
    opacity: 0;
    text-shadow: 2px 2px 0 rgba(41,48,59,.2);
    transition: .3s ease-out;
    transform: translateY(20px)
}

    .streamer__text--video-homepage.streamer__text--second-animation {
        -ms-animation: videoHomepageFadeIn .6s .6s forwards ease-out;
        -o-animation: videoHomepageFadeIn .6s .6s forwards ease-out;
        -webkit-animation: videoHomepageFadeIn .6s .6s forwards ease-out;
        -moz-animation: videoHomepageFadeIn .6s .6s forwards ease-out;
        animation: videoHomepageFadeIn .6s .6s forwards ease-out;
        transform: none
    }

.streamer__video-container {
    display: none;
    filter: sepia(.2) grayscale(.3) saturate(.8);
    left: 0;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 0
}

@media (min-width:768px) {
    .streamer__video-container {
        display: block
    }
}

.streamer__bg-video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    z-index: 0
}

@media (min-width:576px) {
    .streamer {
        align-items: center;
        background-image: url(/staticx/udemy/js/webpack/homepage_hero_cropped.bf280efd1c694ea0ef17ab7637014c2e.jpg);
        height: 500px;
        padding: 0
    }

    .streamer__content {
        top: 0
    }

    .streamer--video-homepage {
        background-image: url(/staticx/udemy/js/webpack/homepage_video_small.3a52704a03ce7cd4a9cafcb33eabdfb9.jpg);
        height: 270px
    }

    .streamer__headline {
        font-size: 44px;
        font-weight: 600;
        line-height: 1
    }

    .streamer__text {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 30px
    }

    .es-autocomplete.es-autocomplete-lohp .form-control {
        font-size: 20px;
        height: 50px;
        padding: 11px 17px
    }

    .es-autocomplete.es-autocomplete-lohp .btn[type=submit] {
        padding: 11px 14px;
        font-size: 20px;
        width: 50px;
        height: 50px
    }

    .es-autocomplete.es-autocomplete-lohp--prominent .form-control {
        font-size: 24px;
        font-weight: 300;
        height: 60px;
        padding: 16px 0 14px 17px
    }

    .es-autocomplete.es-autocomplete-lohp--prominent .btn[type=submit] {
        width: 60px;
        height: 60px
    }
}

@media (min-width:768px) {
    .streamer__content {
        padding: 0
    }
}

@media (min-width:1200px) {
    .streamer--base {
        background-position: center 30%
    }
}

@media (min-width:992px) {
    .streamer--video-homepage {
        padding: 0 0 50px;
        background-image: url(/staticx/udemy/js/webpack/homepage_video_poster.1caad37609704344115918656ff0a5fc.jpg);
        height: 460px
    }

    .streamer-search {
        display: block
    }

        .streamer-search .es-autocomplete-lohp--video-homepage .form-control, .streamer-search .streamer-search__type {
            font-size: 22px;
            height: 55px
        }

        .streamer-search .es-autocomplete-lohp--video-homepage .btn[type=submit] {
            font-size: 22px;
            width: 55px;
            height: 55px
        }

    .streamer__content--video-homepage {
        max-width: 750px;
        box-sizing: content-box
    }

    .streamer__headline--video-homepage {
        font-size: 45px
    }

    .streamer__text--video-homepage {
        font-size: 25px
    }
}

@media (max-width:1439px) {
    .streamer, .streamer--video-homepage {
        background-size: cover;
        background-position: 50%
    }

    .streamer__content--video-homepage {
        padding-left: 0
    }
}

@media (max-width:1199px) {
    .streamer--base {
        background-size: 130%
    }
}

@media (max-width:991px) {
    .streamer--base {
        background-size: cover;
        background-position: 50%
    }

    .streamer__content--video-homepage {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .streamer--base {
        background-size: cover;
        background-position: 50%
    }

    .streamer .container {
        width: 100%
    }
}

@media (max-width:600px) {
    .streamer {
        padding-left: 0;
        padding-right: 0;
        background-position: 41% 2%;
        background-size: auto 127%
    }
}

@media (max-width:575px) {
    .streamer--base {
        background-size: cover;
        background-position: 50%
    }

        .streamer--base:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            height: 270px;
            width: 100%;
            z-index: 0;
            display: block;
            background: -moz-linear-gradient(top,rgba(41,48,59,0) 0,rgba(41,48,59,.65) 78%);
            background: -webkit-linear-gradient(top,rgba(41,48,59,0),rgba(41,48,59,.65) 78%);
            background: linear-gradient(180deg,rgba(41,48,59,0) 0,rgba(41,48,59,.65) 78%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(41,48,59,0),endColorstr=rgba(41,48,59,.65),GradientType=0)
        }

    .streamer {
        position: relative
    }

    .streamer__content {
        position: relative;
        z-index: 11;
        top: -50px
    }

    .streamer__text {
        max-width: 100%;
        font-size: 18px
    }
}

@media (max-width:360px) {
    .streamer {
        position: relative;
        background-size: cover;
        background-position: 50%
    }

    .streamer__text {
        font-size: 13px;
        max-width: 240px
    }
}

.notice-streamer {
    display: flex;
    align-items: flex-end;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

@media (max-width:767px) {
    .notice-streamer .carousel-fullscreen-sidebar {
        margin: 0 15px;
        width: 100%
    }
}

.notice-streamer__content {
    box-sizing: content-box;
    max-width: 350px
}

.notice-streamer__headline {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.17;
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(41,48,59,.55)
}

.notice-streamer__headline, .notice-streamer__text {
    max-width: 60%
}

.notice-streamer-search {
    position: relative;
    width: 100%
}

.notice-streamer__text {
    color: #fff;
    font-size: 13px;
    line-height: 1.46;
    margin-bottom: 20px;
    text-shadow: 0 2px 4px rgba(41,48,59,.55)
}

@media (min-width:576px) {
    .notice-streamer {
        align-items: center;
        height: 500px;
        padding: 0
    }

    .notice-streamer__headline {
        font-size: 40px;
        font-weight: 600;
        line-height: 1.33
    }

    .notice-streamer__headline, .notice-streamer__text {
        max-width: 100%
    }

    .notice-streamer__text {
        font-size: 18px;
        line-height: 1.61
    }
}

@media (min-width:992px) {
    .notice-streamer__content {
        max-width: 550px

    }
}

@media (max-width:991px) {
    .notice-streamer__content--video-homepage {
        padding-left: 0
    }
}

@media (max-width:600px) {
    .notice-streamer__content {
        padding-left: 0
    }
}

@media (max-width:575px) {
    .notice-streamer {
        position: relative
    }

    .notice-streamer__content {
        width: 100%;
        position: relative;
        z-index: 11
    }

    .notice-streamer__text {
        font-size: 18px
    }
}

@media (max-width:360px) {
    .notice-streamer {
        position: relative;
        background-size: cover;
        background-position: 50%
    }

    .notice-streamer__text {
        font-size: 13px;
        max-width: 240px
    }
}

.how-udemy-works-container {
    display: block;
    border: none;
    background: -webkit-linear-gradient(-45deg,#ec5252,#6e1a52);
    background: -moz-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
    background: -ms-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
    background: -o-linear-gradient(-45deg,#ec5252 0,#6e1a52 100%);
    background: linear-gradient(-45deg,#ec5252,#6e1a52)
}

@media (max-width:767px) {
    .how-udemy-works-container {
        display: none
    }
}

.how-udemy-works-container--modular {
    border-radius: 4px;
    margin: auto;
    max-width: 1375px
}

.grouped-banner-container {
    margin: 16px;
    max-width: 1375px
}

@media (min-width:1440px) {
    .grouped-banner-container {
        margin: auto
    }
}
/*# sourceMappingURL=hb.4a4296337f7952d1bf99dc5f5957481d.css.map*/