.main-banner-content,.main-banner-content__mobile{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:hidden;
  z-index:100
}

.home--banner-nav{
  z-index:1000;
  display:flex;
  flex-direction:column;
  left:2%;
  margin-top:-72px;
  position:relative;
  top:50%
}

.home--banner-nav_mobile{
  position:absolute;
  top:500px;
  flex-direction:row;
  left:40%;
  z-index:1000;
  display:flex
}

.home--banner-button{
  border-radius:50%;
  width:14px;
  height:14px;
  min-width:14px;
  min-height:14px;
  padding:0;
  margin:5px;
  border:1px solid transparent
}

.home--banner-button:hover{
  cursor:pointer
}

.home--banner-button:not(.button--primary){
  border:1px solid #ccc;
  background-color:#fff
}

.home--banner{
  background-image:url(/build/static-assets/img/brightermonday-theme/bm-jobseeker-hero-out-89809fd591.jpg);
  background-position:top;
  min-height:340px
}

.home--banner--in{
  background-image:url(/build/static-assets/img/brightermonday-theme/bm-jobseeker-hero-in-7ae5d2063a.jpg);
  background-position:top
}

.jm-ghana .home--banner,.jm-nigeria .home--banner{
  background-image:url(/build/static-assets/img/jobberman-theme/jm-jobseeker-hero-out-d01559eeee.jpg)
}

.jm-ghana .home--banner--in,.jm-nigeria .home--banner--in{
  background-image:url(/build/static-assets/img/jobberman-theme/jm-jobseeker-hero-in-d7a6ef6653.jpg)
}

.mj-myanmar .home--banner-one,.mj-myanmar .home--banner-six,.mj-myanmar .home--banner-three,.mj-myanmar .home--banner-two{
  background-position:100%;
  background-repeat:no-repeat;
  background-attachment:inherit;
  background-size:cover
}

.mj-myanmar .home--banner-nine,.mj-myanmar .home--banner-seven,.mj-myanmar .home--banner-ten,.mj-myanmar .home--banner-twelve{
  background-repeat:no-repeat;
  background-attachment:inherit;
  background-size:cover
}

.mj-myanmar .home--banner-ten,.mj-myanmar .home--banner-twelve{
  background-position:bottom
}

.mj-myanmar .home--banner-one_mobile,.mj-myanmar .home--banner-six_mobile,.mj-myanmar .home--banner-three_mobile,.mj-myanmar .home--banner-two_mobile{
  background-repeat:no-repeat;
  background-attachment:inherit;
  background-size:cover
}

.mj-myanmar .home--banner-nine_mobile,.mj-myanmar .home--banner-seven_mobile{
  background-position:bottom
}

.mj-myanmar .home--banner-nine_mobile,.mj-myanmar .home--banner-seven_mobile,.mj-myanmar .home--banner-ten_mobile,.mj-myanmar .home--banner-twelve_mobile{
  background-repeat:no-repeat;
  background-attachment:inherit;
  background-size:cover
}

.mj-myanmar .home--banner-nine-logo{
  width:250px
}

.mj-myanmar .home--banner-nine-logo-mobile{
  width:60%;
  height:60%
}

.mj-myanmar .job-seeker--banner{
  background-image:url(/build/static-assets/img/myjobs-theme/banner-three-d3dcf782d0.jpg);
  background-position:100%;
  background-repeat:no-repeat;
  background-attachment:inherit;
  background-size:cover
}

.learning--banner{
  background-image:url(/build/static-assets/img/learning-landing-706d2847af.jpg);
  min-height:340px
}

.job-seeker--banner{
  background-image:url(/build/static-assets/img/top-banner-2fc6cbd216.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:100;
  background-image:url(/build/static-assets/img/brightermonday-theme/bm-jobseeker-hero-out-89809fd591.jpg)
}

.jm-ghana .job-seeker--banner,.jm-nigeria .job-seeker--banner{
  background-image:url(/build/static-assets/img/jobberman-theme/jm-jobseeker-hero-out-d01559eeee.jpg)
}

.lightbox{
  display:none;
  overflow:hidden
}

.lightbox.active{
  position:fixed;
  overflow-x:hidden;
  overflow-y:auto;
  background:rgba(0,0,0,.65);
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:5000
}

.lightbox-inner,.lightbox.active{
  display:flex;
  flex-direction:column;
  width:100%
}

.lightbox-inner{
  position:relative;
  transition:transform .3s ease;
  margin:20px auto;
  max-width:1024px;
  padding:0 0 10px;
  background-color:rgba(0,0,0,.65)
}

.job-seeker-landing-video{
  position:relative;
  width:100%;
  height:540px
}

.job-seeker--app-banner{
  background-image:url(/build/static-assets/img/jobberman-theme/app-banner-bce1f2f4d5.jpg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  z-index:100
}

.job-seeker-premium--banner{
  background-image:url(/build/static-assets/img/banner-premium-page-c11467001f.jpg)
}

[class*=jm-] .job-seeker-premium--banner{
  background-image:url(/build/static-assets/img/jm-banner-premium-page-3b2b183662.jpg)
}

.main-banner-content__overlay{
  background-image:url(/build/static-assets/img/main-image-gradient-c4b5006612.png);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  z-index:200
}

.learning--banner .main-banner-content__overlay{
  min-height:340px
}

.home-banner-container{
  position:relative;
  margin:0 auto;
  overflow:hidden;
  height:350px
}

.home-banner-container-seeker{
  position:relative;
  margin:0 auto;
  overflow:hidden;
  height:330px
}

.home-banner-filter{
  position:absolute;
  z-index:100;
  bottom:0;
  width:100%
}

.home-banner-content__box{
  display:flex;
  margin:0 auto;
  max-width:1140px;
  height:100%;
  align-items:center;
  padding:25px 30px 0
}

.home-banner-content__box-mm{
  max-width:1140px
}

.home-banner-content__box-mm,.home-banner-content__box-mm-no-width{
  display:flex;
  flex-direction:row;
  height:100%;
  align-items:center;
  padding:25px 25px 100px 25px;
  justify-content:center;
  margin-top:20px
}

.home-banner-content__box-mm-no-width{
  margin-left:100px;
  align-self:flex-start
}

.home-banner-content__box-banner-seven{
  display:flex;
  flex-direction:row;
  height:100%;
  align-items:center;
  padding:25px 25px 100px 25px;
  justify-content:space-around;
  margin-top:20px
}

.home-banner-content__box-mm_mobile{
  max-width:1140px;
  align-items:center;
  padding:25px 50px;
  justify-content:center
}

.home-banner-content__career-fair-mobile{
  max-width:1140px;
  align-items:center;
  padding:25px;
  justify-content:center
}

.main-banner-content__box{
  margin:20px auto
}

.main-banner-content__box,.main-banner-content__box-seeker{
  position:relative;
  display:flex;
  flex-direction:column;
  max-width:1280px;
  width:100%
}

.main-banner-content__box-seeker{
  margin-left:auto;
  margin-right:auto;
  padding:10px 20px
}

.learning--banner .main-banner-content__box{
  margin:60px auto 0
}

.main-banner-content__top-title{
  font-size:2.75rem;
  line-height:1;
  position:relative;
  display:inline-block;
  width:100%;
  color:#fff;
  text-align:left;
  margin-top:5px;
  margin-bottom:5px;
  font-weight:400
}

.main-banner-content__divider-horizontal{
  background:#fff;
  width:100%;
  display:inline-block;
  border-bottom:1px solid #fff
}

.main-banner-content__divider-vertical{
  background:#fff;
  width:1px;
  height:75%;
  display:inline-block;
  margin-right:50px;
  margin-left:50px
}

.main-banner-content__divider-vertical__primary{
  background:#f69322;
  width:1px;
  height:75%;
  display:inline-block;
  margin-right:25px;
  margin-left:25px
}

.my-next-steps-container{
  position:absolute;
  right:100px
}

.my-next-steps{
  height:100px
}

.date-logo{
  height:70px
}

.date-logo-mobile{
  height:50px
}

.career-fair-mobile{
  height:100px;
  margin:auto
}

.main-banner-content__bottom-title{
  font-size:3rem;
  line-height:1;
  position:relative;
  display:inline-block;
  width:100%;
  color:#f69322;
  text-align:left;
  margin-top:5px;
  margin-bottom:15px;
  font-weight:400
}

.home--banner .main-banner-content__bottom-title,.learning--banner .main-banner-content__bottom-title{
  font-size:1.125rem;
  line-height:1;
  position:relative;
  display:inline-block;
  width:100%;
  max-width:100%;
  color:#f69322;
  text-align:center;
  margin-top:5px;
  margin-bottom:15px;
  font-weight:400
}

.home-banner-content__box p,.main-banner-content__box-seeker p,.main-banner-content__box p{
  position:relative;
  font-weight:300;
  font-size:1rem;
  line-height:25px;
  margin:0 0 0 2px;
  text-align:left;
  color:#fff;
  width:100%;
  max-width:540px
}

.home--banner .home-banner-content__box p,.home--banner .main-banner-content__box p,.main-banner-content__box-seeker p{
  max-width:550px
}

.landing-text-image-row{
  position:relative;
  display:inline-flex;
  width:100%
}

.landing-text-image-mobile{
  background:#eee!important;
  flex-direction:column-reverse!important;
  display:flex!important;
  margin:0 auto 30px!important;
  width:100%!important;
  max-width:420px
}

.landing-text-image-row img{
  min-width:100%;
  width:100%
}

.landing-image{
  flex-direction:column;
  position:relative
}

.landing-image__mobile-border{
  padding:20px!important
}

.landing-text{
  position:relative;
  display:inline-flex
}

.job-seeker-landing-page .landing-image{
  flex:1;
  max-width:70%
}

.job-seeker-landing-page .landing-text{
  flex:1;
  max-width:30%
}

.employer-landing .landing-text:nth-of-type(odd){
  padding-right:140px;
  padding-left:0;
  margin-left:0
}

.employer-landing .landing-text:nth-of-type(2n){
  padding-left:140px;
  padding-right:0;
  margin-right:0
}

.employer-landing .landing-image-bottom-cover{
  box-shadow:none;
  z-index:0
}

.landing-premium{
  position:relative;
  display:inline-flex;
  width:100%;
  flex-wrap:wrap
}

.landing-premium__card{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:290px;
  min-width:290px;
  min-height:360px;
  margin:0 10px 20px;
  border-radius:3px
}

.landing-image-desktop{
  display:inline-flex
}

.landing-image-mobile{
  border-radius:7px;
  box-shadow:0 1px 6px 0 rgba(0,0,0,.5)
}

.drop-shadow-cut-off{
  display:none
}

.landing-partners .home-partners{
  padding-bottom:60px;
  border-radius:3px
}

.landing-partners{
  margin-top:0
}

.landing-partners__divider{
  background:#e9e9e9;
  border-top:1px solid #e9e9e9;
  display:block
}

.home-partners{
  overflow:hidden;
  padding:0 0 40px;
  text-align:center;
  width:100%
}

.home-partners__heading{
  margin-right:20px;
  margin-left:20px;
  margin-bottom:30px;
  color:#4e5559;
  font-size:1.65rem
}

.home-partners img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:80px
}

.home-partners__partner{
  display:inline-block;
  width:50%;
  min-width:148px;
  margin:20px 0 0 0;
  padding:0 20px;
  vertical-align:middle;
  text-align:-moz-center;
  text-align:-webkit-center
}

.featured-employer-nav{
  border-radius:50%;
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  padding:0;
  margin:7px;
  border:1px solid transparent
}

.featured-employer-nav:not(.button--primary){
  border:1px solid #ccc;
  background-color:#fff
}

.featured-employer-container{
  margin:auto;
  overflow:hidden;
  height:230px
}

.slide-anim{
  width:100%;
  position:absolute;
  transform:translateX(-100%)
}

.slide-in{
  animation:a .5s forwards;
  -webkit-animation:a .5s forwards
}

.slide-out{
  animation:b .5s forwards;
  -webkit-animation:b .5s forwards
}

@keyframes a{
  to{
    transform:translateX(0)
  }
}

@-webkit-keyframes a{
  to{
    -webkit-transform:translateX(0)
  }
}

@keyframes b{
  0%{
    transform:translateX(0)
  }

  to{
    transform:translateX(100%)
  }
}

@-webkit-keyframes b{
  0%{
    -webkit-transform:translateX(0)
  }

  to{
    -webkit-transform:translateX(100%)
  }
}

.landing-border{
  border:30px solid #d8d8d8;
  border-radius:7px
}

.landing-border-right{
  border-right:15px solid #d8d8d8
}

.landing-text-width{
  max-width:30%;
  position:relative;
  display:inline-flex
}

.landing-content{
  display:none
}

.landing-tab{
  justify-content:center;
  display:inline-flex;
  position:-webkit-sticky;
  position:sticky;
  width:100%
}

.landing-tab__dot{
  padding:6px;
  margin-left:20px;
  border:1px solid #979797;
  border-radius:50%;
  display:inline-flex;
  opacity:.6;
  transition:.3s
}

.landing-tab__dot:hover{
  background-color:#f69322;
  cursor:pointer
}

.button-active,.landing-tab__dot:target{
  background-color:#f69322;
  opacity:1;
  border:1px solid #f69322
}

.landing-tab__dot:active{
  background-color:#f69322;
  transition:all .1s
}

.padding--none{
  padding:0!important
}

@media (min-width:960px){
  .home-partners img{
    max-height:110px
  }

  .home-partners__partner{
    width:33.33%
  }
}

@media (min-width:1024px){
  .home-partners__partner{
    width:16%;
    padding:25px
  }
}

@media (max-width:1024px){
  .home-partners__heading{
    font-size:1.5rem;
    letter-spacing:normal;
    line-height:1.2
  }
}

@media (max-width:768px){
  .home-partners__partner{
    display:block;
    width:100%;
    margin:20px auto
  }

  .home-partners img:nth-child(n+7){
    display:none
  }
}

@media (max-width:640px){
  .featured-employer-container{
    margin:auto;
    overflow:hidden;
    height:300px
  }
}

@media screen and (max-width:960px){
  .home-banner-content__box{
    display:block;
    padding:20px
  }

  .home--banner .main-banner-content__box,.learning--banner .main-banner-content__box{
    padding-top:10px;
    margin-bottom:10px
  }

  .main-banner-content__overlay{
    background-repeat:repeat-y;
    background-size:contain
  }

  .job-seeker--banner .main-banner-content__bottom-title{
    max-width:60%
  }

  .job-seeker-landing-video{
    height:432px
  }

  .landing-image-desktop{
    display:none!important
  }

  .landing-image-mobile{
    display:inline-block!important
  }

  .landing-text-image-row{
    flex-direction:column!important;
    display:flex!important;
    margin:0 auto 30px!important;
    width:100%!important;
    max-width:420px
  }

  .landing-text:nth-of-type(2n),.landing-text:nth-of-type(odd){
    margin:0!important;
    padding:0!important
  }

  .landing-text{
    order:1;
    max-width:100%;
    width:100%;
    text-align:left!important;
    margin-bottom:10px
  }

  .landing-text h3{
    font-size:1.25rem;
    margin-top:30px;
    text-align:left!important
  }

  .landing-image{
    order:2;
    width:100%;
    margin:10px 0 0!important
  }

  .job-seeker-landing-page .landing-image,.job-seeker-landing-page .landing-text{
    max-width:100%
  }

  .employer-landing .landing-image{
    display:inline-block
  }

  .employer-landing .landing-text{
    order:1
  }

  .employer-landing .landing-image{
    order:2;
    margin:10px 0 30px 0!important
  }

  .landing-premium__card{
    margin:10px
  }
}

@media screen and (max-width:768px){
  .home-banner-container-seeker{
    height:550px
  }

  .home-banner-container{
    position:relative;
    margin:0 auto;
    overflow:hidden;
    height:550px
  }

  .job-seeker--app-banner{
    background-image:url(/build/static-assets/img/brightermonday-theme/app-banner-mobile-23900704dc.jpg)
  }

  .jm-ghana .job-seeker--app-banner,.jm-nigeria .job-seeker--app-banner{
    background-image:url(/build/static-assets/img/jobberman-theme/app-banner-mobile-1c42836c9f.jpg)
  }

  .main-banner-content__box{
    margin:30px auto
  }

  .main-banner-content__bottom-title,.main-banner-content__top-title{
    font-size:1.5rem;
    line-height:1.5;
    margin:0
  }

  .home--banner .main-banner-content__top-title{
    font-size:1.7rem
  }

  .home-banner-content__box p,.main-banner-content__box p{
    margin-top:10px
  }

  .job-seeker--banner .main-banner-content__bottom-title{
    max-width:75%
  }

  .job-seeker-landing-video{
    height:360px
  }

  .landing-premium__card{
    width:100%;
    max-width:290px!important
  }

  .landing-button-row{
    flex-direction:column
  }

  .landing-button-row>div{
    margin-top:20px;
    width:100%!important
  }
}

@media screen and (max-width:640px){
  .job-seeker--banner{
    background-image:url(/build/static-assets/img/brightermonday-theme/bm-jobseeker-hero-mobile-out-84e545d969.jpg);
    background-position:top
  }

  .jm-ghana .job-seeker--banner,.jm-nigeria .job-seeker--banner{
    background-image:url(/build/static-assets/img/jobberman-theme/jm-jobseeker-hero-mobile-out-d165ad6061.jpg)
  }

  .home--banner{
    background-image:url(/build/static-assets/img/brightermonday-theme/bm-jobseeker-hero-mobile-out-84e545d969.jpg);
    min-height:340px
  }

  .jm-ghana .home--banner,.jm-nigeria .home--banner{
    background-image:url(/build/static-assets/img/jobberman-theme/jm-jobseeker-hero-mobile-out-d165ad6061.jpg)
  }

  .home--banner--in{
    background-image:url(/build/static-assets/img/brightermonday-theme/bm-jobseeker-hero-mobile-in-6679e46e61.jpg);
    background-position:top
  }

  .jm-ghana .home--banner--in,.jm-nigeria .home--banner--in{
    background-image:url(/build/static-assets/img/jobberman-theme/jm-jobseeker-hero-mobile-in-166d8ef042.jpg)
  }

  .job-seeker--banner .main-banner-content__box{
    align-items:center;
    margin:0 auto
  }

  .job-seeker-landing-video{
    height:230px!important
  }

  .mj-myanmar .job-seeker--banner{
    background-image:url(/build/static-assets/img/myjobs-theme/mobile-banner-three-35dff616c2.jpg);
    background-position:top
  }

  .landing-image-mobile{
    width:100%!important;
    max-width:100%!important
  }
}

@media screen and (max-width:480px){
  .main-banner-content__box{
    margin:0 auto
  }

  .job-seeker--banner .main-banner-content__bottom-title,.job-seeker--banner .main-banner-content__box p{
    max-width:100%
  }
}
