.form-group,.horizontalForm__doubleInputGroup{
  margin-bottom:15px
}

.input-group{
  position:relative;
  display:table;
  border-collapse:initial
}

.dropdown-menu>li>a{
  color:#4e5559
}

.input-group .form-control{
  position:relative;
  z-index:2;
  float:left;
  width:100%;
  margin-bottom:0
}

.form-control{
  font-family:Roboto,sans-serif;
  font-weight:400;
  display:inline-block;
  width:100%;
  padding:5px 10px;
  color:#4e5559;
  border:1px solid #ccc;
  border-radius:4px;
  background-color:#fff;
  background-image:none;
  box-shadow:none
}

.form-control:focus{
  border-color:#2485af;
  outline:0;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)
}

.form-control{
  padding:0 15px
}

.input-group-addon,.input-group-btn,.input-group .form-control{
  display:table-cell
}

.hint{
  color:#8b8b8b;
  font-size:.875rem
}

#searchSubmit{
  max-width:180px;
  margin:0 auto 20px
}

#searchSubmit:active,#searchSubmit:hover{
  background:#ffad3c
}

.note-editable{
  font-family:Roboto,sans-serif;
  font-weight:400
}

.horizontalForm__btnGroup{
  margin-top:20px
}

.horizontalForm__formGroup{
  margin-bottom:10px
}

html{
  line-height:1.15;
  -webkit-text-size-adjust:100%
}

main{
  display:block
}

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

hr{
  box-sizing:initial;
  height:0;
  overflow:visible
}

pre{
  font-family:monospace,monospace;
  font-size:1em
}

a{
  background-color:initial
}

abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

b,strong{
  font-weight:bolder
}

code,kbd,samp{
  font-family:monospace,monospace;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

img{
  border-style:none
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}

button,input{
  overflow:visible
}

button,select{
  text-transform:none
}

[type=button],[type=reset],[type=submit],button{
  -webkit-appearance:button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  border-style:none;
  padding:0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
  outline:1px dotted ButtonText
}

fieldset{
  padding:.35em .75em .625em
}

legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}

progress{
  vertical-align:initial
}

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

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

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

details{
  display:block
}

summary{
  display:list-item
}

[hidden],template{
  display:none
}

@font-face{
  font-family:Roboto;

  font-style:normal;

  font-weight:300;

  src:local("Roboto Light"),local("Roboto-Light"),url(/build/static-assets/fonts/roboto-v20-latin-300-ef7c6637c6.woff2) format("woff2"),url(/build/static-assets/fonts/roboto-v20-latin-300-b00849e00f.woff) format("woff");

  font-display:swap
}

@font-face{
  font-family:Roboto;

  font-style:normal;

  font-weight:400;

  src:local("Roboto"),local("Roboto-Regular"),url(/build/static-assets/fonts/roboto-v20-latin-regular-479970ffb7.woff2) format("woff2"),url(/build/static-assets/fonts/roboto-v20-latin-regular-60fa3c0614.woff) format("woff");

  font-display:swap
}

@font-face{
  font-family:Roboto;

  font-style:normal;

  font-weight:500;

  src:local("Roboto Medium"),local("Roboto-Medium"),url(/build/static-assets/fonts/roboto-v20-latin-500-020c97dc8e.woff2) format("woff2"),url(/build/static-assets/fonts/roboto-v20-latin-500-8728489487.woff) format("woff");

  font-display:swap
}

@font-face{
  font-family:Roboto;

  font-style:normal;

  font-weight:700;

  src:local("Roboto Bold"),local("Roboto-Bold"),url(/build/static-assets/fonts/roboto-v20-latin-700-2735a3a69b.woff2) format("woff2"),url(/build/static-assets/fonts/roboto-v20-latin-700-adcde98f1d.woff) format("woff");

  font-display:swap
}

*,:after,:before{
  box-sizing:border-box
}

body,html{
  font-size:16px
}

body{
  display:inline-block;
  width:100%;
  height:auto;
  position:relative;
  overflow-x:hidden;
  background-color:#fff;
  font-family:Roboto,sans-serif;
  color:#4e5559;
  line-height:1.65;
  margin:0
}

body.auto-active{
  overflow:hidden!important;
  height:100vh!important
}

a{
  color:#2485af
}

.link-hover{
  font-weight:400
}

.link-hover:visited{
  color:#2485af
}

.link-hover:hover{
  color:#f69322
}

img:not(svg){
  height:auto;
  max-width:100%;
  vertical-align:middle
}

hr{
  margin-top:10px;
  margin-bottom:10px;
  border:none;
  border-bottom:1px solid #dadada
}

.strip{
  display:block;
  margin:20px auto;
  float:left;
  width:100%
}

.strip--flush{
  display:block;
  margin:0 auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-y-scroll{
  overflow-y:scroll
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

pre,pre code,pre kbd,pre samp{
  color:#fff;
  background-color:#8b8b8b
}

h1,h2,h3,h4,h5,h6{
  color:#4e5559;
  font-weight:400
}

h1{
  display:inline-block;
  font-size:3rem;
  line-height:1;
  position:relative;
  text-align:left;
  width:100%
}

h2{
  font-size:2.5rem
}

h3{
  font-size:1.5rem
}

h4{
  font-size:1.125rem
}

h5,h6{
  font-size:1rem
}

p{
  font-size:16px
}

a,p{
  word-break:normal
}

a{
  text-decoration:none
}

ol,ul{
  margin-top:0;
  margin-bottom:0
}

.list-style-disc{
  list-style:disc
}

.list-style-none{
  list-style-type:none
}

li{
  font-size:16px
}

small{
  font-size:.875rem
}

b,code,em,small,strong{
  line-height:1
}

sub,sup{
  position:relative;
  top:-.4em;
  vertical-align:initial
}

sub{
  top:.4em
}

pre{
  overflow:auto;
  padding:10px;
  white-space:pre;
  word-wrap:normal
}

input,label,select,textarea{
  font-weight:400
}

.multiselect,input,label,select,textarea{
  font-family:Roboto,sans-serif
}

.sub-heading{
  font-size:1rem;
  font-weight:400
}

.font-size--inherit{
  font-size:inherit
}

form{
  width:100%
}

form,label{
  display:inline-block
}

label{
  margin:5px 0
}

button,input{
  line-height:1.5
}

input:-webkit-autofill{
  box-shadow:inset 0 0 0 10rem #fff
}

:focus{
  outline:0
}

input[type=file]{
  padding:0
}

input[type=checkbox],input[type=radio]{
  width:20px;
  height:20px;
  margin:0
}

input[type=email]:not(.appearance-none),input[type=number],input[type=password]:not(.appearance-none),input[type=search],input[type=tel],input[type=text]:not(.appearance-none),input[type=url]{
  border-radius:3px;
  line-height:1.5!important;
  padding:7px 20px;
  border:1px solid #eee;
  font-weight:300
}

input.border-2px-white{
  padding:6px 20px!important
}

textarea{
  padding:15px 20px;
  overflow:auto;
  min-height:400px;
  resize:vertical;
  font-size:1rem;
  font-family:Roboto,sans-serif;
  line-height:1.5;
  display:inline-block;
  width:100%;
  color:#4e5559
}

select,textarea{
  border-radius:3px;
  background-color:#fff;
  border:1px solid #eee;
  outline:0;
  font-weight:300
}

select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iNyAxMCAxMCA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii43NCIgZD0iTTcgMTBsNSA1IDUtNXoiLz48L3N2Zz4=);
  background-position:calc(100% - 10px) 18px;
  background-repeat:no-repeat;
  padding:0 35px 0 12px;
  text-transform:capitalize;
  height:40px;
  line-height:1.5!important;
  vertical-align:middle
}

select:focus{
  outline:0
}

select[multiple]{
  height:auto
}

[disabled]{
  cursor:not-allowed;
  opacity:.6;
  background:#eee;
  background-size:6px 6px
}

input[placeholder]{
  font-size:1rem
}

input::-webkit-input-placeholder{
  font-size:1rem
}

input:-moz-placeholder,input::-moz-placeholder{
  font-size:1rem
}

input:-ms-input-placeholder{
  font-size:1rem
}

::-webkit-input-placeholder{
  color:#4e5559;
  font-size:1rem;
  opacity:1!important
}

:-moz-placeholder,::-moz-placeholder{
  color:#4e5559;
  font-size:1rem;
  opacity:1!important
}

:-ms-input-placeholder{
  color:#4e5559;
  font-size:1rem;
  opacity:1!important
}

.border-2px-white::-webkit-input-placeholder{
  color:#fff
}

.border-2px-white:-moz-placeholder,.border-2px-white::-moz-placeholder{
  color:#fff
}

.border-2px-white:-ms-input-placeholder{
  color:#fff
}

.input-outline{
  position:relative;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:inline-flex;
  min-height:40px;
  height:40px;
  justify-content:center;
  align-items:center;
  background-color:initial;
  border:1px solid #f2f2f2
}

.label--add-star{
  position:relative;
  display:inline-block;
  float:left
}

.label--add-star:after{
  content:"*";
  color:inherit;
  right:0;
  width:22px;
  height:24px;
  text-align:center;
  float:right
}

.label--add-star:after,.radio-label{
  position:relative;
  display:inline-block
}

.radio-label{
  font-weight:400;
  text-transform:capitalize;
  padding-left:30px
}

.radio-label input[type=radio]{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}

.radio-label+.radio-label{
  margin-left:30px
}

.pseudo-radio-button{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  width:100%
}

.pseudo-radio-button input[type=radio]{
  position:absolute;
  opacity:0
}

.pseudo-radio-button__label{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  margin:10px 0;
  padding-left:40px;
  width:100%;
  cursor:pointer;
  z-index:10;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.enquiry .pseudo-radio-button__label{
  text-transform:none
}

.pseudo-radio-button .radio-disc{
  position:absolute;
  top:50%;
  left:16px;
  transform:translate(-50%,-50%);
  overflow:hidden;
  display:inline-block;
  margin:0;
  border:2px solid #fff;
  border-radius:50%;
  height:22px;
  width:22px;
  z-index:5
}

.pseudo-radio-button .radio-disc--dark{
  border-color:#4e5559
}

.pseudo-radio-button .radio-disc--left-flush{
  left:11px
}

.pseudo-radio-button .radio-disc--white-bg{
  border-color:#4e5559
}

.pseudo-radio-button .radio-disc:before{
  position:absolute;
  content:"";
  border-radius:50%;
  transition:all .2s ease;
  height:0;
  width:0;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:auto
}

.pseudo-radio-button__input:checked~.radio-disc:before{
  content:"";
  background-color:#4e5559;
  height:12px;
  width:12px
}

.primary--modifier input[type=checkbox]+label:before{
  background-color:#dadada;
  border:2px solid #dadada
}

.primary--modifier input[type=checkbox]:checked+label:before{
  background-color:#f69322;
  border-color:#f69322
}

.pseudo-checkbox-parent-label{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  width:100%;
  cursor:pointer
}

.pseudo-checkbox-parent-label input[type=checkbox]{
  opacity:0;
  position:absolute;
  z-index:1
}

.pseudo-checkbox-parent-label input[type=checkbox]+span{
  margin:0;
  position:relative;
  display:inline-flex;
  flex-direction:row;
  align-items:center
}

.pseudo-checkbox-parent-label input[type=checkbox]+span+span{
  flex:1;
  text-align:right
}

.pseudo-checkbox-parent-label input[type=checkbox]+span:before{
  content:"";
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAA+UlEQVR4Ae3bAQYCYRCG4QGCvUIFC2zQN1erM6QjtIeoI9QR2pskEqg/AKGYjd2h9/0OsB4W8I8RERER0ecWU6118ouXgXfRSevF1H6pqfygp5fxpqcfmsr6VU/UeRl/6uqJ9UmtlxxTa/FU65EG8FBt0XzjJdE2Fk3nTAB1Fs3vmQB+iwPK+2y4+n8fQDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICrl0S7/t/TY21TAbYWbTnP9PzeZxZPuzSAtu8JyjnjCUqgptJ+7CMg7ZvKfslnvhrnDMuPvvr27xMRERHRCxSpUVMegJfBAAAAAElFTkSuQmCC);
  height:24px;
  left:0;
  min-height:24px;
  min-width:24px;
  position:relative;
  width:24px;
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:contain;
  margin-right:15px
}

.pseudo-checkbox-parent-label input[type=checkbox]:checked+span:before{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAB+UlEQVR4Ae3bgUbDcRTF8QsEe4UWDLGGzkUQCHqWgFAEZUTpEdpD1CPUI7TXCDPNNKh/hIZ1cNdtO+me+wLfD4D//2e1Wq1Wq9VqNb6dTZzi0cferPjGeMTpzqb9ZN2W3+Pdm/Ud3v2+27Ll1tnA0Jv1H4adDVtmGHijcRhYfOjgTQbwho5F59feCN21RYcnJQCGFp2/KgF8Ggc0WleAAhSgAL99ePbLPwzAyLfN/EgfwPJ79jkc6wN4PidIAUj+fH4mDeD58/mFMIDnz4f+3wCMeb4SgOeD5+sDQvl6gGC+GiCcrwWI5ysBMOH5SgCev8fz8wEK+fmA3SuM8vNXBzgy8x5Gyfn5AJ5vRgjZ+fkAHNvXvBf46DEN5GcBWP58DkZYyN+P5+cDzm1hDkxy8lcAQN++me9hkpafDwgQ8vPzAZzg0/z8BECAsL9IwCwrPwEQJ2CGg8z8RAAnYJaZnwCIEnCAWW5+AiBOSMxPAMQJhzxfDMAILF8OQAgkXw5ACCRfDkAIJF8OQAgkXw5ACCRfEUAIJF8SQAgkXxJACCRfEkAIJF8SQAjo168GCoACFKAABSjAixTg5f/9eowbKcCNRbe7pfT7vbctPtzKAAbLPkF5knqCEl+3hbt1PwLCXbdlP5m3/WQ9z7D8wU+8bbVarVar1Wo1ug8rplmuyIWirQAAAABJRU5ErkJggg==)
}

.pseudo-checkbox-switch{
  position:relative;
  display:inline-block;
  width:60px;
  height:30px
}

.pseudo-checkbox-switch input{
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  z-index:100;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer
}

.pseudo-checkbox-switch label{
  position:absolute;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  width:100%;
  height:100%;
  background-color:#bfbdbd;
  border-radius:30px;
  margin:0;
  top:50%;
  transform:translateY(-50%)
}

.pseudo-checkbox-switch label span{
  display:inline-block;
  width:30px;
  height:30px;
  border-radius:inherit;
  position:absolute;
  z-index:2;
  right:50%;
  transition:all .1s linear;
  top:50%;
  transform:translateY(-50%);
  background-color:#eee;
  box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.2)
}

.pseudo-checkbox-switch input:checked~label{
  background-color:#389660
}

.pseudo-checkbox-switch input:checked~label span{
  right:-1%
}

.caret{
  display:inline-block;
  width:0;
  height:0;
  margin-left:2px;
  vertical-align:middle;
  border-top:4px solid;
  border-right:5px solid transparent;
  border-left:5px solid transparent
}

.dropdown-toggle:focus{
  outline:0
}

.dropdown-menu{
  font-size:1rem;
  position:absolute;
  z-index:200;
  top:100%;
  left:0;
  display:none;
  float:left;
  min-width:245px;
  margin:2px 0 0;
  padding:5px 0;
  list-style:none;
  text-align:left;
  border:1px solid #ccc;
  border-radius:4px;
  background-color:#fff;
  background-clip:padding-box;
  box-shadow:0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu>li>a{
  font-weight:400;
  line-height:1.5;
  display:inline-block;
  padding:3px 20px;
  white-space:nowrap;
  color:#333
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
  text-decoration:none;
  color:#4e5559;
  background-color:#f8f8f8
}

.open>.dropdown-menu{
  display:block
}

.parsley-error+.relative .js-multiselect-button{
  border:1px solid #4168c6
}

.parsley-realignment__title-upload-container{
  z-index:100
}

.parsley-realignment__file-upload-container,.parsley-realignment__title-upload-container,.profile-personal-details-avatar__upload{
  position:relative;
  display:inline-block;
  float:left;
  width:100%;
  max-width:100%
}

.file-upload-input{
  position:relative;
  display:inline-block;
  line-height:2;
  padding-bottom:0;
  padding-top:0;
  width:100%;
  height:40px
}

.profile-personal-details-avatar__upload .file-upload-input{
  width:auto;
  margin-left:40px
}

.file-upload-label{
  display:none
}

input[type=file].parsley-error{
  border:none
}

.cursor--default{
  cursor:default!important
}

.cursor--pointer{
  cursor:pointer!important
}

.input-right-icon,.input-right-icon__input-container{
  position:relative;
  display:inline-block;
  width:100%;
  float:left
}

.input-right-icon__icon-container{
  position:absolute;
  top:0;
  right:0;
  display:inline-block;
  width:50px;
  height:40px
}

.grey-form-placeholders input:placeholder-shown{
  color:#9b9b9b
}

.grey-form-placeholders input::-webkit-input-placeholder{
  color:#9b9b9b
}

.grey-form-placeholders input::-ms-input-placeholder{
  color:#9b9b9b
}

.grey-form-placeholders input::placeholder{
  color:#9b9b9b
}

.grey-form-placeholders textarea:placeholder-shown{
  color:#9b9b9b;
  font-weight:300
}

.grey-form-placeholders textarea::-webkit-input-placeholder{
  color:#9b9b9b;
  font-weight:300
}

.grey-form-placeholders textarea::-ms-input-placeholder{
  color:#9b9b9b;
  font-weight:300
}

.grey-form-placeholders textarea::placeholder{
  color:#9b9b9b;
  font-weight:300
}

select:placeholder-shown{
  color:#9b9b9b
}

.nav-bar{
  position:relative;
  display:inline-block;
  width:100%;
  height:34px;
  background-color:#000;
  padding:0;
  text-align:right;
  color:#fff
}

.nav-bar__container{
  position:relative;
  display:block;
  height:70px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:0 20px
}

.nav-bar__link{
  color:#fff;
  text-transform:uppercase;
  font-size:.75rem;
  padding:0;
  line-height:34px;
  height:34px
}

.nav-bar__link:active,.nav-bar__link:focus,.nav-bar__link:hover,.nav-bar__link:visited{
  color:#fff
}

.alert{
  padding:10px
}

.alert-success{
  color:#3c763d;
  border-color:#d6e9c6;
  background-color:#dff0d8
}

.alert-info{
  color:#fff;
  border-color:#4e5559;
  background-color:#4e5559
}

.alert-warning{
  color:#8a6d3b;
  border-color:#faebcc;
  background-color:#fcf8e3
}

.alert-danger{
  color:#a94442;
  border-color:#ebccd1;
  background-color:#f2dede
}

.alert-danger a{
  color:#fff;
  text-decoration:underline
}

.floatingMsg{
  position:fixed;
  z-index:700;
  right:15px;
  bottom:15px;
  margin-top:15px;
  margin-bottom:24px;
  margin-left:15px;
  padding:15px;
  padding-left:55px;
  color:#fff;
  border:4px double #fff;
  border-radius:6px
}

.floatingMsg p{
  margin:0
}

.floatingMsg .i{
  position:absolute;
  top:50%;
  left:10px;
  width:34px;
  height:34px;
  margin-top:-17px;
  padding-right:10px;
  border-right:1px solid #fff
}

.floatingMsg.alert-info{
  background-color:#33528c
}

.floatingMsg.alert-danger{
  background-color:#f01e23
}

.floatingMsg.alert-success{
  background-color:#33528c
}

.floatingMsg.alert-warning{
  background-color:#f0ad4e
}

.button{
  position:relative;
  display:inline-block;
  border:none;
  outline:none;
  border-radius:3px;
  cursor:pointer;
  font-size:1rem;
  color:currentColor;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  line-height:1.5!important;
  padding:8px 20px;
  letter-spacing:.5px
}

button,input,optgroup,select,textarea{
  font-family:Roboto,sans-serif
}

.button{
  -webkit-tap-highlight-color:transparent;
  background-image:none
}

:focus{
  color:currentColor
}

.button:focus{
  outline-color:#f69322
}

.button::-moz-focus-inner{
  border:0
}

.button--wide{
  padding-left:30px;
  padding-right:30px
}

.button--small{
  padding-left:10px;
  padding-right:10px
}

.button--clear{
  color:#4e5559;
  background-color:initial;
  box-shadow:none
}

.button--clear:hover{
  color:#4e5559;
  border:none
}

.button--clear:active{
  border:none
}

.button--clear-border{
  position:relative;
  color:#4e5559;
  background-color:initial;
  box-shadow:none;
  border-radius:3px
}

.button--clear-border:before{
  content:"";
  position:absolute;
  border:2px solid #ccc;
  border-radius:3px;
  height:100%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%
}

.button--primary,.button--submit{
  color:#fff;
  background-color:#f69322
}

.button--dark{
  color:#fff;
  background-color:#000
}

.button--primary:hover,.button--submit:hover{
  color:#fff;
  background-color:#ffad3c
}

.button--destroy,.button--destroy:hover,.button--secondary,input[type=reset]{
  color:#fff;
  background-color:#4e5559
}

.button--primary-outline{
  color:#f69322;
  background-color:initial
}

.button--dark-outline{
  color:#000;
  background-color:#fff;
  border:2px solid #000
}

.button--primary-outline{
  border-color:#f69322
}

.button--blue-outline{
  color:#15a4fa!important
}

.button--blue-outline:before{
  border-color:#15a4fa
}

.button--white-outline{
  color:#fff!important
}

.button--white-outline:before{
  border-color:#fff
}

.button--call-us{
  position:relative;
  display:inline-block;
  background-color:#15a4fa;
  color:#fff
}

.button--call-us:active,.button--call-us:hover{
  background-color:#00adfa;
  color:#fff
}

.button--call-us:focus{
  color:#fff
}

.button--call-us .i{
  position:absolute;
  top:50%;
  transform:translate(-7px,-50%);
  margin-left:-2px
}

.button--call-us__icon-text,.button--call-us__icon-text:hover{
  padding-left:25px;
  color:#fff
}

.button+.button--call-us{
  margin-left:0!important
}

.button--favorite{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  color:#2485af;
  width:20px;
  min-width:20px;
  max-width:20px;
  font-size:1.5rem;
  height:40px;
  padding:0;
  background:transparent
}

.button--favorite .i{
  fill:#8b8b8b;
  stroke:#8b8b8b;
  opacity:1;
  vertical-align:0;
  width:30px;
  height:25px
}

.button--favorite.active .i{
  fill:#d42b3d;
  stroke:#d42b3d;
  opacity:1
}

@-webkit-keyframes a{
  0%{
    transform:scale(1)
  }

  14%{
    transform:scale(1.3)
  }

  28%{
    transform:scale(1)
  }

  42%{
    transform:scale(1.3)
  }

  70%{
    transform:scale(1)
  }
}

@keyframes a{
  0%{
    transform:scale(1)
  }

  14%{
    transform:scale(1.3)
  }

  28%{
    transform:scale(1)
  }

  42%{
    transform:scale(1.3)
  }

  70%{
    transform:scale(1)
  }
}

.button--favorite.waiting .i{
  fill:#d42b3d;
  stroke:#d42b3d;
  opacity:1;
  -webkit-animation-delay:.2s;
  animation-delay:.2s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:a;
  animation-name:a;
  -webkit-animation-duration:1.3s;
  animation-duration:1.3s;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
}

.search-result--top-of-list .button--favorite{
  color:#fff
}

.search-result--top-of-list .search-result__header .button--favorite.active i{
  fill:#f69322;
  stroke:#f69322;
  opacity:1
}

.search-result__header .button--favorite{
  margin-left:20px
}

.job-header__details .button--favorite{
  padding:0
}

.job-header__save-form .button--favorite{
  fill:#f69322;
  stroke:#f69322;
  opacity:1;
  max-height:32px
}

.button--favorite .i{
  margin:0!important
}

.button--favorite span{
  margin:0 0 0 5px
}

.button--remove{
  padding:5px;
  color:#4e5559;
  height:30px
}

.button--remove.active,.button--remove:hover{
  color:#8b8b8b;
  background-color:#eee
}

.button--remove.active:before,.button--remove:hover:before{
  margin-right:10px;
  content:"REMOVE"
}

.button .fa,.button .icon{
  margin-right:4px;
  margin-left:0
}

.button .i{
  margin-right:0;
  margin-left:-2px;
  overflow:hidden
}

.button .i--information{
  margin-right:4px
}

.inline-input__icon{
  float:left;
  display:inline-block;
  width:24px;
  height:24px;
  margin-right:2px
}

.button--disabled,.button--disabled:hover{
  cursor:default;
  background-color:#8b8b8b;
  color:#dadada;
  pointer-events:none
}

.equal--width{
  flex-grow:1;
  flex-basis:0
}

.dropdown-list{
  display:inline-block;
  width:auto;
  background:#000;
  position:relative
}

.dropdown-list,.dropdown-list__menu{
  height:auto;
  text-align:left;
  z-index:4500
}

.dropdown-list__menu{
  position:absolute;
  display:none;
  left:50%;
  top:28px;
  transform:translateX(-50%);
  width:342px;
  margin:0;
  padding:0;
  list-style:none;
  box-shadow:0 0 4px rgba(0,0,0,.1)
}

.dropdown-list.active .dropdown-list__menu{
  display:block
}

.dropdown-list.active .button--dropdown{
  color:#f69322
}

.button--dropdown{
  color:#fff;
  background:transparent;
  box-shadow:none;
  font-size:.75rem;
  padding:inherit;
  height:auto;
  min-width:0;
  letter-spacing:normal
}

.dropdown-list__item{
  display:block;
  width:auto;
  height:auto;
  background-color:#000
}

.dropdown-list__link{
  font-size:1rem;
  font-weight:400;
  display:block;
  width:auto;
  height:auto;
  padding:14px 20px 11px;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;
  border-bottom:1px solid #dadada;
  box-shadow:none
}

.dropdown-list__link:active,.dropdown-list__link:hover{
  border-bottom:1px solid #f69322
}

.dropdown-list__icon{
  margin:10px;
  display:inline-block;
  float:left;
  transform:translateY(2px)
}

.active .dropdown-list__menu{
  display:block
}

.global-footer{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  color:#dadada;
  background-color:#000;
  text-align:left;
  z-index:100
}

.global-footer a,.global-footer p{
  color:#fff;
  font-size:.825rem
}

.global-footer a{
  position:relative;
  width:100%;
  line-height:2.5
}

.global-footer a:hover{
  color:#f69322
}

.global-footer__info-link-list{
  padding-top:20px
}

.global-footer__info-link-list .global-footer__info-link{
  line-height:1.5
}

.global-footer__info-link-list a{
  width:auto
}

.global-footer__info{
  position:relative;
  padding:20px;
  text-align:left
}

.global-footer__pipe{
  margin:0 3px
}

.global-footer__link,.global-footer__link:active,.global-footer__link:focus,.global-footer__link:hover{
  color:#fff
}

.global-footer__info-link{
  display:inline-block;
  padding:0 20px 0 0;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:20px;
  color:#dadada;
  border-right:1px solid #7c7c7c;
  font-size:.75rem;
  white-space:normal;
  text-align:left;
  -webkit-hyphens:none;
  -ms-hyphens:none;
  hyphens:none
}

.global-footer__info-link:active,.global-footer__info-link:hover{
  color:#fff
}

.global-footer__info-link:last-child{
  border-right:none
}

.social-media-icon-container{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:250px
}

.social-media-icon{
  margin-right:20px
}

.google-play-icon,.social-media-icon{
  position:relative
}

.global-footer__no-click{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  color:#fff;
  background-color:#000;
  text-align:left;
  z-index:100;
  font-size:.825rem;
  line-height:2.5
}

.header{
  position:relative;
  display:inline-block;
  background-color:#fff;
  z-index:1000
}

.header,.header__nav{
  width:100%
}

.header__nav{
  position:relative;
  height:70px;
  width:100%;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)
}

.i{
  overflow:hidden;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:.25;
  vertical-align:middle
}

.label{
  font-family:Roboto,sans-serif;
  padding:5px 10px
}

.label--assessment,.label--featured,.label--new{
  position:relative;
  padding:2px 10px;
  font-weight:400;
  line-height:1.325;
  display:inline-block;
  text-transform:uppercase;
  border:2px solid #f69322;
  border-radius:16px;
  font-size:.725rem
}

.label--new{
  color:#f69322
}

.label--assessment{
  color:#0091ff;
  border-color:#0091ff
}

.label--featured{
  color:#d52c3d;
  border-color:#d52c3d
}

a.modal__close{
  font-size:inherit;
  display:inline-block
}

.form-group{
  margin-bottom:15px
}

.cv-center div{
  height:750px
}

.modal,.modal-open{
  overflow:hidden
}

.modal{
  position:fixed;
  z-index:1000;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:none;
  outline:0;
  -webkit-overflow-scrolling:touch
}

.modal-open .modal{
  overflow-x:hidden;
  overflow-y:scroll
}

.modal-dialog{
  position:relative;
  width:auto;
  margin:10px;
  transform:translateZ(0)!important
}

.modal-content{
  position:relative;
  border:1px solid #999;
  border-radius:6px;
  outline:0;
  background-color:#fff;
  background-clip:padding-box;
  box-shadow:0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop{
  position:fixed;
  z-index:400;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#000
}

.modal-backdrop.fade{
  opacity:0;
  filter:alpha(opacity=0)
}

.modal-backdrop.in{
  opacity:.5;
  filter:alpha(opacity=50)
}

.modal-body{
  position:relative;
  padding:15px
}

.modal .horizontalForm__doubleInputGroup{
  width:100%
}

a.modal__close{
  line-height:1;
  position:absolute;
  top:0;
  right:0;
  padding:5px 5px 15px 15px;
  color:#4e5559;
  border-bottom-left-radius:30px;
  background-color:#eee
}

a.modal__close:hover{
  color:#fff;
  background-color:#5e5e5e
}

.form-group{
  position:relative
}

.modal .modal-body{
  padding-top:15px
}

.modal.fade .modal-dialog{
  transition:all .3s ease-out;
  transform:translate3d(0,-25%,0)
}

.learning-request-call-modal-container .learning-request-call-modal{
  display:none
}

.learning-request-call-modal-container>.active,.learning-request-call-modal-container>.auto-active{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:inline-flex;
  width:100%;
  height:100%;
  min-height:100vh;
  z-index:3000
}

.learning-request-call-modal-container .icon-close{
  width:25px;
  height:25px
}

.learning-request-call-modal-container .background--black--opacity-035{
  background-color:rgba(0,0,0,.35)
}

.learning-payment-modal-container .learning-payment-modal{
  display:none
}

.learning-payment-modal-container>.active,.learning-payment-modal-container>.auto-active{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:inline-flex;
  width:100%;
  height:100%;
  min-height:100vh;
  z-index:3000
}

.learning-payment-modal-container .icon-close{
  width:25px;
  height:25px
}

.learning-payment-modal-container .background--black--opacity-035{
  background-color:rgba(0,0,0,.35)
}

.plus-modal-container .job-seeker-plus-modal{
  display:none
}

.plus-modal-container>.active,.plus-modal-container>.auto-active{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:inline-flex;
  width:100%;
  height:100%;
  min-height:100vh;
  z-index:3000
}

.plus-modal-container .icon-close{
  width:25px;
  height:25px
}

.plus-modal{
  border-radius:4px
}

.plus-modal-container .background--black--opacity-035{
  background-color:rgba(0,0,0,.35)
}

.endorsement-modal-container .job-seeker-endorsement-modal{
  display:none
}

.endorsement-modal-container>.active,.endorsement-modal-container>.auto-active{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:inline-flex;
  width:100%;
  height:100%;
  min-height:100vh;
  z-index:3000
}

.endorsement-modal-container .icon-close{
  width:25px;
  height:25px
}

.endorsement-modal-container .background--black--opacity-035{
  background-color:rgba(0,0,0,.35)
}

.assessment-modal-container .job-seeker-assessment-modal{
  display:none
}

.assessment-modal-container>.auto-active,.endorsement-modal-container>.active{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:inline-flex;
  width:100%;
  height:100%;
  min-height:100vh;
  z-index:3000
}

.assessment-modal-container .icon-close{
  width:25px;
  height:25px
}

.assessment-modal-container .background--black--opacity-035{
  background-color:rgba(0,0,0,.35)
}

.modal_wrapper{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  max-width:480px;
  min-height:160px;
  background-color:#fff;
  padding:15px 60px 35px;
  transform:translate(-50%,-50%);
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}

.modal_wrapper .overflow_wrapper{
  position:relative;
  display:inline-block;
  width:100%;
  overflow:hidden;
  margin-top:5px;
  margin-bottom:5px
}

.modal_wrapper .modal__heading{
  line-height:32px;
  text-align:center;
  margin-bottom:25px
}

.modal_wrapper label{
  text-align:left;
  line-height:20px;
  margin:10px 0 2px;
  padding:0;
  color:#686868
}

.modal_wrapper input[type=text]{
  border:none;
  box-shadow:none
}

.modal_wrapper .input--bm{
  width:100%;
  overflow:hidden
}

.modal_wrapper .input_field--bm{
  margin-top:20px;
  padding:0 2px;
  height:50px;
  width:100%;
  background:transparent;
  color:#595f6e
}

.modal_wrapper .input_label--bm{
  position:absolute;
  bottom:0;
  left:0;
  padding:0;
  width:100%;
  height:calc(100% - 1em);
  text-align:left;
  pointer-events:none
}

.modal_wrapper .input_label-content--bm{
  position:absolute;
  text-transform:uppercase;
  font-size:.75rem;
  color:#15a4fa;
  left:.25em
}

.modal_wrapper .input_label--bm:after,.modal_wrapper .input_label--bm:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:calc(100% - 10px);
  border-bottom:1px solid #b9c1ca
}

.modal_wrapper .input_label--bm:after{
  margin-top:2px;
  border-bottom:4px solid;
  transform:translate3d(-100%,0,0);
  transition:transform .3s
}

.input_field--bm:focus+.input_label--bm:after{
  transform:translateZ(0)
}

.input_field--bm:focus+.input_label--bm .input_label-content--bm{
  top:0;
  -webkit-animation:b .3s forwards;
  animation:b .3s forwards
}

@-webkit-keyframes b{
  50%{
    opacity:0;
    transform:translate3d(1em,0,0)
  }

  51%{
    opacity:0;
    transform:translate3d(-1em,-40%,0)
  }

  to{
    opacity:1;
    transform:translate3d(0,-40%,0)
  }
}

@keyframes b{
  50%{
    opacity:0;
    transform:translate3d(1em,0,0)
  }

  51%{
    opacity:0;
    transform:translate3d(-1em,-40%,0)
  }

  to{
    opacity:1;
    transform:translate3d(0,-40%,0)
  }
}

.modal_wrapper .cancel{
  background-color:#fff;
  color:#15a4fa;
  font-size:.75rem;
  font-weight:400;
  text-transform:uppercase;
  margin-right:15px;
  margin-left:15px
}

.modal_wrapper .solid_bg-btn--icon{
  min-width:160px;
  display:inline-block
}

.overlay{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:none;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  z-index:2000
}

.overlay--active,body.overlay--active{
  display:block
}

.overlay--active .hide-if-overlay--active{
  display:none!important
}

.search-bar{
  position:relative;
  display:inline-block;
  width:100%;
  line-height:1.4;
  background:linear-gradient(0deg,#1a4d98,#4168c6);
  text-align:center;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06);
  z-index:200
}

.manage-job__search-bar .search-bar{
  z-index:1
}

.search-bar--fixed{
  position:fixed;
  top:0;
  z-index:4500;
  width:100%;
  left:0;
  right:0;
  will-change:position
}

@-webkit-keyframes c{
  0%{
    opacity:0;
    transform:translate3d(0,-100%,0)
  }

  to{
    opacity:1;
    transform:none
  }
}

@keyframes c{
  0%{
    opacity:0;
    transform:translate3d(0,-100%,0)
  }

  to{
    opacity:1;
    transform:none
  }
}

@-webkit-keyframes d{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    display:none
  }
}

@keyframes d{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    display:none
  }
}

.search-bar--fade-in{
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name:c;
  animation-name:c
}

.search-bar--fade-out{
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-name:d;
  animation-name:d
}

.search-bar h1{
  display:none;
  margin-bottom:60px
}

.search-bar h3{
  display:none
}

.search-bar h5{
  position:relative;
  display:inline-block;
  font-size:1.25rem;
  font-weight:400;
  margin:8px 0 15px 0;
  text-align:left;
  text-transform:uppercase;
  color:#fff
}

.search-submit{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  font-weight:500;
  min-width:0;
  cursor:pointer
}

#searchSubmit{
  display:block;
  width:100%;
  margin:0 auto;
  color:#fff;
  border:none;
  background:#f69322
}

#searchSubmit:active,#searchSubmit:hover{
  color:#fff
}

.input-group-btn{
  display:none
}

.pagination{
  display:inline-block;
  margin:20px auto;
  padding-left:0;
  border-radius:3px;
  width:100%;
  text-align:center
}

.pagination>li{
  display:inline-block;
  margin-bottom:10px
}

.pagination>li>a,.pagination>li>button,.pagination>li>span{
  color:inherit;
  line-height:1.5;
  display:inline-block;
  margin-left:5px;
  padding:4px 12px;
  text-align:center;
  text-decoration:none;
  border:1px solid #dadada;
  border-radius:3px;
  background-color:#fff;
  font-weight:500
}

.pagination>li:first-child>a,.pagination>li:first-child>button,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>button,.pagination>li:last-child>span{
  margin-left:0;
  background:none;
  border:none;
  text-transform:uppercase;
  color:#f69322
}

.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
  z-index:2;
  cursor:default;
  color:#fff;
  border-color:#f69322;
  background-color:#f69322
}

.pagination>li:last-child>a,.pagination>li:last-child>button{
  border-top-right-radius:3px;
  border-bottom-right-radius:3px
}

.pagination>li.disabled>a:focus,.pagination>li.disabled>a:hover,.pagination>li.disabled>span,.pagination>li.disabled>span:focus,.pagination>li.disabled>span:hover{
  cursor:default;
  color:#4e5559;
  border-color:#dadada;
  background-color:#fff;
  opacity:.5
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
  color:#f69322
}

.validation__global-message{
  margin:10px auto;
  padding:10px;
  text-align:center;
  color:#fff
}

.validation__global-message--info{
  background:#ccc
}

.validation__global-message--warning{
  background:#ee4557
}

.validation__global-message--success{
  background:#2485af
}

.g-recaptcha textarea{
  min-height:auto
}

.notifications-landing .i--icon-lock{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:80px;
  height:80px;
  transform:perspective(800px)
}

.notifications-landing .i--icon-lock path{
  position:absolute;
  top:50%;
  left:50%;
  display:inline-flex;
  flex-direction:column;
  width:80px;
  height:80px;
  transform:scale(3.25)
}

.notifications{
  display:flex;
  flex-direction:column;
  margin-left:auto;
  margin-right:auto;
  will-change:height
}

.notification-panel,.notifications{
  position:relative;
  width:100%;
  height:auto
}

.notification-panel{
  display:inline-block;
  float:left;
  background-color:#4e5559;
  margin-bottom:2px
}

.notification-panel__message{
  position:relative;
  display:block;
  color:#fff;
  font-size:1rem;
  padding-top:12px;
  padding-bottom:13px;
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}

.notification-panel__colour-block{
  position:relative;
  border-radius:2px;
  margin-left:15px;
  margin-right:15px;
  display:inline-block;
  float:left;
  line-height:22px;
  height:22px;
  width:22px
}

.notification-panel__colour-block--information{
  background-color:#4fa0ca
}

.notification-panel__colour-block--warning{
  background-color:#f69322
}

.notification-panel__colour-block--error{
  background-color:#d42b3d
}

.notification-panel__colour-block--success{
  background-color:#4fa0ca
}

.notification__close{
  position:relative;
  display:inline-block;
  line-height:22px;
  text-align:center;
  color:#fff;
  float:right
}

.notification__close:hover{
  color:#fff
}

.notifications{
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-delay:12s;
  animation-delay:12s;
  -webkit-animation-name:e;
  animation-name:e;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards
}

@-webkit-keyframes e{
  0%{
    visibility:visible;
    z-index:1;
    height:46px
  }

  90%{
    z-index:-1
  }

  to{
    height:0;
    visibility:hidden
  }
}

@keyframes e{
  0%{
    visibility:visible;
    z-index:1;
    height:46px
  }

  90%{
    z-index:-1
  }

  to{
    height:0;
    visibility:hidden
  }
}

.notification-panel{
  overflow:hidden;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-delay:10s;
  animation-delay:10s;
  -webkit-animation-name:f;
  animation-name:f;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards
}

@-webkit-keyframes f{
  0%{
    opacity:1;
    visibility:visible
  }

  90%{
    opacity:0
  }

  to{
    opacity:0;
    visibility:hidden;
    display:none
  }
}

@keyframes f{
  0%{
    opacity:1;
    visibility:visible
  }

  90%{
    opacity:0
  }

  to{
    opacity:0;
    visibility:hidden;
    display:none
  }
}

.domain-specific-notification{
  position:relative!important;
  display:inline-block!important;
  width:100%!important;
  float:left!important;
  padding:10px 0
}

.domain-specific-notification p{
  font-weight:300;
  margin:0!important;
  font-size:.95rem;
  letter-spacing:1px
}

.domain-specific-notification .notification--button{
  border-bottom:2px solid #fff;
  padding-bottom:2px;
  color:#fff
}

.notifications__save-job{
  padding:0
}

.notifications__save-job .notifications{
  margin:0;
  display:flex
}

.notifications__save-job .notification-panel{
  background-color:#f69322;
  margin:0;
  padding:0
}

.notifications__save-job .notification-panel__message{
  padding:0 20px;
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-direction:row;
  line-height:50px
}

.notifications__save-job a{
  color:#fff;
  display:inline-flex;
  margin-left:auto
}

.stickies-landing .i--icon-lock{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:80px;
  height:80px;
  transform:perspective(800px)
}

.stickies-landing .i--icon-lock path{
  position:absolute;
  top:50%;
  left:50%;
  display:inline-flex;
  flex-direction:column;
  width:80px;
  height:80px;
  transform:scale(3.25)
}

.stickies{
  display:flex;
  flex-direction:column;
  margin-left:auto;
  margin-right:auto;
  will-change:height
}

.stickies,.sticky-panel{
  position:relative;
  width:100%;
  height:auto
}

.sticky-panel{
  display:inline-block;
  float:left;
  background-color:#4e5559;
  margin-bottom:2px
}

.sticky-panel:last-of-type{
  margin-bottom:0
}

.sticky-panel__message{
  position:relative;
  display:block;
  color:#fff;
  font-size:1rem;
  padding:12px;
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}

.sticky-panel__colour-block{
  position:relative;
  border-radius:2px;
  margin-left:15px;
  margin-right:15px;
  display:inline-block;
  float:left;
  line-height:22px;
  height:22px;
  width:22px
}

.sticky-panel__colour-block--information{
  background-color:#4fa0ca
}

.sticky-panel__colour-block--warning{
  background-color:#f69322
}

.sticky-panel__colour-block--error{
  background-color:#d42b3d
}

.sticky-panel__colour-block--success{
  background-color:#4fa0ca
}

.sticky-panel__cta{
  color:#f69322;
  font-weight:500
}

.sticky-panel__cta:hover{
  color:#ffad3c
}

.domain-specific-sticky{
  position:relative!important;
  display:inline-block!important;
  width:100%!important;
  float:left!important;
  padding:10px 0
}

.domain-specific-sticky p{
  font-weight:300;
  margin:0!important;
  font-size:.95rem;
  letter-spacing:1px
}

.domain-specific-sticky .sticky--button{
  border-bottom:2px solid #fff;
  padding-bottom:2px;
  color:#fff
}

.bm-modal{
  display:inline-block;
  position:absolute;
  z-index:2000;
  top:200px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  min-height:100px;
  max-width:960px;
  margin:0
}

.bm-modal .content{
  flex:1 1 100%;
  width:100%
}

.bm-modal-overlay{
  display:inline-block;
  position:fixed;
  z-index:1000;
  background-color:rgba(0,0,0,.4);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  margin:0
}

.modal-close{
  cursor:pointer
}

.hidden{
  display:none
}

.menu-avatar{
  display:inline-block;
  float:left;
  overflow:hidden;
  width:20px;
  height:20px;
  margin:-1px 14px 0 0;
  vertical-align:middle;
  border-radius:50%;
  background-color:#f69322;
  background-size:cover;
  background-repeat:no-repeat
}

.header-logo{
  width:180px
}

.header-logo,.mj-myanmar .header-logo{
  position:relative;
  display:inline-flex;
  height:70px;
  margin:0;
  background-position:0;
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:contain
}

.mj-myanmar .header-logo{
  width:130px;
  background-image:url(/build/static-assets/img/mm/landscape-385c7d7167.svg)
}

.bm-kenya .header-logo{
  background-image:url(/build/static-assets/img/ke/landscape-8310d4b879.svg)
}

.bm-tanzania .header-logo{
  background-image:url(/build/static-assets/img/tz/landscape-a94abea654.svg)
}

.bm-uganda .header-logo{
  background-image:url(/build/static-assets/img/ug/landscape-32d1bf7315.svg)
}

.jm-nigeria .header-logo{
  background-image:url(/build/static-assets/img/ng/landscape-86f8ce6fb7.svg)
}

.jm-ghana .header-logo{
  background-image:url(/build/static-assets/img/gh/landscape-20c31ac52f.svg)
}

.marketing-logo{
  width:180px;
  height:42px;
  margin:15px 0 0 0
}

.marketing-logo,.marketing-logo-white{
  position:relative;
  display:inline-flex;
  background-position:50%;
  background-color:initial;
  background-repeat:no-repeat;
  background-size:contain
}

.marketing-logo-white{
  margin:15px 0 0 20px
}

.bm-kenya .marketing-logo-white,.bm-tanzania .marketing-logo-white,.bm-uganda .marketing-logo-white{
  width:160px;
  height:32px;
  background-image:url(/build/static-assets/img/brightermonday-logo-white-b7fdb2cd21.png)
}

.jm-ghana .marketing-logo-white,.jm-nigeria .marketing-logo-white{
  width:95px;
  height:23px;
  background-image:url(/build/static-assets/img/jobberman-logo-white-125dee5e16.png)
}

.mj-myanmar .marketing-logo-white{
  width:160px;
  height:32px;
  background-image:url(/build/static-assets/img/myjobs-logo-white-9af0105b27.png);
  margin-top:20px!important;
  margin-left:-10px!important
}

.bm-kenya .marketing-logo,.bm-tanzania .marketing-logo,.bm-uganda .marketing-logo{
  background-image:url(/build/static-assets/img/bm-no-country-3b651916ac.png)
}

.jm-ghana .marketing-logo,.jm-nigeria .marketing-logo{
  background-image:url(/build/static-assets/img/ng/portrait-6e00c8575d.png);
  margin:15px 0 0 20px;
  width:154px
}

.menu{
  justify-content:flex-end;
  width:100%;
  height:70px
}

.menu,.menu__divider{
  display:inline-flex;
  position:relative;
  align-items:center
}

.menu__divider{
  text-align:center;
  width:24px;
  height:24px
}

.menu__divider:before{
  content:"";
  width:1px;
  height:20px;
  background-color:#eee;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  position:absolute
}

.menu__divider:before,.menu__item{
  display:inline-flex;
  align-items:center
}

.menu__item{
  position:relative;
  flex-wrap:nowrap;
  line-height:1;
  margin:0;
  font-weight:500;
  text-align:center;
  text-transform:uppercase
}

.menu__item,.menu__item--current,.menu__item:active,.menu__item:focus,.menu__item:hover{
  color:#4e5559
}

.menu__item-icon-popup{
  margin:0;
  width:26px;
  height:26px;
  min-width:26px;
  min-height:26px;
  padding:4px
}

.menu__item-icon-popup,.mobile-menu__item-icon-popup{
  position:relative;
  z-index:100;
  display:inline-flex;
  align-items:center;
  text-align:center;
  border-radius:50%;
  background-color:#f69322;
  cursor:pointer
}

.mobile-menu__item-icon-popup{
  width:28px;
  height:28px;
  padding:5px;
  margin:5px
}

.notification-badge{
  height:12px;
  width:12px;
  position:absolute;
  border-radius:50%;
  background:#4168c6;
  border:2px solid #fff;
  top:-3px;
  right:-2px
}

.menu__item-icon-popup .icon--small{
  padding:2px
}

.menu__item-icon-popup .menu-avatar{
  min-width:30px;
  min-height:30px
}

.menu__item__label{
  color:#fff;
  display:none;
  align-items:center;
  flex-direction:column;
  position:absolute;
  top:200%;
  left:50%;
  transform:translate(-50%,-50%);
  flex-wrap:nowrap;
  line-height:1.5;
  margin:0;
  font-size:.875rem;
  letter-spacing:.5px;
  text-align:center;
  background-color:rgba(0,0,0,.5);
  padding:10px;
  min-width:130px;
  border-radius:3px
}

.menu__item-icon-popup:hover .menu__item__label{
  display:inline-flex
}

.menu__item-icon-popup:hover .menu__item__label--profile{
  transform:translate(-110px,-20px)
}

.menu__item--job-seeker{
  justify-content:flex-end;
  margin-right:10px
}

.menu__item--job-seeker:last-of-type{
  margin-right:0
}

.menu__item-icon{
  margin-left:10px;
  margin-right:10px;
  transform:translateY(-2px)
}

.menu__item-text:before{
  left:0;
  width:100%;
  transform:translateY(32px)
}

.menu__item--job-seeker .menu__item-text:before,.menu__item-text:before{
  content:"";
  position:absolute;
  bottom:0;
  border-bottom:6px solid transparent
}

.menu__item--job-seeker .menu__item-text:before{
  left:11px;
  width:calc(100% - 11px);
  transform:translateY(31px)
}

.menu__item--current .menu__item-text:before,.menu__item:active .menu__item-text:before,.menu__item:focus .menu__item-text:before,.menu__item:hover .menu__item-text:before{
  content:"";
  border-bottom-color:#f69322
}

.avatar-dropdown-menu{
  display:none
}

.avatar-dropdown-menu.active{
  position:absolute;
  display:inline-flex;
  flex-direction:column;
  width:300px;
  background-color:#fff;
  top:0;
  left:0;
  transform:translate(-294px,25px);
  box-shadow:5px 18px 17px hsla(0,0%,46.7%,.5)!important;
  z-index:1
}

.avatar-dropdown-menu .menu__item-icon-popup{
  width:32px;
  height:32px
}

.manage-jobs__item-divider,.manage-products__item-divider{
  position:relative;
  display:inline-flex;
  text-align:center;
  align-items:center;
  width:24px;
  height:24px
}

.manage-jobs__item-divider:before,.manage-products__item-divider:before{
  content:"";
  width:1px;
  height:20px;
  background-color:#eee;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  position:absolute;
  display:inline-flex;
  align-items:center
}

.manage-jobs-button,.manage-products-button{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iNyAxMCAxMCA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii43NCIgZD0iTTcgMTBsNSA1IDUtNXoiLz48L3N2Zz4=);
  background-position:calc(100% - 10px) 18px;
  background-repeat:no-repeat;
  padding:0 35px 0 12px;
  text-transform:uppercase;
  font-size:.875rem!important;
  height:40px;
  line-height:1.5!important;
  vertical-align:middle;
  background-color:#fff;
  cursor:pointer
}

.manage-jobs-dropdown-menu,.manage-products-dropdown-menu{
  display:none
}

.manage-products-dropdown-menu.active{
  transform:translate(-237px,25px)
}

.manage-jobs-dropdown-menu.active,.manage-products-dropdown-menu.active{
  position:absolute;
  display:inline-flex;
  flex-direction:column;
  width:210px;
  background-color:#fff;
  top:0;
  left:0;
  box-shadow:5px 18px 17px hsla(0,0%,46.7%,.5)!important;
  z-index:1
}

.manage-jobs-dropdown-menu.active{
  transform:translate(-171px,25px)
}

.manage-jobs-dropdown-menu .mobile-menu__list,.manage-products-dropdown-menu .mobile-menu__list{
  border-top:none
}

.mobile-menu__content{
  position:fixed;
  display:inline-block;
  z-index:2010;
  top:0;
  left:0;
  bottom:0;
  width:0;
  transform:translateX(-360px);
  transition:all .3s ease;
  min-height:100vh;
  height:100%;
  overflow-y:auto
}

.main-content{
  position:relative;
  display:inline-block;
  float:left;
  overflow:hidden;
  width:100%;
  height:100%;
  margin:0
}

.mobile-menu__content.active{
  transform:translateX(0);
  width:360px
}

.mobile-menu{
  position:relative;
  display:inline-block;
  width:100%;
  height:100%;
  min-height:100vh;
  background-color:#fff
}

.mobile-menu__button{
  display:inline-block;
  font-size:1rem;
  font-weight:500;
  background:#fff;
  padding:0;
  min-width:25px;
  height:25px;
  z-index:1500
}

body.overlay--active{
  height:100%;
  overflow:hidden
}

.mobile-menu__icon-close,.mobile-menu__icon-menu{
  max-width:25px!important;
  width:25px;
  height:25px;
  transform:translateY(-1px);
  stroke:none
}

.mobile-menu__icon-menu-red{
  color:#d52c3d
}

.mobile-menu__panel{
  position:relative;
  display:inline-flex;
  align-items:center;
  flex-direction:column;
  z-index:2000;
  width:100%;
  height:100%
}

.mobile-menu__list{
  position:relative;
  display:inline-block;
  width:100%;
  margin:0;
  padding:10px 0;
  list-style:none;
  background-color:#fff;
  border-top:1px solid #eee
}

.mobile-menu__list__search{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:100%;
  flex-wrap:nowrap
}

.mobile-menu__list__search-input{
  border-right:none!important;
  border-radius:0!important
}

.mobile-menu__list__search-submit{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.mobile-menu__item{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin:0;
  padding:0 20px;
  font-size:.875rem
}

.mobile-menu__fa{
  background:#fafafa
}

.employer-nav-active,.employer-nav-state>a:hover{
  color:#f69322!important
}

.mobile-menu__sub-link{
  text-transform:capitalize!important
}

.mobile-menu__link{
  color:#4e5559;
  text-transform:uppercase;
  padding:10px;
  width:100%;
  position:relative;
  display:inline-flex;
  align-items:center;
  font-size:.875rem;
  cursor:pointer
}

.mobile-menu__link-red{
  color:#d52c3d
}

.mobile-menu--new{
  border-radius:3px;
  color:#d42b3d;
  border-color:#d42b3d;
  padding:0 5px
}

.menu__item .i,.mobile-menu__link .i{
  stroke:none;
  stroke-width:0
}

.mobile-menu__divider{
  height:1px;
  position:relative;
  display:inline-block;
  width:100%;
  background-color:#eee;
  margin-top:10px;
  margin-bottom:10px
}

.employer-nav__credit{
  position:relative
}

.employer-nav__credit-amount{
  display:inline-block;
  font-weight:400;
  margin-right:10px;
  padding:1px 10px 0;
  text-align:center;
  color:#fff;
  line-height:24px;
  border-radius:20px;
  background:#f69322
}

.mobile-menu__link .i--add-box{
  transform:translateY(-2px)
}

.marketing-card{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:100%;
  margin-bottom:20px;
  padding:0;
  border-radius:3px!important;
  overflow:hidden;
  background-color:#fff;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)
}

.opera-mini-mode .marketing-card{
  display:inline-block!important
}

.marketing-card__image{
  position:relative;
  display:inline-flex;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50%
}

.marketing-image-1{
  background-image:url(/build/static-assets/img/job-listing-desktop-out-4731cd99f1.jpg)
}

.mj-myanmar .marketing-image-1{
  background-image:url(/build/static-assets/img/myjobs-theme/job-listing-desktop-out-e57d0ec82d.jpg)
}

.marketing-image-2{
  background-image:url(/build/static-assets/img/job-listing-desktop-in-53f1b3b7f7.jpg)
}

.marketing-image-3{
  background-image:url(/build/static-assets/img/dashboard-desktop-370954ddd4.jpg)
}

.marketing-image-4{
  background-image:url(/build/static-assets/img/job-details-desktop-bfe3e2209e.jpg)
}

.marketing-image-6{
  background-image:url(/build/static-assets/img/personality-search-result-8c796ae255.jpg)
}

.marketing-image-7{
  background-image:url(/build/static-assets/img/personality-dashboard-83c4d2bced.jpg);
  height:360px
}

.marketing-image-8{
  background-image:url(/build/static-assets/img/discover-personality-dashboard-8f77fb2298.jpg);
  height:360px
}

.bm-kenya .marketing-image-gradient,.bm-tanzania .marketing-image-gradient,.bm-uganda .marketing-image-gradient{
  background:#ffc27c;
  background:linear-gradient(45deg,#ffc27c,#ee5263 50%,#d42b3d)
}

.jm-ghana .marketing-image-gradient,.jm-nigeria .marketing-image-gradient,.mj-myanmar .marketing-image-gradient{
  background:#f78944;
  background:linear-gradient(45deg,#f78944,#ee5263 50%,#1a3e8d)
}

.marketing-image-9{
  background-position:90% 10px;
  background-size:20%
}

.marketing-image-9,.marketing-image-10{
  background-image:url(/build/static-assets/img/gamification-f30d06b476.svg);
  background-repeat:no-repeat
}

.marketing-image-10{
  background-position:90% 70px;
  background-size:36%
}

.marketing-image-11{
  background-image:url(/build/static-assets/img/insights-banner-1-729e073957.jpg)
}

.marketing-image-12{
  background-image:url(/build/static-assets/img/insights-banner-2-8c7261112a.jpg);
  height:300px
}

.marketing-image-13{
  background-image:url(/build/static-assets/img/insights-banner-4-c42f13f432.jpg)
}

.marketing-image-14{
  background-image:url(/build/static-assets/img/insights-banner-3-d47c1beaaf.jpg);
  height:300px
}

.jm-nigeria .marketing-image-15{
  background-image:url(/build/static-assets/img/jmng-syno-c9f27689df.jpg);
  height:360px
}

.jm-ghana .marketing-image-15{
  background-image:url(/build/static-assets/img/jmgh-syno-5a2f0c4799.jpg);
  height:360px
}

.bm-kenya .marketing-image-15,.bm-uganda .marketing-image-15{
  background-image:url(/build/static-assets/img/bm-syno-b9f9aa76d8.jpg);
  height:360px
}

.information-modal,.whats-new-modal{
  display:none
}

.whats-new-modal.active,.whats-new-modal.auto-active{
  z-index:10000;
  position:fixed;
  display:flex;
  flex-direction:column
}

.information-modal.active{
  z-index:10000;
  position:fixed;
  display:flex
}

.information-modal-overlay,.whats-new-modal-overlay{
  text-align:center;
  position:fixed;
  background:rgba(0,0,0,.45);
  width:auto;
  height:auto;
  left:0;
  top:0;
  bottom:0;
  right:0;
  padding-top:70px;
  overflow-y:auto
}

.whats-new-modal-overlay__inner{
  position:relative;
  max-width:720px;
  margin-top:10px
}

.information-modal-overlay__inner,.whats-new-modal-overlay__inner{
  display:inline-flex;
  flex-direction:column;
  background-color:#fff;
  border-radius:3px;
  font-weight:300!important;
  color:#4e5559!important
}

.information-modal-overlay__inner{
  max-width:600px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.information-modal-overlay__inner .body{
  padding-bottom:40px;
  padding-left:30px;
  padding-right:30px;
  text-align:left
}

.whats-new-modal-overlay__footer{
  position:relative;
  padding-left:30px;
  padding-right:30px
}

.information-modal__footer,.whats-new-modal-overlay__footer{
  width:100%;
  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  min-height:70px
}

.whats-new-modal-close{
  color:#f69322;
  position:absolute;
  top:25px;
  right:25px;
  font-weight:500
}

.information-modal .cancel{
  color:#f69322;
  font-weight:500;
  content:"\D7"
}

.whats-new-modal-x:after{
  color:#8b8b8b;
  position:absolute;
  top:10px;
  right:20px;
  font-weight:500;
  content:"\D7"
}

.whats-new-modal-overlay img{
  position:relative;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:3px
}

.whats-new-modal__li-text{
  text-align:left
}

.whats-new-modal__ul{
  list-style:initial;
  margin:0;
  padding:revert
}

.assessment-heading-1{
  text-transform:capitalize
}

.new-assessment-heading{
  color:#f69322;
  text-transform:uppercase
}

ul.assessment--i{
  list-style:none;
  padding:0
}

ul.assessment--i li{
  margin:1.25rem
}

ul.assessment--i li img{
  max-width:150px
}

ol.assessment--i{
  list-style:none;
  counter-reset:a;
  padding:0
}

ol.assessment--i li{
  counter-increment:a;
  margin:1.25rem
}

ol.assessment--i li:before{
  content:counter(a);
  background:#4e5559;
  width:2rem;
  height:2rem;
  border-radius:50%;
  display:inline-block;
  line-height:2rem;
  color:#fff;
  text-align:center;
  margin-right:.5rem;
  margin-bottom:.9rem
}

.assessment-banner-background{
  background-color:#4168c6;
  -webkit-filter:opacity(.7);
  filter:opacity(.7)
}

.assessment-banner-background-mobile{
  background-color:#4168c6;
  -webkit-filter:opacity(.75);
  filter:opacity(.75);
  position:absolute;
  bottom:-40px;
  min-width:100%;
  text-align:left;
  padding-left:20px;
  padding-right:20px
}

.assessment-banner-image{
  position:absolute;
  right:150px;
  top:-165px
}

.assessment-banner-image-mobile{
  margin-left:auto;
  margin-right:auto;
  max-width:360px
}

.assessment-banner-margin{
  margin-left:150px
}

.covid-banner{
  flex-direction:column;
  margin-left:auto;
  margin-right:auto;
  will-change:height;
  background:linear-gradient(45deg,#040625,#051259)
}

.covid-banner,.covid-banner-panel{
  position:relative;
  display:flex;
  width:100%;
  height:auto
}

.covid-banner-panel{
  float:left
}

.covid-banner-panel__message{
  padding:12px 12px 8px 25px;
  display:flex;
  flex-direction:row;
  align-items:center
}

.covid-banner-panel__message,.covid-banner-panel__message-mobile{
  position:relative;
  color:#fff;
  font-size:1rem;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}

.covid-banner-panel__message-mobile{
  padding:12px 12px 12px 25px
}

.covid-banner-panel__cta{
  color:#f69322;
  font-weight:500;
  text-transform:uppercase
}

.covid-banner-panel__cta:hover{
  color:#ffad3c
}

.covid-banner-panel__image{
  display:flex;
  min-height:25px;
  max-height:25px;
  max-width:15%;
  margin-right:15px
}

.covid-banner-panel__image-mobile{
  display:flex;
  max-width:80%;
  margin:0
}

.covid-banner-panel__best{
  font-weight:700;
  line-height:normal;
  font-size:1.75rem;
  color:#b92038
}

.margin{
  margin:20px
}

.margin--0{
  margin:0!important
}

.margin--medium{
  margin:10px
}

.margin--medium-top{
  margin-top:10px
}

.margin--medium-bottom{
  margin-bottom:10px
}

.margin--medium-left{
  margin-left:10px
}

.margin--medium-right{
  margin-right:10px
}

.margin--top{
  margin-top:20px
}

.margin--bottom{
  margin-bottom:20px
}

.margin--left{
  margin-left:20px
}

.margin--right{
  margin-right:20px
}

.margin-top--100{
  margin-top:100px!important
}

.margin-top--80{
  margin-top:80px!important
}

.margin-top--60{
  margin-top:60px!important
}

.margin-top--50{
  margin-top:50px!important
}

.margin-top--40{
  margin-top:40px!important
}

.margin-top--35{
  margin-top:35px!important
}

.margin-top--30{
  margin-top:30px!important
}

.margin-top--25{
  margin-top:25px!important
}

.margin-top--20{
  margin-top:20px!important
}

.margin-top--15{
  margin-top:15px!important
}

.margin-top--10{
  margin-top:10px!important
}

.margin-top--5{
  margin-top:5px!important
}

.margin-top--2{
  margin-top:2px!important
}

.margin-top--0{
  margin-top:0!important
}

.margin-top--minus-7{
  margin-top:-7px
}

.margin-right--0{
  margin-right:0!important
}

.margin-right--8{
  margin-right:8px
}

.margin-right--5{
  margin-right:5px!important
}

.margin-right--10{
  margin-right:10px!important
}

.margin-right--15{
  margin-right:15px!important
}

.margin-right--18{
  margin-right:18px!important
}

.margin-right--20{
  margin-right:20px!important
}

.margin-right--25{
  margin-right:25px!important
}

.margin-right--30{
  margin-right:30px!important
}

.margin-right--40{
  margin-right:40px!important
}

.margin-right--60{
  margin-right:60px!important
}

.margin-right--150{
  margin-right:150px
}

.margin-bottom--80{
  margin-bottom:80px!important
}

.margin-bottom--40{
  margin-bottom:40px!important
}

.margin-bottom--30{
  margin-bottom:30px!important
}

.margin-bottom--25{
  margin-bottom:25px!important
}

.margin-bottom--20{
  margin-bottom:20px!important
}

.margin-bottom--15{
  margin-bottom:15px!important
}

.margin-bottom--12{
  margin-bottom:12px
}

.margin-bottom--10{
  margin-bottom:10px!important
}

.margin-bottom--5{
  margin-bottom:5px!important
}

.margin-bottom--2{
  margin-bottom:2px!important
}

.margin-bottom--0{
  margin-bottom:0!important
}

.margin-bottom---20{
  margin-bottom:-20px!important
}

.margin-left--0{
  margin-left:0!important
}

.margin-left--1{
  margin-left:1px
}

.margin-left--5{
  margin-left:5px
}

.margin-left--7{
  margin-left:7px!important
}

.margin-left--10{
  margin-left:10px!important
}

.margin-left--15{
  margin-left:15px
}

.margin-left--20{
  margin-left:20px!important
}

.margin-left--30{
  margin-left:25px!important
}

.margin-left--40{
  margin-left:40px!important
}

.margin-left--50{
  margin-left:50px!important
}

.margin-left--86{
  margin-left:86px!important
}

.margin-left--90{
  margin-left:90px!important
}

.margin-left--100{
  margin-left:100px!important
}

.margin-left--250{
  margin-left:250px!important
}

.margin-left-right--5{
  margin-left:5px!important;
  margin-right:5px!important
}

.margin-left-right--10{
  margin-left:10px!important;
  margin-right:10px!important
}

.margin-left-right--15{
  margin-left:15px;
  margin-right:15px
}

.margin-left-right--20{
  margin-left:20px!important;
  margin-right:20px!important
}

.margin-left-right--25{
  margin-left:25px;
  margin-right:25px
}

.margin-left-right--30{
  margin-left:30px!important;
  margin-right:30px!important
}

.margin-top-bottom--50{
  margin-top:50px!important;
  margin-bottom:50px!important
}

.margin-top-bottom--40{
  margin-top:40px;
  margin-bottom:40px
}

.margin-top-bottom--30{
  margin-top:30px!important;
  margin-bottom:30px!important
}

.margin-top-bottom--20{
  margin-top:20px!important;
  margin-bottom:20px!important
}

.margin-top-bottom--15{
  margin-top:15px;
  margin-bottom:15px
}

.margin-top-bottom--10{
  margin-top:10px!important;
  margin-bottom:10px!important
}

.margin-top-bottom--5{
  margin-top:5px;
  margin-bottom:5px
}

.margin-top-bottom--0{
  margin-top:0!important;
  margin-bottom:0!important
}

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

.margin--1px{
  margin:1px!important
}

.margin--auto{
  margin:auto
}

.margin-auto{
  margin-left:auto;
  margin-right:auto
}

.margin-top-auto{
  margin-top:auto
}

.margin-bottom-auto{
  margin-bottom:auto
}

.padded{
  padding:20px
}

.padded--medium{
  padding:10px
}

.padded--medium-strip{
  padding-top:10px;
  padding-bottom:10px
}

.padded--medium-top{
  padding-top:10px
}

.padded--medium-bottom{
  padding-bottom:10px
}

.padded--medium-left{
  padding-left:10px
}

.padded--medium-right{
  padding-right:10px
}

.padded--top{
  padding-top:20px
}

.padded--bottom{
  padding-bottom:20px
}

.padded--left{
  padding-left:20px
}

.padded--edge,.padded--right{
  padding-right:20px
}

.padded--edge{
  padding-left:20px
}

.padded--medium-edge{
  padding-right:10px;
  padding-left:10px
}

.padding-all-5{
  padding:5px
}

.padding-all-10{
  padding:10px
}

.padding-all-15{
  padding:15px
}

.padding-all-20{
  padding:20px
}

.padding-all-25{
  padding:25px
}

.padding-all-30{
  padding:30px
}

.padding-all-35{
  padding:35px
}

.padding-all-40{
  padding:40px!important
}

.padding-all-50{
  padding:50px
}

.padding-all-30-20{
  padding:30px 20px
}

.padding--20-30{
  padding:20px 30px
}

.padding--20-30-30{
  padding:20px 30px 30px
}

.padding--20-40{
  padding:20px 40px
}

.padding--30-40{
  padding:30px 40px
}

.padding--30-50{
  padding:30px 50px
}

.padding-all-5-20{
  padding:5px 20px
}

.padding-all-5-30{
  padding:5px 30px
}

.padding-all-10-25{
  padding:10px 25px
}

.padding-all-10-20{
  padding:10px 20px
}

.padding-all-15-25{
  padding:15px 25px
}

.padding-all-20-0{
  padding:20px 0
}

.padding-all-25-0{
  padding:25px 0
}

.padding-all-25-50{
  padding:25px 50px
}

.padding-all-0-10{
  padding:0 10px
}

.padding-all-12{
  padding:12px
}

.padding-all-0-15,.padding-all-0-25{
  padding:0 25px
}

.padding-all-30-20-50{
  padding:30px 20px 50px
}

.padding-lr-5{
  padding:0 5px
}

.padding-lr-10{
  padding:0 10px!important
}

.padding-lr-15{
  padding:0 15px
}

.padding-lr-20{
  padding-left:20px!important;
  padding-right:20px!important
}

.padding-lr-25{
  padding-left:25px;
  padding-right:25px
}

.padding-lr-30{
  padding-left:30px!important;
  padding-right:30px!important
}

.padding-lr-35{
  padding-left:35px!important;
  padding-right:35px!important
}

.padding-lr-40{
  padding-left:40px;
  padding-right:40px
}

.padding-lr-50{
  padding-left:50px;
  padding-right:50px
}

.padding-lr-0{
  padding-left:0!important;
  padding-right:0!important
}

.padding-l-10{
  padding-left:10px!important
}

.padding-left--15{
  padding-left:15px
}

.padding-left--20{
  padding-left:20px
}

.padding-left--30{
  padding-left:30px!important
}

.padding-left--40{
  padding-left:40px
}

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

.padding-r-10{
  padding-right:10px!important
}

.padding-r-20{
  padding-right:20px
}

.padding-r-40{
  padding-right:40px
}

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

.padding-tb-5{
  padding-top:5px!important;
  padding-bottom:5px!important
}

.padding-tb-10{
  padding-top:10px!important;
  padding-bottom:10px!important
}

.padding-top-bottom--12{
  padding-bottom:12px;
  padding-top:12px
}

.padding-tb-15{
  padding-top:15px!important;
  padding-bottom:15px!important
}

.padding-top-bottom--20{
  padding-top:20px!important;
  padding-bottom:20px!important
}

.padding-tb-25{
  padding-top:25px!important;
  padding-bottom:25px!important
}

.padding-top-bottom--30-20{
  padding-top:30px;
  padding-bottom:20px
}

.padding-top-bottom--30{
  padding-top:30px!important;
  padding-bottom:30px!important
}

.padding-top-bottom--40{
  padding-top:40px!important;
  padding-bottom:40px!important
}

.padding-top-bottom--45{
  padding-top:45px;
  padding-bottom:45px
}

.padding-top-bottom--50{
  padding-top:50px!important;
  padding-bottom:50px!important
}

.padding-top-bottom--70{
  padding-top:70px;
  padding-bottom:70px
}

.padding-tb-0{
  padding-top:0!important;
  padding-bottom:0!important
}

.padding-top--5{
  padding-top:5px!important
}

.padding-top--10{
  padding-top:10px!important
}

.padding-top--15{
  padding-top:15px!important
}

.padding-top--20{
  padding-top:20px!important
}

.padding-top-25{
  padding-top:25px
}

.padding-top--25{
  padding-top:25px!important
}

.padding-top--30{
  padding-top:30px!important
}

.padding-top--35{
  padding-top:35px!important
}

.padding-top-40{
  padding-top:40px
}

.padding-top--50{
  padding-top:50px
}

.padding-top--100{
  padding-top:100px
}

.padding-top--55{
  padding-top:55px
}

.padding-top--2{
  padding-top:2px
}

.padding-top--3{
  padding-top:3px
}

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

.padding-bottom--5{
  padding-bottom:5px
}

.padding-bottom--10{
  padding-bottom:10px!important
}

.padding-bottom--15{
  padding-bottom:15px
}

.padding-bottom--20{
  padding-bottom:20px!important
}

.padding-bottom--25{
  padding-bottom:25px!important
}

.padding-bottom--30{
  padding-bottom:30px!important
}

.padding-bottom--40{
  padding-bottom:40px!important
}

.padding-bottom-50,.padding-bottom--50{
  padding-bottom:50px!important
}

.padding-bottom-55{
  padding-bottom:55px!important
}

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

.font--roboto{
  font-family:Roboto,sans-serif
}

.font-size-inherit{
  font-size:inherit
}

.font-size-10{
  font-size:.625rem!important
}

.font--micro,.font-size-12{
  font-size:.75rem!important
}

.font--small,.font-size-14{
  font-size:.875rem!important
}

.font-size-15{
  font-size:.9375rem
}

.font-size-base{
  font-size:1rem!important
}

.font-size-18{
  font-size:1.125rem!important
}

.font-size-20{
  font-size:1.25rem!important
}

.font-size-21{
  font-size:1.35rem
}

.font-size-22{
  font-size:1.375rem
}

.font--large,.font-size-24{
  font-size:1.5rem
}

.font-size-25{
  font-size:1.5625rem
}

.font-size-26{
  font-size:1.625rem
}

.font-size-28{
  font-size:1.75rem
}

.font-size-30{
  font-size:1.875rem!important
}

.font-size-32{
  font-size:2rem
}

.font-size-35{
  font-size:2.1875rem!important
}

.font-size-36{
  font-size:2.25rem!important
}

.font-size-40{
  font-size:2.5rem
}

.font-size-42{
  font-size:2.625rem
}

.font-size-44{
  font-size:2.75rem
}

.font-size-48{
  font-size:3rem!important
}

.font-size-50{
  font-size:3.125rem
}

.font-size-70{
  font-size:4.375rem
}

.font--weight-100{
  font-weight:100!important
}

.font--weight-300{
  font-weight:300!important
}

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

.font--weight-500{
  font-weight:500!important
}

.font--weight-700{
  font-weight:700!important
}

.text--left{
  text-align:left
}

.text--right{
  text-align:right
}

.text--center{
  text-align:center
}

.text--center-important{
  text-align:center!important
}

.text--underlined{
  text-decoration:underline
}

.text--bold{
  font-weight:700
}

.text--normal{
  font-weight:400
}

.text--plain{
  text-decoration:none
}

.text--italic{
  font-style:italic
}

.text--bold-italic{
  font-weight:700;
  font-style:italic
}

.text--capitalize{
  text-transform:capitalize
}

.text--lowercase{
  text-transform:lowercase
}

.text--uppercase{
  text-transform:uppercase
}

.first-letter-uppercase:first-letter{
  text-transform:uppercase!important
}

.line--height-1{
  line-height:1
}

.line--height-125{
  line-height:1.25
}

.line--height-135{
  line-height:1.35
}

.line--height-14{
  line-height:1.4!important
}

.line--height-15{
  line-height:1.5!important
}

.line--height-185{
  line-height:1.85
}

.line--height-2{
  line-height:2
}

.line--height-29px{
  line-height:29px!important
}

.letter-spacing-1p{
  letter-spacing:1px
}

.letter-spacing-5p{
  letter-spacing:5px
}

.ellipses{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.float--left{
  float:left
}

.float--right{
  float:right
}

.float--none{
  float:none
}

.float--fix:after,.float--fix:before{
  display:table;
  content:" "
}

.float--clear,.float--fix:after{
  clear:both
}

.clamp-width--large{
  max-width:1280px
}

.clamp-width--medium{
  max-width:1180px
}

.clamp-width--small{
  max-width:768px
}

.clamp-width--pad{
  padding-right:20px;
  padding-left:20px
}

.display--inline{
  display:inline-block
}

.display--block{
  display:block
}

.display--inline-flex{
  display:inline-flex
}

.display--flex{
  display:flex
}

.display--none{
  display:none
}

.wrapper--inline-flex{
  display:inline-flex;
  width:100%;
  position:relative
}

.wrapper--flex{
  display:flex;
  width:100%;
  position:relative
}

.wrapper--inline-block{
  display:inline-block;
  width:100%;
  position:relative
}

.wrapper--block{
  display:block;
  width:100%;
  position:relative
}

.flex-wrapper-column{
  display:flex
}

.flex-wrapper-column,.if-wrapper-column{
  position:relative;
  flex-direction:column;
  width:100%
}

.if-wrapper-column,.if-wrapper-row{
  display:inline-flex
}

.if-wrapper-row{
  position:relative;
  flex-wrap:nowrap;
  width:100%
}

.box-shadow--haze{
  box-shadow:0 4px 24px 4px #cdcaca!important
}

.box-shadow--haze--no-top-shadow{
  box-shadow:10px 15px 20px -12px #cdcaca!important
}

.box-shadow--light{
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)!important
}

.box-shadow--heavy{
  box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.2)!important
}

.box-shadow--none{
  box-shadow:none!important
}

.width--30{
  width:30px
}

.width--40{
  width:40px
}

.width--50{
  width:50px
}

.width--80{
  width:80px
}

.width--100{
  width:100px
}

.width--120{
  width:120px
}

.width--150{
  width:150px
}

.width--250{
  width:250px
}

.width--200-perc{
  width:200%
}

.width--100-perc{
  width:100%
}

.width--80-perc{
  width:80%
}

.width--65-perc{
  width:65%
}

.width--60-perc{
  width:60%
}

.width--55-perc{
  width:55%
}

.width--50-perc{
  width:50%
}

.width--45-perc{
  width:45%
}

.width--40-perc{
  width:40%
}

.width--35-perc{
  width:35%
}

.width--30-perc{
  width:30%
}

.width--32-perc{
  width:32%
}

.width--20-perc{
  width:20%
}

.max-width--100-perc{
  max-width:100%!important
}

.max-width--90-perc{
  max-width:90%!important
}

.max-width--85-perc{
  max-width:85%!important
}

.max-width--80-perc{
  max-width:80%!important
}

.max-width--70-perc{
  max-width:70%
}

.max-width--65-perc{
  max-width:65%
}

.max-width--60-perc{
  max-width:60%
}

.max-width--50-perc{
  max-width:50%
}

.max-width--30-perc{
  max-width:30%
}

.max-width--35-perc{
  max-width:35%
}

.max-width--40-perc{
  max-width:40%
}

.min-width--40-perc{
  min-width:40%
}

.max-width--1500{
  max-width:1500px
}

.max-width--1366{
  max-width:1366px
}

.max-width--1280{
  max-width:1280px
}

.max-width--1180{
  max-width:1180px
}

.max-width--1080{
  max-width:1080px
}

.max-width--1024{
  max-width:1024px
}

.max-width--1000{
  max-width:1000px
}

.max-width--960{
  max-width:960px
}

.max-width--860{
  max-width:860px
}

.max-width--840{
  max-width:840px
}

.max-width--768{
  max-width:768px
}

.max-width--660{
  max-width:660px
}

.max-width--630{
  max-width:630px!important
}

.max-width--600{
  max-width:600px!important
}

.max-width--590{
  max-width:590px
}

.max-width--570{
  max-width:570px
}

.max-width--540{
  max-width:540px
}

.max-width--500{
  max-width:500px
}

.max-width--440{
  max-width:440px
}

.max-width--400{
  max-width:400px
}

.max-width--375{
  max-width:375px
}

.max-width--350{
  max-width:350px
}

.max-width--340{
  max-width:340px
}

.max-width--320{
  max-width:320px
}

.max-width--300{
  max-width:300px
}

.max-width--290{
  max-width:290px
}

.max-width--280{
  max-width:280px
}

.max-width--240{
  max-width:240px
}

.max-width--220{
  max-width:220px
}

.max-width--200{
  max-width:200px
}

.max-width--180{
  max-width:180px!important
}

.max-width--170{
  max-width:170px
}

.max-width--150{
  max-width:150px
}

.max-width--140{
  max-width:140px
}

.max-width--120{
  max-width:120px!important
}

.max-width--100{
  max-width:100px!important
}

.max-width--80{
  max-width:80px
}

.max-width--60{
  max-width:60px
}

.max-width--50{
  max-width:50px!important
}

.max-width--40{
  max-width:40px!important
}

.max-width--35{
  max-width:35px!important
}

.max-width--30{
  max-width:30px!important
}

.max-width--26{
  max-width:26px!important
}

.max-width--18{
  max-width:18px!important
}

.max-width--250{
  max-width:250px!important
}

.max-width--550{
  max-width:550px!important
}

.min-width--35{
  min-width:35px
}

.min-width--40{
  min-width:40px
}

.min-width--60{
  min-width:60px
}

.min-width--80{
  min-width:80px
}

.min-width--110{
  min-width:110px
}

.min-width--120{
  min-width:120px
}

.min-width--130{
  min-width:130px
}

.min-width--150{
  min-width:150px
}

.min-width--170{
  min-width:170px!important
}

.min-width--180{
  min-width:180px!important
}

.min-width--200{
  min-width:200px
}

.min-width--220{
  min-width:220px
}

.min-width--240{
  min-width:240px
}

.min-width--250{
  min-width:250px
}

.min-width--260{
  min-width:260px!important
}

.min-width--275{
  min-width:275px!important
}

.min-width--290{
  min-width:290px!important
}

.min-width--300{
  min-width:300px
}

.min-width--320,.min-width--330{
  min-width:330px
}

.min-width--360{
  min-width:360px
}

.min-width--400{
  min-width:400px
}

.min-width--500px{
  min-width:500px
}

.min-width--auto{
  min-width:auto!important
}

.min-width--50-perc{
  min-width:50%
}

.width--auto{
  width:auto!important
}

.disc--10-10{
  width:22px;
  max-width:22px;
  min-width:22px;
  height:22px;
  max-height:22px;
  min-height:22px
}

.height-100-perc{
  height:100%
}

.height-30px{
  height:30px!important
}

.height-40px{
  height:40px!important
}

.height-50px{
  height:50px!important
}

.height-60px{
  height:60px!important
}

.height-80px{
  height:80px!important
}

.height-160px{
  height:160px
}

.height-180px{
  height:180px
}

.height-220{
  height:220px
}

.height-500px{
  height:500px
}

.height-640px{
  height:640px
}

.min-height-35px{
  min-height:35px
}

.min-height-40px{
  min-height:40px
}

.min-height-42px{
  min-height:42px
}

.min-height-50px{
  min-height:50px!important
}

.min-height-55px{
  min-height:55px
}

.min-height-60px{
  min-height:60px
}

.min-height-65px{
  min-height:65px
}

.min-height-70px{
  min-height:70px!important
}

.min-height-80px{
  min-height:80px!important
}

.min-height-100px{
  min-height:100px!important
}

.min-height-150px{
  min-height:150px!important
}

.min-height-210px{
  min-height:210px!important
}

.min-height-220px{
  min-height:220px!important
}

.min-height-232px{
  min-height:232px!important
}

.min-height-260px{
  min-height:260px!important
}

.min-height-280px{
  min-height:280px!important
}

.min-height-320px{
  min-height:320px!important
}

.min-height-350px{
  min-height:350px!important
}

.min-height-400px{
  min-height:400px!important
}

.min-height-550px{
  min-height:550px!important
}

.min-height-600px{
  min-height:600px!important
}

.min-height-610px{
  min-height:610px!important
}

.min-height-650px{
  min-height:650px!important
}

.min-height-700px{
  min-height:700px
}

.min-height-800px{
  min-height:800px!important
}

.min-height-65vh{
  min-height:65vh
}

.min-height-70vh{
  min-height:70vh
}

.min-height-90vh{
  min-height:90vh
}

.min-height-100vh{
  min-height:100vh
}

.height-33px{
  height:33px!important;
  min-height:33px!important
}

.height-74{
  height:74px!important;
  min-height:74px!important
}

.height-74:before{
  content:"";
  height:74px!important
}

.max-height-26px{
  max-height:26px!important
}

.max-height-30px{
  max-height:30px!important
}

.max-height-40px{
  max-height:40px!important
}

.max-height-50px{
  max-height:50px!important
}

.max-height-60px{
  max-height:60px!important
}

.max-height-70px{
  max-height:70px!important
}

.max-height-110px{
  max-height:110px!important
}

.max-height-220px{
  max-height:220px!important
}

.max-height-610px{
  max-height:610px!important
}

.absolute{
  position:absolute!important
}

.fixed{
  position:fixed!important
}

.relative{
  position:relative
}

.z-index--100{
  z-index:100!important
}

.z-index--5000{
  z-index:5000!important
}

.top--0{
  top:0
}

.top--10{
  top:10px
}

.right--0{
  right:0
}

.right--10{
  right:10px
}

.bottom--0{
  bottom:0
}

.bottom--10{
  bottom:10px
}

.left--0{
  left:0
}

.left--10{
  left:10px
}

.transform-exact-center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.transform-left-center{
  left:0
}

.transform-left-center,.transform-right-center{
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}

.transform-right-center{
  right:0
}

.absolute__vertical-align,.transform-y-center{
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}

.relative__vertical-align--50p{
  position:relative;
  transform:translateY(-50px)
}

.relative__vertical-align-10p{
  position:relative;
  transform:translateY(10px)
}

.transform-y--5-down{
  transform:translateY(5px)
}

.transform-rotate-180{
  transform:rotate(180deg)
}

.transform-exact-center-rotate-180{
  position:absolute;
  top:50%;
  left:50%;
  transform:rotate(180deg) translate(-50%,-50%)
}

.group{
  display:inline-block;
  width:100%
}

.group:after,.group:before{
  display:table;
  content:" "
}

.group:after{
  clear:both
}

[class*=column-]{
  display:inline-block;
  float:left
}

.column-1{
  width:calc(100% / 24 * 1)
}

.column-2{
  width:calc(100% / 24 * 2)
}

.column-3{
  width:calc(100% / 24 * 3)
}

.column-4{
  width:calc(100% / 24 * 4)
}

.column-5{
  width:calc(100% / 24 * 5)
}

.column-6{
  width:calc(100% / 24 * 6)
}

.column-7{
  width:calc(100% / 24 * 7)
}

.column-8{
  width:calc(100% / 24 * 8)
}

.column-9{
  width:calc(100% / 24 * 9)
}

.column-10{
  width:calc(100% / 24 * 10)
}

.column-11{
  width:calc(100% / 24 * 11)
}

.column-12{
  width:calc(100% / 24 * 12)
}

.column-13{
  width:calc(100% / 24 * 13)
}

.column-14{
  width:calc(100% / 24 * 14)
}

.column-15{
  width:calc(100% / 24 * 15)
}

.column-16{
  width:calc(100% / 24 * 16)
}

.column-17{
  width:calc(100% / 24 * 17)
}

.column-18{
  width:calc(100% / 24 * 18)
}

.column-19{
  width:calc(100% / 24 * 19)
}

.column-20{
  width:calc(100% / 24 * 20)
}

.column-21{
  width:calc(100% / 24 * 21)
}

.column-22{
  width:calc(100% / 24 * 22)
}

.column-23{
  width:calc(100% / 24 * 23)
}

.column-24{
  width:calc(100% / 24 * 24)
}

.push-1{
  margin-left:calc(100% / 24 * 1)
}

.push-2{
  margin-left:calc(100% / 24 * 2)
}

.push-3{
  margin-left:calc(100% / 24 * 3)
}

.push-4{
  margin-left:calc(100% / 24 * 4)
}

.push-5{
  margin-left:calc(100% / 24 * 5)
}

.push-6{
  margin-left:calc(100% / 24 * 6)
}

.push-7{
  margin-left:calc(100% / 24 * 7)
}

.push-8{
  margin-left:calc(100% / 24 * 8)
}

.push-9{
  margin-left:calc(100% / 24 * 9)
}

.push-10{
  margin-left:calc(100% / 24 * 10)
}

.push-11{
  margin-left:calc(100% / 24 * 11)
}

.push-12{
  margin-left:calc(100% / 24 * 12)
}

.push-13{
  margin-left:calc(100% / 24 * 13)
}

.push-14{
  margin-left:calc(100% / 24 * 14)
}

.push-15{
  margin-left:calc(100% / 24 * 15)
}

.push-16{
  margin-left:calc(100% / 24 * 16)
}

.push-17{
  margin-left:calc(100% / 24 * 17)
}

.push-18{
  margin-left:calc(100% / 24 * 18)
}

.push-19{
  margin-left:calc(100% / 24 * 19)
}

.push-20{
  margin-left:calc(100% / 24 * 20)
}

.push-21{
  margin-left:calc(100% / 24 * 21)
}

.push-22{
  margin-left:calc(100% / 24 * 22)
}

.push-23{
  margin-left:calc(100% / 24 * 23)
}

.push-24{
  margin-left:calc(100% / 24 * 24)
}

.pull-1{
  margin-left:calc(-(100% / 24 * 1))
}

.pull-2{
  margin-left:calc(-(100% / 24 * 2))
}

.pull-3{
  margin-left:calc(-(100% / 24 * 3))
}

.pull-4{
  margin-left:calc(-(100% / 24 * 4))
}

.pull-5{
  margin-left:calc(-(100% / 24 * 5))
}

.pull-6{
  margin-left:calc(-(100% / 24 * 6))
}

.pull-7{
  margin-left:calc(-(100% / 24 * 7))
}

.pull-8{
  margin-left:calc(-(100% / 24 * 8))
}

.pull-9{
  margin-left:calc(-(100% / 24 * 9))
}

.pull-10{
  margin-left:calc(-(100% / 24 * 10))
}

.pull-11{
  margin-left:calc(-(100% / 24 * 11))
}

.pull-12{
  margin-left:calc(-(100% / 24 * 12))
}

.pull-13{
  margin-left:calc(-(100% / 24 * 13))
}

.pull-14{
  margin-left:calc(-(100% / 24 * 14))
}

.pull-15{
  margin-left:calc(-(100% / 24 * 15))
}

.pull-16{
  margin-left:calc(-(100% / 24 * 16))
}

.pull-17{
  margin-left:calc(-(100% / 24 * 17))
}

.pull-18{
  margin-left:calc(-(100% / 24 * 18))
}

.pull-19{
  margin-left:calc(-(100% / 24 * 19))
}

.pull-20{
  margin-left:calc(-(100% / 24 * 20))
}

.pull-21{
  margin-left:calc(-(100% / 24 * 21))
}

.pull-22{
  margin-left:calc(-(100% / 24 * 22))
}

.pull-23{
  margin-left:calc(-(100% / 24 * 23))
}

.pull-24{
  margin-left:calc(-(100% / 24 * 24))
}

.gutter{
  padding-right:20px;
  padding-left:20px
}

.gutter-half{
  padding-right:calc(20px / 2);
  padding-left:calc(20px / 2)
}

.gutter-left{
  padding-left:20px
}

.gutter-right{
  padding-right:20px
}

.gutter-flush{
  padding-right:0;
  padding-left:0
}

.width-full{
  width:100%
}

.width-half{
  width:calc(100% / 2)
}

.width-third{
  width:calc(100% / 3)
}

.width-two-third{
  width:calc(100% / 3 * 2)
}

.width-quarter{
  width:calc(100% / 4)
}

.width-three-quarter{
  width:calc((100% / 4) * 3)
}

.hidden,.show-under-xs{
  display:none!important
}

[class*=break-under-]>[class*=max-w-]{
  max-width:100%
}

.border--1-silver{
  border:1px solid #eee
}

.border--t-1-silver{
  border-top:1px solid #eee
}

.border--b-1-silver{
  border-bottom:1px solid #eee
}

.border--b-1-da{
  border-bottom:1px solid #dadada
}

.border--1-ccc{
  border:1px solid #ccc
}

.border--t-1-ccc{
  border-top:1px solid #ccc
}

.border--t-1-fff{
  border-top:1px solid #fff
}

.border--b-1-ccc{
  border-bottom:1px solid #ccc
}

.border--2-white{
  border:2px solid #fff!important
}

.border--2-primary{
  border:2px solid #f69322!important
}

.border--2-default{
  border:2px solid #eee!important
}

.border--l-1-white{
  border-left:1px solid #fff
}

.border--l-1-medium{
  border-left:1px solid #dadada
}

.border--none{
  border:none!important
}

.border-color--default-text{
  border-color:#4e5559!important
}

.border--radius-circle{
  border-radius:50%
}

.border-r-all-small{
  border-radius:3px
}

.border-r-tl-small{
  border-top-left-radius:3px
}

.border-r-tr-small{
  border-top-right-radius:3px
}

.border-r-bl-small{
  border-bottom-left-radius:3px
}

.border-r-br-small{
  border-bottom-right-radius:3px
}

.background--transparent{
  background-color:initial!important
}

.background--default-text{
  background-color:#4e5559!important
}

.background--default-text-opacity-05{
  background-color:rgba(78,85,89,.5)
}

.background--impersonate{
  background-color:#38b62b!important
}

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

.background--black{
  background-color:#000
}

.background--facebook{
  background-color:#365998
}

.background--transparent-dark{
  background-color:rgba(0,0,0,.45)
}

.background--fa{
  background-color:#fafafa!important
}

.background--f2{
  background-color:#f2f2f2
}

.background--eee{
  background-color:#eee
}

.background--8b{
  background-color:#8b8b8b
}

.background--primary{
  background-color:#f69322!important
}

.background--secondary{
  background-color:#4168c6
}

.background-gradient-color-secondary{
  background:linear-gradient(0deg,#1a4d98,#4168c6)
}

.background-gradient-plus{
  background:linear-gradient(58deg,#1a3e8d,#ee5263 75.78%,#f78944)
}

.background--compliment{
  background-color:#2485af
}

.background--da{
  background-color:#dadada
}

.background--prominence{
  background-color:rgba(78,85,89,.1)!important
}

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

.color--black{
  color:#000
}

.color--transparent{
  color:transparent
}

.color--default-text{
  color:#4e5559
}

.color--primary{
  color:#f69322!important
}

.color--secondary{
  color:#4168c6
}

.jm-ghana .color--primary-blue,.jm-nigeria .color--primary-blue{
  color:#4168c6!important
}

.color--8b{
  color:#8b8b8b
}

.color--platinum{
  color:#d1b6b0
}

.color--premium{
  color:#bda955!important
}

.color--compliment,.color-compliment--hover:hover{
  color:#2485af
}

.color--eee{
  color:#eee
}

.color--da{
  color:#dadada
}

.color--featured{
  color:#d52c3d
}

.color--new{
  color:#5cb85c
}

.color--popular{
  color:#0091ff
}

.color--foryou{
  color:#5bc0de
}

.color-dgrey{
  color:#4e5559
}

.stroke-none{
  stroke:none!important
}

.svg-color--white{
  fill:#fff
}

.full-half-circle--white path{
  fill:#fff;
  stroke:#fff
}

.full-half-circle--fa path{
  fill:#fafafa;
  stroke:#fafafa
}

.if-base-wrapper{
  display:inline-flex
}

.ib-base-wrapper{
  display:inline-block
}

[class*=base-wrapper]{
  position:relative;
  margin:0;
  padding:70px 0;
  width:100%;
  height:auto
}

.flex-mid-container{
  display:flex
}

.block-mid-container{
  display:block
}

[class*=mid-container]{
  position:relative;
  margin:0 auto;
  padding:0 20px;
  width:100%
}

.if-content-panel{
  display:inline-flex
}

.flex-content-panel{
  display:flex
}

.ib-content-panel{
  display:inline-block
}

.block-content-panel{
  display:block
}

[class*=content-panel]{
  position:relative;
  margin:0;
  height:auto
}

.direction--row{
  flex-direction:row
}

.direction--column{
  flex-direction:column
}

.flex--no-wrap{
  flex-wrap:nowrap
}

.flex--wrap{
  flex-wrap:wrap
}

.justify--center{
  justify-content:center
}

.justify--space-evenly{
  justify-content:space-evenly!important
}

.justify--space-between{
  justify-content:space-between!important
}

.justify--space-around{
  justify-content:space-around
}

.justify--flex-start{
  justify-content:flex-start!important
}

.justify--flex-end{
  justify-content:flex-end!important
}

.align--flex-start{
  align-items:flex-start!important
}

.align--flex-end{
  align-items:flex-end
}

.align--center{
  align-items:center
}

.align--baseline{
  align-items:baseline
}

.align--stretch{
  align-items:stretch
}

.align-self--auto{
  align-self:auto
}

.align-self--start{
  align-self:flex-start
}

.align-self--end{
  align-self:flex-end
}

.align-self--center{
  align-self:center
}

.align-self--baseline{
  align-self:baseline
}

.align-self--stretch{
  align-self:stretch
}

.justify-self--center{
  justify-self:center
}

.justify-self--start{
  justify-self:flex-start
}

.justify-self--end{
  justify-self:flex-end
}

.align--center-justify--space-between{
  align-items:center;
  justify-content:space-between
}

.flex--0-c{
  order:0;
  align-self:center
}

.flex--0-s{
  order:0;
  align-self:stretch
}

.flex--5-1-100{
  flex:5 1 100%
}

.flex--5-1-auto{
  flex:5 1 auto
}

.flex--4-1-100{
  flex:4 1 100%
}

.flex--4-1-auto{
  flex:4 1 auto
}

.flex--3-1-100{
  flex:3 1 100%
}

.flex--3-1-auto{
  flex:3 1 auto
}

.flex--2-1-100{
  flex:2 1 100%
}

.flex--2-1-auto{
  flex:2 1 auto
}

.flex--1-1-100{
  flex:1 1 100%
}

.flex--1-1-auto{
  flex:1 1 auto
}

.flex--1-1-75{
  flex:1 1 75%
}

.flex--1-1-50{
  flex:1 1 50%
}

.flex--1-1-25{
  flex:1 1 25%
}

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

.flex--1{
  flex:1
}

.flex--2{
  flex:2
}

.flex--3{
  flex:3
}

.flex--4{
  flex:4
}

.flex--5{
  flex:5
}

.opera-mini-mode select{
  padding:10px 35px 10px 10px
}

.opera-mini-mode .omx-min-height-700px{
  min-height:700px
}

.opera-mini-mode .omx-min-height-600px{
  min-height:600px
}

.opera-mini-mode .omx-min-height-500px{
  min-height:500px
}

.opera-mini-mode .omx-min-height-400px{
  min-height:400px!important
}

.opera-mini-mode .omx-min-height-300px{
  min-height:300px!important
}

.opera-mini-mode .omx-min-height-200px{
  min-height:200px!important
}

.opera-mini-mode .omx-min-height-100px{
  min-height:100px!important
}

.opera-mini-mode .mobile-menu__content{
  display:none!important
}

.opera-mini-mode .mobile-menu__content.active{
  display:block!important;
  position:relative!important;
  width:100%
}

.opera-mini-mode .mobile-menu__content.active+.main-content,.opera-mini-mode .mobile-menu__content.active+.main-content+.main-content{
  display:none
}

.opera-mini-mode .search-result{
  border:1px solid #ccc;
  display:inline-block
}

.opera-mini-mode .search-result__job-title h3{
  font-size:1.125rem
}

.opera-mini-mode .search-result__header .label--new{
  padding:2px 10px;
  border-width:1px
}

.opera-mini-mode .job__details .employer-logo,.opera-mini-mode .search-main .search-result__image-container{
  display:none!important
}

.opera-mini-mode .job-header__details{
  width:100%;
  padding-left:0
}

.opera-mini-mode .job-header__logo{
  display:none!important
}

.opera-mini-mode .search-result__body{
  min-height:100px
}

.opera-mini-mode .search-result__content{
  position:relative!important;
  transform:none;
  top:auto
}

.opera-mini-mode .header .block-mid-container{
  padding:0
}

.opera-mini-mode .header-logo{
  height:70px;
  max-width:180px
}

.opera-mini-mode .mobile-menu__button{
  max-width:100px
}

.opera-mini-mode .horizontal-icon-menu{
  padding-top:0;
  padding-bottom:0
}

.opera-mini-mode .horizontal-icon-menu__item__icon{
  width:40px;
  height:40px
}

.opera-mini-mode .job__breadcrumb{
  display:inline-block!important;
  width:100%!important
}

.opera-mini-mode .marketing-logo{
  display:none
}

.opera-mini-mode .omx-marketing-title{
  font-size:2rem!important;
  letter-spacing:normal!important
}

.opera-mini-mode .job__application .card,.opera-mini-mode .job__details.card,.opera-mini-mode .search-main__sidebar .card{
  border:1px solid #ccc
}

.opera-mini-mode .padding-top-bottom--50{
  padding-bottom:15px;
  padding-top:15px
}

.opera-mini-mode .padding-all-25-50,.opera-mini-mode .padding-all-50{
  padding:15px
}

.opera-mini-mode .omx-padding-lr--5{
  padding-left:5px!important;
  padding-right:5px!important
}

.opera-mini-mode .omx-padding-lr--0{
  padding-left:0!important;
  padding-right:0!important
}

.opera-mini-mode .input-right-icon__icon-container,.opera-mini-mode .show-hide-password-label{
  display:none!important
}

.opera-mini-mode .button{
  height:44px!important;
  max-height:44px!important;
  min-height:44px!important
}

.opera-mini-mode .search-submit{
  height:41px!important;
  max-height:41px!important;
  min-height:41px!important
}

.opera-mini-mode .button--primary,.opera-mini-mode .button--submit{
  border-color:#f69322!important;
  padding:8px 20px!important
}

.opera-mini-mode .employer__products-stack{
  margin-top:25px
}

.opera-mini-mode .employer .content-wrap section{
  display:inline-block!important;
  width:100%!important
}

.opera-mini-mode .service-card{
  border:1px solid #d8d8d8
}

.opera-mini-mode .employer .tabs__link--container a{
  padding-top:10px!important;
  padding-bottom:10px!important
}

.opera-mini-mode .indicate-package-basic,.opera-mini-mode .job-listing-legend-card__icon-data-default{
  height:auto!important;
  max-height:100%!important;
  min-height:100px!important
}

.opera-mini-mode .job-listing-legend-card__icon-data-default li{
  position:relative!important;
  transform:none;
  top:5px!important;
  border-left:4px solid #4168c6
}

.opera-mini-mode .button--clear-border:before{
  display:none
}

.opera-mini-mode .button--scroll-from-cta{
  display:none!important
}

.opera-mini-mode .button+.button--call-us{
  margin-left:0
}

.opera-mini-mode .plan-card__employer-nav__credit-amount{
  float:left!important;
  background-color:#fff;
  color:#4e5559;
  width:100%
}

.opera-mini-mode .testimonials img{
  margin-bottom:20px
}

.opera-mini-mode .job-listing-legend-card__icon-data-specific li span{
  position:relative;
  top:auto;
  left:0;
  transform:none;
  padding:0 20px;
  margin:0;
  display:inline-block;
  float:left;
  width:100%;
  min-width:100%;
  text-align:left;
  font-size:.8125rem
}

.opera-mini-mode .table-part-quantity{
  width:20%
}

.opera-mini-mode .table-part{
  width:40%
}

.opera-mini-mode .testimony img{
  margin-bottom:20px
}

.opera-mini-mode .product-feature{
  display:inline-block!important;
  max-height:240px!important
}

.opera-mini-mode .cv-services .upgrade-info-block{
  min-height:810px!important
}

.opera-mini-mode .file-upload-input{
  display:inline-block;
  height:40px;
  max-height:40px;
  left:0!important;
  width:100%
}

.opera-mini-mode .file-upload-label,.opera-mini-mode .white-strip-spacer{
  display:none!important
}

.opera-mini-mode .enquiry__field__select-currency{
  min-width:1px!important;
  width:15%!important
}

.opera-mini-mode .enquiry__field__select-number{
  padding-left:10%!important;
  width:85%!important
}

.opera-mini-mode .omx-filter-padding{
  padding:0!important
}

.opera-mini-mode .main-banner-content__box{
  display:inline-block!important;
  width:100%
}

.opera-mini-mode .main-banner-content,.opera-mini-mode .main-banner-content__overlay{
  width:102%;
  margin-left:-1%;
  margin-right:-1%
}

.opera-mini-mode .omx-filter-location{
  min-width:calc(100% - 120px)!important;
  width:calc(100% - 120px)!important;
  max-width:calc(100% - 120px)!important
}

.opera-mini-mode .card-content__ribbon{
  display:none!important
}

.opera-mini-mode .top-jobs__card{
  min-height:132px;
  border:1px solid #ccc!important;
  flex-direction:column;
  padding:0 0 10px
}

.opera-mini-mode .top-jobs__title h3{
  margin-top:15px!important
}

.opera-mini-mode .top-jobs__card .padding-top--5{
  padding-top:0!important
}

.opera-mini-mode .top-jobs-if-container{
  display:inline-block!important
}

.opera-mini-mode .top-jobs__card .card-content__listing .top-jobs__title{
  max-width:100%;
  width:100%;
  font-size:1rem
}

.opera-mini-mode .top-jobs__card .card-content__listing .top-jobs__job-function,.opera-mini-mode .top-jobs__card .card-content__listing .top-jobs__location{
  padding-left:10px
}

.opera-mini-mode .top-jobs__favourite-box{
  right:10px;
  top:0
}

.opera-mini-mode .top-jobs__content__time{
  margin-right:15px!important
}

.opera-mini-mode .top-jobs__card:nth-child(n+4){
  display:none!important
}

.opera-mini-mode .top-jobs-sidebar-container .top-jobs__card{
  padding-bottom:0;
  max-height:100%!important
}

.opera-mini-mode .homepage .tabs__link--container{
  display:none!important
}

.opera-mini-mode .omx-card-content__ribbon{
  display:flex!important;
  background-color:#f69322;
  width:100%
}

.opera-mini-mode .omx-featured-text{
  color:#fff;
  margin:0;
  padding:5px 15px;
  width:100%
}

.opera-mini-mode .top-jobs-flex-container.omx-version{
  display:flex!important;
  flex-direction:column!important
}

.opera-mini-mode .newest-jobs{
  display:none!important
}

.opera-mini-mode .background-gradient-color-secondary,.opera-mini-mode .jm-ghana .background-gradient-color-secondary,.opera-mini-mode .jm-nigeria .background-gradient-color-secondary,.opera-mini-mode .search-bar{
  background:#4168c6!important
}

.opera-mini-mode .sailthru .sailthru-cta-container{
  margin-top:70px
}

.opera-mini-mode .company-card__image-container--large:before,.opera-mini-mode .company-logo-line{
  display:none!important
}

.opera-mini-mode .job-seeker-area{
  min-height:100%;
  height:100%
}

.opera-mini-mode .job-seeker-area__sidebar{
  display:none!important
}

.opera-mini-mode .job-seeker-profile-header{
  background-color:#4168c6!important;
  padding:20px
}

.opera-mini-mode .job-seeker-profile-header span{
  color:#fff!important
}

.opera-mini-mode .job-seeker-profile-avatar-edit-wrapper{
  position:relative;
  padding-top:20px!important;
  padding-bottom:20px!important
}

.opera-mini-mode .job-seeker-profile-avatar-edit{
  overflow:visible;
  height:180px;
  min-height:180px
}

.opera-mini-mode .profile-avatar__image{
  max-width:180px!important;
  width:180px!important
}

.opera-mini-mode .job-seeker-sidebar-card__header{
  background-color:#4168c6;
  min-height:0
}

.opera-mini-mode .customer-sidebar__profile-contact__icon{
  display:none
}

.opera-mini-mode .job-header__header{
  padding-left:15px!important
}

.opera-mini-mode .job-seeker-area__content .tabs__link--container li .tab-current{
  border-left:5px solid #f69322!important
}

.opera-mini-mode .horizontal-icon-menu{
  border:1px solid #ccc!important
}

.opera-mini-mode .icon-menu__text{
  display:none!important
}

.opera-mini-mode .customer-card{
  border:1px solid #ccc!important
}

.opera-mini-mode .card--compact{
  margin:0 0 -1px!important
}

.opera-mini-mode .card--compact.margin-bottom--20{
  margin-bottom:20px!important
}

.opera-mini-mode .customer-card-edit__header{
  background-color:#4168c6!important;
  max-height:50px!important
}

.opera-mini-mode .customer-card-edit__header .chevron--right-icon{
  display:none!important
}

.opera-mini-mode .customer-card-edit__header .chevron--right-icon-text{
  font-size:.75rem!important
}

.opera-mini-mode .customer-card-edit__title{
  min-height:0!important
}

.opera-mini-mode .upgrade-info-block{
  border:1px solid #ccc!important
}

.opera-mini-mode .upgrade-to-premium .basic{
  min-height:380px!important
}

.opera-mini-mode .job-seeker-area__content{
  overflow:hidden!important
}

.opera-mini-mode .job-seeker-profile-list__item,.opera-mini-mode .job-seeker-profile-skill-pill{
  width:100%!important;
  height:40px;
  min-height:40px
}

.opera-mini-mode .omx-border-lr-1{
  border-left:1px solid #ccc!important;
  border-right:1px solid #ccc!important
}

.opera-mini-mode .blog-roll__article,.opera-mini-mode .blog-roll__article__inner{
  max-height:300px!important
}

.opera-mini-mode .job-seeker-area__content .tabs__link--container li{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  width:100%;
  height:50px!important
}

.opera-mini-mode .job-seeker-area__content .tabs__link--container li a{
  position:relative;
  display:inline-flex!important;
  width:100%;
  height:25px!important
}

.opera-mini-mode .omx-version .landing-image,.opera-mini-mode .omx-version .landing-image-mobile{
  display:inline-block!important;
  float:left;
  width:100%
}

.opera-mini-mode .job-seeker-plus-header{
  background-color:#4168c6!important
}

.opera-mini-mode .job-seeker-plus-header .flex-mid-container{
  flex-direction:column;
  padding-top:30px
}

.opera-mini-mode .job-seeker-plus-content{
  padding-bottom:30px
}

.opera-mini-mode .job-seeker-plus-header .progress-parent-limit,.opera-mini-mode .omx-max-width-full{
  max-width:100%!important
}

.opera-mini-mode .omx-margin-none{
  margin:0!important
}

.omx-version{
  display:none!important
}

.opera-mini-mode .omx-version{
  display:flex!important;
  flex-direction:column!important
}

.opera-mini-mode .none-omx-version{
  display:none!important
}

.opera-mini-mode body.overlay--active{
  display:flex!important;
  flex-direction:column!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important
}

.omx-search-filter-modal{
  display:none!important
}

.opera-mini-mode .omx-search-filter-modal.active{
  display:inline-block!important;
  position:relative!important;
  float:left;
  width:100%;
  z-index:3000
}

.opera-mini-mode .search-filter__filters{
  height:100%!important;
  background-color:#fff
}

.opera-mini-mode .search-filter__filters__title{
  height:60px!important;
  background-color:#fff
}

.opera-mini-mode .search-filter__filters__field{
  height:60px!important;
  min-height:60px!important;
  background-color:#fff
}

.on-boarding-album{
  position:relative;
  display:flex;
  flex-direction:row;
  width:100%;
  max-width:768px;
  padding:0;
  margin-left:auto;
  margin-right:auto;
  list-style-type:none
}

.cv-overlay{
  padding:30px;
  height:100%;
  width:100%;
  display:none
}

.cv-overlay,.on-boarding-overlay{
  position:fixed;
  overflow:hidden;
  left:0;
  top:0;
  bottom:0;
  right:0;
  z-index:3000;
  text-align:center;
  background:rgba(0,0,0,.45)
}

.on-boarding-overlay{
  padding:0;
  width:0;
  height:0
}

.on-boarding-overlay__inner{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  margin:0 auto;
  max-width:720px;
  background-color:#fff;
  overflow:hidden;
  border-radius:3px
}

.on-boarding-overlay__inner h3{
  margin-top:30px
}

.on-boarding-overlay__inner p{
  position:relative;
  margin-top:10px;
  max-width:500px;
  font-size:1.125rem;
  line-height:1.45;
  text-align:center
}

.on-boarding__progress-point{
  position:relative;
  border-radius:50%;
  background-color:#f69322;
  opacity:.25;
  width:10px;
  height:10px;
  min-width:10px;
  min-height:10px;
  display:inline-flex;
  border:none;
  padding:0;
  margin:0
}

.progress-point--filled{
  opacity:1
}

.on-boarding-overlay__footer{
  position:relative;
  width:100%;
  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  min-height:70px;
  padding-left:30px;
  padding-right:30px
}

.on-boarding-close{
  position:absolute;
  top:15px;
  right:25px;
  width:25px;
  height:25px;
  opacity:0;
  z-index:1001
}

.on-boarding-close:before{
  content:"\D7";
  font-size:2rem;
  color:#4e5559
}

.on-boarding-prev{
  color:#4e5559
}

.on-boarding-next{
  color:#f69322
}

.on-boarding-next,.on-boarding-prev{
  position:relative;
  opacity:.8;
  text-transform:uppercase
}

.on-boarding-next:hover,.on-boarding-prev:hover{
  opacity:1
}

.on-boarding-overlay.active,.on-boarding-overlay:target{
  width:auto;
  height:auto;
  left:0;
  top:0;
  bottom:0;
  right:0;
  padding:30px
}

.cv-overlay.active{
  width:auto;
  height:auto;
  left:0;
  top:0;
  bottom:0;
  right:0;
  display:block
}

.on-boarding-overlay:target .on-boarding-close,.on-boarding-overlay:target img{
  opacity:1
}

.on-boarding-overlay img{
  position:relative;
  opacity:0;
  transition:opacity .5s linear;
  width:100%;
  max-width:100%;
  height:auto
}

.cv-center div{
  width:800px;
  height:700px
}

.border-a:before{
  border-color:#888!important
}

.b-t{
  display:inline-block;
  padding-right:10px;
  top:2px
}

.b-t,.l-dropdown{
  position:relative
}

.l-dropdown-toggle{
  white-space:nowrap
}

.l-dropdown-toggle:after{
  display:inline-block;
  width:0;
  height:0;
  margin-left:.255em;
  vertical-align:.255em;
  content:"";
  border-top:.3em solid;
  border-right:.3em solid transparent;
  border-bottom:0;
  border-left:.3em solid transparent;
  position:relative;
  top:2px
}

.l-dropdown-toggle:empty:after{
  margin-left:0
}

.l-dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  display:none;
  float:left;
  min-width:10rem;
  padding:.5rem 0;
  margin:.125rem 0 0;
  text-align:left;
  list-style:none;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,.15);
  border-radius:.25rem
}

.l-dropdown-menu.active{
  display:initial
}

.l-dropdown-divider{
  height:0;
  margin:.5rem 0;
  overflow:hidden;
  border-top:1px solid #e9ecef
}

.l-dropdown-item{
  display:block;
  width:100%;
  padding:.25rem 1.5rem;
  clear:both;
  color:#212529;
  text-align:inherit;
  white-space:nowrap;
  background-color:initial;
  border:0
}

.l-dropdown-item:focus,.l-dropdown-item:hover{
  color:#16181b;
  text-decoration:none;
  background-color:#f8f9fa
}

.l-dropdown-item.active,.l-dropdown-item:active{
  text-decoration:none;
  background-color:#f8f9fa
}

.l-dropdown-item.disabled,.l-dropdown-item:disabled{
  color:#6c757d;
  background-color:initial
}

.l-dropdown-menu.show{
  display:block
}

.cookie-consent__bar{
  display:flex;
  position:fixed;
  width:100%;
  bottom:0;
  right:0;
  left:0;
  height:auto;
  background:rgba(0,0,0,.9);
  z-index:100
}

.cookie-consent__content{
  max-width:1140px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin:20px auto
}

.cookie-consent__title{
  color:#fff;
  font-size:1rem;
  display:flex;
  margin-bottom:10px;
  font-weight:500
}

.cookie-consent__message{
  color:#fff;
  font-size:.875rem;
  display:flex;
  margin-bottom:10px;
  font-weight:400
}

.cookie-consent__agree{
  font-size:.875rem;
  font-weight:500;
  display:flex;
  background:#fff;
  color:#000
}

.cookie-consent__learn_more{
  font-size:.875rem;
  font-weight:500;
  display:flex;
  color:#f69322
}

body{
  opacity:1!important
}

.google-optimize__async-hide{
  opacity:0!important
}

.no-js .lazy-image{
  display:none!important
}

@media (min-width:640px){
  .break-on-xs{
    width:100%;
    margin-left:0
  }

  .hide-on-xs{
    display:none
  }

  .show-on-xs{
    display:block
  }

  .xs-column-1{
    width:calc((100% / 24) * 1)
  }

  .xs-column-2{
    width:calc((100% / 24) * 2)
  }

  .xs-column-3{
    width:calc((100% / 24) * 3)
  }

  .xs-column-4{
    width:calc((100% / 24) * 4)
  }

  .xs-column-5{
    width:calc((100% / 24) * 5)
  }

  .xs-column-6{
    width:calc((100% / 24) * 6)
  }

  .xs-column-7{
    width:calc((100% / 24) * 7)
  }

  .xs-column-8{
    width:calc((100% / 24) * 8)
  }

  .xs-column-9{
    width:calc((100% / 24) * 9)
  }

  .xs-column-10{
    width:calc((100% / 24) * 10)
  }

  .xs-column-11{
    width:calc((100% / 24) * 11)
  }

  .xs-column-12{
    width:calc((100% / 24) * 12)
  }

  .xs-column-13{
    width:calc((100% / 24) * 13)
  }

  .xs-column-14{
    width:calc((100% / 24) * 14)
  }

  .xs-column-15{
    width:calc((100% / 24) * 15)
  }

  .xs-column-16{
    width:calc((100% / 24) * 16)
  }

  .xs-column-17{
    width:calc((100% / 24) * 17)
  }

  .xs-column-18{
    width:calc((100% / 24) * 18)
  }

  .xs-column-19{
    width:calc((100% / 24) * 19)
  }

  .xs-column-20{
    width:calc((100% / 24) * 20)
  }

  .xs-column-21{
    width:calc((100% / 24) * 21)
  }

  .xs-column-22{
    width:calc((100% / 24) * 22)
  }

  .xs-column-23{
    width:calc((100% / 24) * 23)
  }

  .xs-column-24{
    width:calc((100% / 24) * 24)
  }

  .xs-push-1{
    margin-left:calc(100% / 24 * 1)
  }

  .xs-push-2{
    margin-left:calc(100% / 24 * 2)
  }

  .xs-push-3{
    margin-left:calc(100% / 24 * 3)
  }

  .xs-push-4{
    margin-left:calc(100% / 24 * 4)
  }

  .xs-push-5{
    margin-left:calc(100% / 24 * 5)
  }

  .xs-push-6{
    margin-left:calc(100% / 24 * 6)
  }

  .xs-push-7{
    margin-left:calc(100% / 24 * 7)
  }

  .xs-push-8{
    margin-left:calc(100% / 24 * 8)
  }

  .xs-push-9{
    margin-left:calc(100% / 24 * 9)
  }

  .xs-push-10{
    margin-left:calc(100% / 24 * 10)
  }

  .xs-push-11{
    margin-left:calc(100% / 24 * 11)
  }

  .xs-push-12{
    margin-left:calc(100% / 24 * 12)
  }

  .xs-push-13{
    margin-left:calc(100% / 24 * 13)
  }

  .xs-push-14{
    margin-left:calc(100% / 24 * 14)
  }

  .xs-push-15{
    margin-left:calc(100% / 24 * 15)
  }

  .xs-push-16{
    margin-left:calc(100% / 24 * 16)
  }

  .xs-push-17{
    margin-left:calc(100% / 24 * 17)
  }

  .xs-push-18{
    margin-left:calc(100% / 24 * 18)
  }

  .xs-push-19{
    margin-left:calc(100% / 24 * 19)
  }

  .xs-push-20{
    margin-left:calc(100% / 24 * 20)
  }

  .xs-push-21{
    margin-left:calc(100% / 24 * 21)
  }

  .xs-push-22{
    margin-left:calc(100% / 24 * 22)
  }

  .xs-push-23{
    margin-left:calc(100% / 24 * 23)
  }

  .xs-push-24{
    margin-left:calc(100% / 24 * 24)
  }

  .xs-pull-1{
    margin-left:calc(-(100% / 24 * 1))
  }

  .xs-pull-2{
    margin-left:calc(-(100% / 24 * 2))
  }

  .xs-pull-3{
    margin-left:calc(-(100% / 24 * 3))
  }

  .xs-pull-4{
    margin-left:calc(-(100% / 24 * 4))
  }

  .xs-pull-5{
    margin-left:calc(-(100% / 24 * 5))
  }

  .xs-pull-6{
    margin-left:calc(-(100% / 24 * 6))
  }

  .xs-pull-7{
    margin-left:calc(-(100% / 24 * 7))
  }

  .xs-pull-8{
    margin-left:calc(-(100% / 24 * 8))
  }

  .xs-pull-9{
    margin-left:calc(-(100% / 24 * 9))
  }

  .xs-pull-10{
    margin-left:calc(-(100% / 24 * 10))
  }

  .xs-pull-11{
    margin-left:calc(-(100% / 24 * 11))
  }

  .xs-pull-12{
    margin-left:calc(-(100% / 24 * 12))
  }

  .xs-pull-13{
    margin-left:calc(-(100% / 24 * 13))
  }

  .xs-pull-14{
    margin-left:calc(-(100% / 24 * 14))
  }

  .xs-pull-15{
    margin-left:calc(-(100% / 24 * 15))
  }

  .xs-pull-16{
    margin-left:calc(-(100% / 24 * 16))
  }

  .xs-pull-17{
    margin-left:calc(-(100% / 24 * 17))
  }

  .xs-pull-18{
    margin-left:calc(-(100% / 24 * 18))
  }

  .xs-pull-19{
    margin-left:calc(-(100% / 24 * 19))
  }

  .xs-pull-20{
    margin-left:calc(-(100% / 24 * 20))
  }

  .xs-pull-21{
    margin-left:calc(-(100% / 24 * 21))
  }

  .xs-pull-22{
    margin-left:calc(-(100% / 24 * 22))
  }

  .xs-pull-23{
    margin-left:calc(-(100% / 24 * 23))
  }

  .xs-pull-24{
    margin-left:calc(-(100% / 24 * 24))
  }
}

@media (min-width:768px){
  .modal-dialog{
    width:600px;
    margin:30px auto
  }

  .modal-content{
    box-shadow:0 5px 15px rgba(0,0,0,.5)
  }

  .modal-sm{
    width:415px
  }

  .break-on-sm{
    width:100%;
    margin-left:0
  }

  .hide-on-sm{
    display:none
  }

  .show-on-sm{
    display:block
  }

  .sm-column-1{
    width:calc((100% / 24) * 1)
  }

  .sm-column-2{
    width:calc((100% / 24) * 2)
  }

  .sm-column-3{
    width:calc((100% / 24) * 3)
  }

  .sm-column-4{
    width:calc((100% / 24) * 4)
  }

  .sm-column-5{
    width:calc((100% / 24) * 5)
  }

  .sm-column-6{
    width:calc((100% / 24) * 6)
  }

  .sm-column-7{
    width:calc((100% / 24) * 7)
  }

  .sm-column-8{
    width:calc((100% / 24) * 8)
  }

  .sm-column-9{
    width:calc((100% / 24) * 9)
  }

  .sm-column-10{
    width:calc((100% / 24) * 10)
  }

  .sm-column-11{
    width:calc((100% / 24) * 11)
  }

  .sm-column-12{
    width:calc((100% / 24) * 12)
  }

  .sm-column-13{
    width:calc((100% / 24) * 13)
  }

  .sm-column-14{
    width:calc((100% / 24) * 14)
  }

  .sm-column-15{
    width:calc((100% / 24) * 15)
  }

  .sm-column-16{
    width:calc((100% / 24) * 16)
  }

  .sm-column-17{
    width:calc((100% / 24) * 17)
  }

  .sm-column-18{
    width:calc((100% / 24) * 18)
  }

  .sm-column-19{
    width:calc((100% / 24) * 19)
  }

  .sm-column-20{
    width:calc((100% / 24) * 20)
  }

  .sm-column-21{
    width:calc((100% / 24) * 21)
  }

  .sm-column-22{
    width:calc((100% / 24) * 22)
  }

  .sm-column-23{
    width:calc((100% / 24) * 23)
  }

  .sm-column-24{
    width:calc((100% / 24) * 24)
  }

  .sm-push-1{
    margin-left:calc(100% / 24 * 1)
  }

  .sm-push-2{
    margin-left:calc(100% / 24 * 2)
  }

  .sm-push-3{
    margin-left:calc(100% / 24 * 3)
  }

  .sm-push-4{
    margin-left:calc(100% / 24 * 4)
  }

  .sm-push-5{
    margin-left:calc(100% / 24 * 5)
  }

  .sm-push-6{
    margin-left:calc(100% / 24 * 6)
  }

  .sm-push-7{
    margin-left:calc(100% / 24 * 7)
  }

  .sm-push-8{
    margin-left:calc(100% / 24 * 8)
  }

  .sm-push-9{
    margin-left:calc(100% / 24 * 9)
  }

  .sm-push-10{
    margin-left:calc(100% / 24 * 10)
  }

  .sm-push-11{
    margin-left:calc(100% / 24 * 11)
  }

  .sm-push-12{
    margin-left:calc(100% / 24 * 12)
  }

  .sm-push-13{
    margin-left:calc(100% / 24 * 13)
  }

  .sm-push-14{
    margin-left:calc(100% / 24 * 14)
  }

  .sm-push-15{
    margin-left:calc(100% / 24 * 15)
  }

  .sm-push-16{
    margin-left:calc(100% / 24 * 16)
  }

  .sm-push-17{
    margin-left:calc(100% / 24 * 17)
  }

  .sm-push-18{
    margin-left:calc(100% / 24 * 18)
  }

  .sm-push-19{
    margin-left:calc(100% / 24 * 19)
  }

  .sm-push-20{
    margin-left:calc(100% / 24 * 20)
  }

  .sm-push-21{
    margin-left:calc(100% / 24 * 21)
  }

  .sm-push-22{
    margin-left:calc(100% / 24 * 22)
  }

  .sm-push-23{
    margin-left:calc(100% / 24 * 23)
  }

  .sm-push-24{
    margin-left:calc(100% / 24 * 24)
  }

  .sm-pull-1{
    margin-left:calc(-(100% / 24 * 1))
  }

  .sm-pull-2{
    margin-left:calc(-(100% / 24 * 2))
  }

  .sm-pull-3{
    margin-left:calc(-(100% / 24 * 3))
  }

  .sm-pull-4{
    margin-left:calc(-(100% / 24 * 4))
  }

  .sm-pull-5{
    margin-left:calc(-(100% / 24 * 5))
  }

  .sm-pull-6{
    margin-left:calc(-(100% / 24 * 6))
  }

  .sm-pull-7{
    margin-left:calc(-(100% / 24 * 7))
  }

  .sm-pull-8{
    margin-left:calc(-(100% / 24 * 8))
  }

  .sm-pull-9{
    margin-left:calc(-(100% / 24 * 9))
  }

  .sm-pull-10{
    margin-left:calc(-(100% / 24 * 10))
  }

  .sm-pull-11{
    margin-left:calc(-(100% / 24 * 11))
  }

  .sm-pull-12{
    margin-left:calc(-(100% / 24 * 12))
  }

  .sm-pull-13{
    margin-left:calc(-(100% / 24 * 13))
  }

  .sm-pull-14{
    margin-left:calc(-(100% / 24 * 14))
  }

  .sm-pull-15{
    margin-left:calc(-(100% / 24 * 15))
  }

  .sm-pull-16{
    margin-left:calc(-(100% / 24 * 16))
  }

  .sm-pull-17{
    margin-left:calc(-(100% / 24 * 17))
  }

  .sm-pull-18{
    margin-left:calc(-(100% / 24 * 18))
  }

  .sm-pull-19{
    margin-left:calc(-(100% / 24 * 19))
  }

  .sm-pull-20{
    margin-left:calc(-(100% / 24 * 20))
  }

  .sm-pull-21{
    margin-left:calc(-(100% / 24 * 21))
  }

  .sm-pull-22{
    margin-left:calc(-(100% / 24 * 22))
  }

  .sm-pull-23{
    margin-left:calc(-(100% / 24 * 23))
  }

  .sm-pull-24{
    margin-left:calc(-(100% / 24 * 24))
  }
}

@media (min-width:960px){
  .horizontalForm__doubleInputGroup{
    float:left;
    width:66.66667%
  }

  .horizontalForm__doubleInput{
    float:left;
    width:50%;
    margin-bottom:0;
    padding-right:0;
    padding-left:5px
  }

  .horizontalForm__doubleInput--first{
    margin-bottom:0;
    padding-right:5px;
    padding-left:0
  }

  .break-on-md{
    width:100%;
    margin-left:0
  }

  .hide-on-md{
    display:none
  }

  .show-on-md{
    display:block
  }

  .md-column-1{
    width:calc((100% / 24) * 1)
  }

  .md-column-2{
    width:calc((100% / 24) * 2)
  }

  .md-column-3{
    width:calc((100% / 24) * 3)
  }

  .md-column-4{
    width:calc((100% / 24) * 4)
  }

  .md-column-5{
    width:calc((100% / 24) * 5)
  }

  .md-column-6{
    width:calc((100% / 24) * 6)
  }

  .md-column-7{
    width:calc((100% / 24) * 7)
  }

  .md-column-8{
    width:calc((100% / 24) * 8)
  }

  .md-column-9{
    width:calc((100% / 24) * 9)
  }

  .md-column-10{
    width:calc((100% / 24) * 10)
  }

  .md-column-11{
    width:calc((100% / 24) * 11)
  }

  .md-column-12{
    width:calc((100% / 24) * 12)
  }

  .md-column-13{
    width:calc((100% / 24) * 13)
  }

  .md-column-14{
    width:calc((100% / 24) * 14)
  }

  .md-column-15{
    width:calc((100% / 24) * 15)
  }

  .md-column-16{
    width:calc((100% / 24) * 16)
  }

  .md-column-17{
    width:calc((100% / 24) * 17)
  }

  .md-column-18{
    width:calc((100% / 24) * 18)
  }

  .md-column-19{
    width:calc((100% / 24) * 19)
  }

  .md-column-20{
    width:calc((100% / 24) * 20)
  }

  .md-column-21{
    width:calc((100% / 24) * 21)
  }

  .md-column-22{
    width:calc((100% / 24) * 22)
  }

  .md-column-23{
    width:calc((100% / 24) * 23)
  }

  .md-column-24{
    width:calc((100% / 24) * 24)
  }

  .md-push-1{
    margin-left:calc(100% / 24 * 1)
  }

  .md-push-2{
    margin-left:calc(100% / 24 * 2)
  }

  .md-push-3{
    margin-left:calc(100% / 24 * 3)
  }

  .md-push-4{
    margin-left:calc(100% / 24 * 4)
  }

  .md-push-5{
    margin-left:calc(100% / 24 * 5)
  }

  .md-push-6{
    margin-left:calc(100% / 24 * 6)
  }

  .md-push-7{
    margin-left:calc(100% / 24 * 7)
  }

  .md-push-8{
    margin-left:calc(100% / 24 * 8)
  }

  .md-push-9{
    margin-left:calc(100% / 24 * 9)
  }

  .md-push-10{
    margin-left:calc(100% / 24 * 10)
  }

  .md-push-11{
    margin-left:calc(100% / 24 * 11)
  }

  .md-push-12{
    margin-left:calc(100% / 24 * 12)
  }

  .md-push-13{
    margin-left:calc(100% / 24 * 13)
  }

  .md-push-14{
    margin-left:calc(100% / 24 * 14)
  }

  .md-push-15{
    margin-left:calc(100% / 24 * 15)
  }

  .md-push-16{
    margin-left:calc(100% / 24 * 16)
  }

  .md-push-17{
    margin-left:calc(100% / 24 * 17)
  }

  .md-push-18{
    margin-left:calc(100% / 24 * 18)
  }

  .md-push-19{
    margin-left:calc(100% / 24 * 19)
  }

  .md-push-20{
    margin-left:calc(100% / 24 * 20)
  }

  .md-push-21{
    margin-left:calc(100% / 24 * 21)
  }

  .md-push-22{
    margin-left:calc(100% / 24 * 22)
  }

  .md-push-23{
    margin-left:calc(100% / 24 * 23)
  }

  .md-push-24{
    margin-left:calc(100% / 24 * 24)
  }

  .md-pull-1{
    margin-left:calc(-(100% / 24 * 1))
  }

  .md-pull-2{
    margin-left:calc(-(100% / 24 * 2))
  }

  .md-pull-3{
    margin-left:calc(-(100% / 24 * 3))
  }

  .md-pull-4{
    margin-left:calc(-(100% / 24 * 4))
  }

  .md-pull-5{
    margin-left:calc(-(100% / 24 * 5))
  }

  .md-pull-6{
    margin-left:calc(-(100% / 24 * 6))
  }

  .md-pull-7{
    margin-left:calc(-(100% / 24 * 7))
  }

  .md-pull-8{
    margin-left:calc(-(100% / 24 * 8))
  }

  .md-pull-9{
    margin-left:calc(-(100% / 24 * 9))
  }

  .md-pull-10{
    margin-left:calc(-(100% / 24 * 10))
  }

  .md-pull-11{
    margin-left:calc(-(100% / 24 * 11))
  }

  .md-pull-12{
    margin-left:calc(-(100% / 24 * 12))
  }

  .md-pull-13{
    margin-left:calc(-(100% / 24 * 13))
  }

  .md-pull-14{
    margin-left:calc(-(100% / 24 * 14))
  }

  .md-pull-15{
    margin-left:calc(-(100% / 24 * 15))
  }

  .md-pull-16{
    margin-left:calc(-(100% / 24 * 16))
  }

  .md-pull-17{
    margin-left:calc(-(100% / 24 * 17))
  }

  .md-pull-18{
    margin-left:calc(-(100% / 24 * 18))
  }

  .md-pull-19{
    margin-left:calc(-(100% / 24 * 19))
  }

  .md-pull-20{
    margin-left:calc(-(100% / 24 * 20))
  }

  .md-pull-21{
    margin-left:calc(-(100% / 24 * 21))
  }

  .md-pull-22{
    margin-left:calc(-(100% / 24 * 22))
  }

  .md-pull-23{
    margin-left:calc(-(100% / 24 * 23))
  }

  .md-pull-24{
    margin-left:calc(-(100% / 24 * 24))
  }
}

@media screen and (min-width:960px){
  @supports ((position: -webkit-sticky) or (position: sticky)){
    .search-bar--sticky{
      position:-webkit-sticky;
      position:sticky;
      background:linear-gradient(0deg,#1a4d98,#4168c6);
      top:0;
      z-index:100
    }
  }
}

@media (min-width:1024px){
  .break-on-lg{
    width:100%;
    margin-left:0
  }

  .hide-on-lg{
    display:none
  }

  .show-on-lg{
    display:block
  }

  .lg-column-1{
    width:calc((100% / 24) * 1)
  }

  .lg-column-2{
    width:calc((100% / 24) * 2)
  }

  .lg-column-3{
    width:calc((100% / 24) * 3)
  }

  .lg-column-4{
    width:calc((100% / 24) * 4)
  }

  .lg-column-5{
    width:calc((100% / 24) * 5)
  }

  .lg-column-6{
    width:calc((100% / 24) * 6)
  }

  .lg-column-7{
    width:calc((100% / 24) * 7)
  }

  .lg-column-8{
    width:calc((100% / 24) * 8)
  }

  .lg-column-9{
    width:calc((100% / 24) * 9)
  }

  .lg-column-10{
    width:calc((100% / 24) * 10)
  }

  .lg-column-11{
    width:calc((100% / 24) * 11)
  }

  .lg-column-12{
    width:calc((100% / 24) * 12)
  }

  .lg-column-13{
    width:calc((100% / 24) * 13)
  }

  .lg-column-14{
    width:calc((100% / 24) * 14)
  }

  .lg-column-15{
    width:calc((100% / 24) * 15)
  }

  .lg-column-16{
    width:calc((100% / 24) * 16)
  }

  .lg-column-17{
    width:calc((100% / 24) * 17)
  }

  .lg-column-18{
    width:calc((100% / 24) * 18)
  }

  .lg-column-19{
    width:calc((100% / 24) * 19)
  }

  .lg-column-20{
    width:calc((100% / 24) * 20)
  }

  .lg-column-21{
    width:calc((100% / 24) * 21)
  }

  .lg-column-22{
    width:calc((100% / 24) * 22)
  }

  .lg-column-23{
    width:calc((100% / 24) * 23)
  }

  .lg-column-24{
    width:calc((100% / 24) * 24)
  }

  .lg-push-1{
    margin-left:calc(100% / 24 * 1)
  }

  .lg-push-2{
    margin-left:calc(100% / 24 * 2)
  }

  .lg-push-3{
    margin-left:calc(100% / 24 * 3)
  }

  .lg-push-4{
    margin-left:calc(100% / 24 * 4)
  }

  .lg-push-5{
    margin-left:calc(100% / 24 * 5)
  }

  .lg-push-6{
    margin-left:calc(100% / 24 * 6)
  }

  .lg-push-7{
    margin-left:calc(100% / 24 * 7)
  }

  .lg-push-8{
    margin-left:calc(100% / 24 * 8)
  }

  .lg-push-9{
    margin-left:calc(100% / 24 * 9)
  }

  .lg-push-10{
    margin-left:calc(100% / 24 * 10)
  }

  .lg-push-11{
    margin-left:calc(100% / 24 * 11)
  }

  .lg-push-12{
    margin-left:calc(100% / 24 * 12)
  }

  .lg-push-13{
    margin-left:calc(100% / 24 * 13)
  }

  .lg-push-14{
    margin-left:calc(100% / 24 * 14)
  }

  .lg-push-15{
    margin-left:calc(100% / 24 * 15)
  }

  .lg-push-16{
    margin-left:calc(100% / 24 * 16)
  }

  .lg-push-17{
    margin-left:calc(100% / 24 * 17)
  }

  .lg-push-18{
    margin-left:calc(100% / 24 * 18)
  }

  .lg-push-19{
    margin-left:calc(100% / 24 * 19)
  }

  .lg-push-20{
    margin-left:calc(100% / 24 * 20)
  }

  .lg-push-21{
    margin-left:calc(100% / 24 * 21)
  }

  .lg-push-22{
    margin-left:calc(100% / 24 * 22)
  }

  .lg-push-23{
    margin-left:calc(100% / 24 * 23)
  }

  .lg-push-24{
    margin-left:calc(100% / 24 * 24)
  }

  .lg-pull-1{
    margin-left:calc(-(100% / 24 * 1))
  }

  .lg-pull-2{
    margin-left:calc(-(100% / 24 * 2))
  }

  .lg-pull-3{
    margin-left:calc(-(100% / 24 * 3))
  }

  .lg-pull-4{
    margin-left:calc(-(100% / 24 * 4))
  }

  .lg-pull-5{
    margin-left:calc(-(100% / 24 * 5))
  }

  .lg-pull-6{
    margin-left:calc(-(100% / 24 * 6))
  }

  .lg-pull-7{
    margin-left:calc(-(100% / 24 * 7))
  }

  .lg-pull-8{
    margin-left:calc(-(100% / 24 * 8))
  }

  .lg-pull-9{
    margin-left:calc(-(100% / 24 * 9))
  }

  .lg-pull-10{
    margin-left:calc(-(100% / 24 * 10))
  }

  .lg-pull-11{
    margin-left:calc(-(100% / 24 * 11))
  }

  .lg-pull-12{
    margin-left:calc(-(100% / 24 * 12))
  }

  .lg-pull-13{
    margin-left:calc(-(100% / 24 * 13))
  }

  .lg-pull-14{
    margin-left:calc(-(100% / 24 * 14))
  }

  .lg-pull-15{
    margin-left:calc(-(100% / 24 * 15))
  }

  .lg-pull-16{
    margin-left:calc(-(100% / 24 * 16))
  }

  .lg-pull-17{
    margin-left:calc(-(100% / 24 * 17))
  }

  .lg-pull-18{
    margin-left:calc(-(100% / 24 * 18))
  }

  .lg-pull-19{
    margin-left:calc(-(100% / 24 * 19))
  }

  .lg-pull-20{
    margin-left:calc(-(100% / 24 * 20))
  }

  .lg-pull-21{
    margin-left:calc(-(100% / 24 * 21))
  }

  .lg-pull-22{
    margin-left:calc(-(100% / 24 * 22))
  }

  .lg-pull-23{
    margin-left:calc(-(100% / 24 * 23))
  }

  .lg-pull-24{
    margin-left:calc(-(100% / 24 * 24))
  }
}

@media screen and (min-width:1024px){
  .search-bar form input,.search-bar form select{
    margin-bottom:0
  }
}

@media (min-width:1140px){
  .horizontalForm__doubleInput,.horizontalForm__doubleInputGroup{
    float:left;
    width:50%
  }

  .break-on-xl{
    width:100%;
    margin-left:0
  }

  .hide-on-xl{
    display:none
  }

  .show-on-xl{
    display:block
  }

  .xl-column-1{
    width:calc((100% / 24) * 1)
  }

  .xl-column-2{
    width:calc((100% / 24) * 2)
  }

  .xl-column-3{
    width:calc((100% / 24) * 3)
  }

  .xl-column-4{
    width:calc((100% / 24) * 4)
  }

  .xl-column-5{
    width:calc((100% / 24) * 5)
  }

  .xl-column-6{
    width:calc((100% / 24) * 6)
  }

  .xl-column-7{
    width:calc((100% / 24) * 7)
  }

  .xl-column-8{
    width:calc((100% / 24) * 8)
  }

  .xl-column-9{
    width:calc((100% / 24) * 9)
  }

  .xl-column-10{
    width:calc((100% / 24) * 10)
  }

  .xl-column-11{
    width:calc((100% / 24) * 11)
  }

  .xl-column-12{
    width:calc((100% / 24) * 12)
  }

  .xl-column-13{
    width:calc((100% / 24) * 13)
  }

  .xl-column-14{
    width:calc((100% / 24) * 14)
  }

  .xl-column-15{
    width:calc((100% / 24) * 15)
  }

  .xl-column-16{
    width:calc((100% / 24) * 16)
  }

  .xl-column-17{
    width:calc((100% / 24) * 17)
  }

  .xl-column-18{
    width:calc((100% / 24) * 18)
  }

  .xl-column-19{
    width:calc((100% / 24) * 19)
  }

  .xl-column-20{
    width:calc((100% / 24) * 20)
  }

  .xl-column-21{
    width:calc((100% / 24) * 21)
  }

  .xl-column-22{
    width:calc((100% / 24) * 22)
  }

  .xl-column-23{
    width:calc((100% / 24) * 23)
  }

  .xl-column-24{
    width:calc((100% / 24) * 24)
  }

  .xl-push-1{
    margin-left:calc(100% / 24 * 1)
  }

  .xl-push-2{
    margin-left:calc(100% / 24 * 2)
  }

  .xl-push-3{
    margin-left:calc(100% / 24 * 3)
  }

  .xl-push-4{
    margin-left:calc(100% / 24 * 4)
  }

  .xl-push-5{
    margin-left:calc(100% / 24 * 5)
  }

  .xl-push-6{
    margin-left:calc(100% / 24 * 6)
  }

  .xl-push-7{
    margin-left:calc(100% / 24 * 7)
  }

  .xl-push-8{
    margin-left:calc(100% / 24 * 8)
  }

  .xl-push-9{
    margin-left:calc(100% / 24 * 9)
  }

  .xl-push-10{
    margin-left:calc(100% / 24 * 10)
  }

  .xl-push-11{
    margin-left:calc(100% / 24 * 11)
  }

  .xl-push-12{
    margin-left:calc(100% / 24 * 12)
  }

  .xl-push-13{
    margin-left:calc(100% / 24 * 13)
  }

  .xl-push-14{
    margin-left:calc(100% / 24 * 14)
  }

  .xl-push-15{
    margin-left:calc(100% / 24 * 15)
  }

  .xl-push-16{
    margin-left:calc(100% / 24 * 16)
  }

  .xl-push-17{
    margin-left:calc(100% / 24 * 17)
  }

  .xl-push-18{
    margin-left:calc(100% / 24 * 18)
  }

  .xl-push-19{
    margin-left:calc(100% / 24 * 19)
  }

  .xl-push-20{
    margin-left:calc(100% / 24 * 20)
  }

  .xl-push-21{
    margin-left:calc(100% / 24 * 21)
  }

  .xl-push-22{
    margin-left:calc(100% / 24 * 22)
  }

  .xl-push-23{
    margin-left:calc(100% / 24 * 23)
  }

  .xl-push-24{
    margin-left:calc(100% / 24 * 24)
  }

  .xl-pull-1{
    margin-left:calc(-(100% / 24 * 1))
  }

  .xl-pull-2{
    margin-left:calc(-(100% / 24 * 2))
  }

  .xl-pull-3{
    margin-left:calc(-(100% / 24 * 3))
  }

  .xl-pull-4{
    margin-left:calc(-(100% / 24 * 4))
  }

  .xl-pull-5{
    margin-left:calc(-(100% / 24 * 5))
  }

  .xl-pull-6{
    margin-left:calc(-(100% / 24 * 6))
  }

  .xl-pull-7{
    margin-left:calc(-(100% / 24 * 7))
  }

  .xl-pull-8{
    margin-left:calc(-(100% / 24 * 8))
  }

  .xl-pull-9{
    margin-left:calc(-(100% / 24 * 9))
  }

  .xl-pull-10{
    margin-left:calc(-(100% / 24 * 10))
  }

  .xl-pull-11{
    margin-left:calc(-(100% / 24 * 11))
  }

  .xl-pull-12{
    margin-left:calc(-(100% / 24 * 12))
  }

  .xl-pull-13{
    margin-left:calc(-(100% / 24 * 13))
  }

  .xl-pull-14{
    margin-left:calc(-(100% / 24 * 14))
  }

  .xl-pull-15{
    margin-left:calc(-(100% / 24 * 15))
  }

  .xl-pull-16{
    margin-left:calc(-(100% / 24 * 16))
  }

  .xl-pull-17{
    margin-left:calc(-(100% / 24 * 17))
  }

  .xl-pull-18{
    margin-left:calc(-(100% / 24 * 18))
  }

  .xl-pull-19{
    margin-left:calc(-(100% / 24 * 19))
  }

  .xl-pull-20{
    margin-left:calc(-(100% / 24 * 20))
  }

  .xl-pull-21{
    margin-left:calc(-(100% / 24 * 21))
  }

  .xl-pull-22{
    margin-left:calc(-(100% / 24 * 22))
  }

  .xl-pull-23{
    margin-left:calc(-(100% / 24 * 23))
  }

  .xl-pull-24{
    margin-left:calc(-(100% / 24 * 24))
  }
}

@media (max-width:1140px){
  .menu__item{
    font-size:.8125rem
  }

  .gutter-flush-under-xl,[class*=gutter].break-under-xl{
    padding-right:0;
    padding-left:0
  }

  .text--left-under-xl{
    text-align:left
  }

  .text--center-under-xl{
    text-align:center
  }

  .break-under-xl{
    width:100%;
    margin-left:0
  }

  .hide-under-xl{
    display:none!important
  }

  .show-under-xl{
    display:block
  }
}

@media (max-width:1024px){
  .parsley-realignment__file-upload-container{
    margin-top:15px;
    margin-bottom:15px
  }

  .nav-bar{
    display:none
  }

  .nav-bar__container{
    display:inline-flex;
    align-items:center
  }

  .header__nav{
    padding:0
  }

  .padding-top--20-under-lg{
    padding-top:20px!important
  }

  .padding-top--15-under-lg{
    padding-top:15px!important
  }

  .padding-top--0-under-lg{
    padding-top:0!important
  }

  .padding-b--25-under-lg{
    padding-bottom:25px!important
  }

  .padding-b--20-under-lg{
    padding-bottom:20px!important
  }

  .padding-b--10-under-lg{
    padding-bottom:10px!important
  }

  .padding-bottom--0-under-lg{
    padding-bottom:0!important
  }

  .padding-tb--10-under-lg{
    padding-top:10px!important;
    padding-bottom:10px!important
  }

  .padding-lr--20-under-lg{
    padding-right:20px!important;
    padding-left:20px!important
  }

  .padding-lr--10-under-lg{
    padding-right:10px!important;
    padding-left:10px!important
  }

  .padding-lr--5-under-lg{
    padding-right:5px!important;
    padding-left:5px!important
  }

  [class*=gutter].break-under-lg{
    padding-right:0;
    padding-left:0
  }

  .gutter-flush-under-lg{
    padding-right:0!important;
    padding-left:0!important
  }

  .padding-left--0-under-lg{
    padding-left:0
  }

  .padding-right--10-under-lg{
    padding-right:10px
  }

  .padding-right--0-under-lg{
    padding-right:0
  }

  .text--left-under-lg{
    text-align:left
  }

  .text--center-under-lg{
    text-align:center
  }

  .break-under-lg{
    width:100%;
    margin-left:0
  }

  .hide-under-lg{
    display:none!important
  }

  .show-under-lg{
    display:block
  }

  .border--none-under--lg{
    border:none!important
  }
}

@media (max-width:960px){
  .job-seeker-area .button--primary,.job-seeker-area .button--submit{
    width:auto
  }

  .button--remove.active,.button--remove:hover{
    background-color:initial
  }

  .button--remove.active:before,.button--remove:hover:before{
    content:normal
  }

  .job-header__details .button--favorite{
    padding:0!important
  }

  .bm-modal{
    top:20px;
    right:20px;
    left:20px;
    margin:0;
    width:calc(100% - 40px);
    transform:none
  }

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

  .padding-lr--15-under-md{
    padding-right:15px!important;
    padding-left:15px!important
  }

  .padding-lr--10-under-md{
    padding-right:10px!important;
    padding-left:10px!important
  }

  [class*=gutter].break-under-md{
    padding-right:0;
    padding-left:0
  }

  .gutter-flush-under-md{
    padding-right:0!important;
    padding-left:0!important
  }

  .padding-b--15-under-md{
    padding-bottom:15px!important
  }

  .padding-b--25-under-md{
    padding-bottom:25px!important
  }

  .text--left-under-md{
    text-align:left
  }

  .text--center-under-md{
    text-align:center
  }

  .break-under-md{
    width:100%;
    min-width:100%;
    margin-left:0
  }

  .hide-under-md{
    display:none
  }

  .show-under-md{
    display:block
  }
}

@media (max-width:768px){
  .search-bar h3{
    display:none
  }

  .notifications__save-job .notification-panel__message{
    padding:10px;
    font-size:.875rem
  }

  .padding-top--15-under-sm{
    padding-top:15px!important
  }

  .padding-lr--10-under-sm{
    padding-right:10px;
    padding-left:10px
  }

  [class*=gutter].break-under-sm{
    padding-right:0;
    padding-left:0
  }

  .gutter-flush-under-sm{
    padding-right:0!important;
    padding-left:0!important
  }

  .padding-top--0-under-sm{
    padding-top:0!important
  }

  .padding-bottom--20-under-sm{
    padding-bottom:20px!important
  }

  .text--left-under-sm{
    text-align:left
  }

  .text--center-under-sm{
    text-align:center
  }

  .break-under-sm{
    width:100%;
    max-width:100%;
    margin-left:0
  }

  .hide-under-sm{
    display:none
  }

  .show-under-sm{
    display:block
  }

  .l-dropdown-menu{
    right:0;
    left:auto
  }
}

@media (max-width:640px){
  .header__nav{
    margin:0
  }

  .mobile-menu__content.active{
    width:100%
  }

  [class*=gutter].break-under-xs{
    padding-right:0;
    padding-left:0
  }

  .gutter-flush-under-xs{
    padding-right:0!important;
    padding-left:0!important
  }

  .padding-all-25-50,.padding-all-50{
    padding:25px
  }

  .text--left-under-xs{
    text-align:left
  }

  .text--center-under-xs{
    text-align:center!important
  }

  .break-under-xs{
    width:100%;
    margin-left:0
  }

  .hide-under-xs{
    display:none
  }

  .show-under-xs{
    display:inline-block!important
  }

  .cookie-consent__bar{
    height:auto
  }

  .cookie-consent__title{
    justify-content:center
  }

  .cookie-consent__content{
    margin:20px 20px;
    text-align:center
  }
}

@media screen and (max-width:1024px){
  .list-style-none--under-lg{
    list-style:none
  }

  .job-header .label--new{
    margin-left:0
  }

  .search-bar .job-search-form>div{
    height:40px;
    margin-bottom:20px;
    padding-right:0;
    padding-left:0
  }

  .search-bar form .first{
    display:inline-block;
    width:100%
  }

  .search-bar .first p{
    text-align:center;
    width:100%;
    margin-left:0
  }

  .search-submit{
    max-height:40px;
    max-width:40px;
    min-height:40px;
    min-width:40px
  }

  .search-submit .i{
    margin:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
  }

  .search-bar--fixed{
    display:none;
    position:relative;
    z-index:-100
  }

  .search-bar .dropdown-menu{
    min-width:100%
  }

  .mj-myanmar .marketing-image-1{
    background-image:url(/build/static-assets/img/myjobs-theme/job-listing-mobile-out-5688a9d689.jpg)
  }

  .marketing-image-1{
    background-image:url(/build/static-assets/img/job-listing-mobile-out-660afaed14.jpg)
  }

  .marketing-image-2{
    background-image:url(/build/static-assets/img/job-listing-mobile-in-cc7822a39b.jpg)
  }

  .marketing-image-3{
    background-image:url(/build/static-assets/img/dashboard-mobile-03034a9fcc.jpg)
  }

  .marketing-image-4{
    background-image:url(/build/static-assets/img/job-details-mobile-2a7895e54e.jpg)
  }

  .realign--cta--flex-start{
    margin-top:20px;
    align-items:flex-start!important
  }

  .marketing-image-9 .omx-marketing-title{
    max-width:400px!important
  }

  .marketing-image-9{
    background-position:90% 20px;
    background-size:24%
  }

  .assessment-banner-image{
    position:absolute;
    right:35px;
    top:-165px
  }

  .assessment-banner-margin{
    margin-left:50px
  }

  .assessment--banner-text-width{
    max-width:420px
  }

  .margin-top-bottom--10-under-lg{
    margin-top:10px!important;
    margin-bottom:10px!important
  }

  .margin-top--40-under-lg{
    margin-top:40px!important
  }

  .margin-top--20-under-lg{
    margin-top:20px!important
  }

  .margin-top--15-under-lg{
    margin-top:15px!important
  }

  .margin-top--10-under-lg{
    margin-top:10px!important
  }

  .margin-top--0-under-lg{
    margin-top:0!important
  }

  .margin-left--0-under-lg{
    margin-left:0!important
  }

  .margin-lr--0-under-lg,.margin-right--0-under-lg{
    margin-right:0!important
  }

  .margin-lr--0-under-lg{
    margin-left:0!important
  }

  .font-size-26--under-1024{
    font-size:1.625rem!important
  }

  .font-size-20--under-1024{
    font-size:1.25rem!important
  }

  .font-size-18--under-1024{
    font-size:1.125rem!important
  }

  .font-size-16--under-1024{
    font-size:1rem!important
  }

  .font-size-14--under-1024{
    font-size:.875rem!important
  }

  .font-size-12--under-1024{
    font-size:.75rem!important
  }

  .max-width--100-perc--under-lg{
    max-width:100%!important
  }

  .width--100-perc--under-lg{
    width:100%!important
  }

  .width--50-perc--under-lg{
    width:50%!important
  }

  .max-width--550--under-lg{
    max-width:550px!important
  }

  .max-width--40--under-lg{
    max-width:40px!important
  }

  .min-height-initial--under-lg{
    min-height:0!important
  }

  .no-transform--under-lg{
    transform:none
  }

  .align--center-under-lg{
    align-items:center!important
  }

  .align--flex-start-under-lg{
    align-items:flex-start!important
  }

  .display-inline-flex--under-lg{
    display:inline-flex
  }

  .display-flex--under-lg{
    display:flex
  }

  .flex-direction-top-to-bottom--under-lg{
    flex-direction:column!important
  }

  .flex-direction-left-to-right--under-lg{
    flex-direction:row!important
  }

  .justify--center--under-lg{
    justify-content:center
  }

  .justify--flex-start--under-lg{
    justify-content:flex-start!important
  }

  .align--center--under-lg{
    align-items:center
  }

  .align--start--under-lg{
    align-items:flex-start
  }

  .align--self-center--under-lg{
    align-self:center
  }

  .align--self-start--under-lg{
    align-self:flex-start!important
  }

  .flex--1--under-lg{
    flex:1
  }

  .flex--2--under-lg{
    flex:2
  }

  .flex--3--under-lg{
    flex:3
  }

  .order-1--under-lg{
    order:1!important
  }

  .order-2--under-lg{
    order:2!important
  }

  .order-3--under-lg{
    order:3
  }

  .order-4--under-lg{
    order:4
  }

  .opera-mini-mode .omx--padding-b--20-under-lg{
    padding-bottom:20px!important
  }

  .opera-mini-mode .omx--flex-top-to-bottom--under-lg{
    flex-direction:column!important
  }
}

@media screen and (max-width:768px){
  .global-footer__no-click{
    text-align:center
  }

  .global-footer .footer-block{
    width:100%
  }

  .global-footer .footer-block a,.global-footer .footer-block p,.global-footer p{
    text-align:center
  }

  .global-footer__info-link{
    border-right:none;
    padding:0;
    margin-right:0
  }

  .social-media-icon{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px
  }

  .google-play-icon{
    margin-top:30px
  }

  .global-footer .flex-column-under-768{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
  }

  .learning-request-call-modal-container .background--black--opacity-035{
    background-color:#fff
  }

  .learning-request-call-modal-container .learning-request-call-modal .customer-card{
    position:relative!important
  }

  .learning-payment-modal-container .background--black--opacity-035{
    background-color:#fff
  }

  .learning-payment-modal-container .learning-payment-modal .customer-card{
    position:relative!important
  }

  .endorsement-modal-container .background--black--opacity-035,.plus-modal-container .background--black--opacity-035{
    background-color:#fff
  }

  .endorsement-modal-container .job-seeker-endorsement-modal .customer-card{
    position:relative!important
  }

  .assessment-modal-container .background--black--opacity-035{
    background-color:#fff
  }

  .assessment-modal-container .job-seeker-assessment-modal .customer-card{
    position:relative!important
  }

  .modal_wrapper h3{
    font-size:1.25rem
  }

  .modal_wrapper p{
    padding:0
  }

  .modal_wrapper{
    padding:25px
  }

  .modal_wrapper .panel_wrapper--row{
    flex-direction:column
  }

  .information-modal-overlay__inner{
    display:inline-flex;
    flex-direction:column;
    max-width:100%;
    background-color:#fff;
    border-radius:3px;
    font-weight:300!important;
    color:#4e5559!important;
    position:absolute;
    top:0;
    left:0;
    transform:none
  }

  .margin-top--20-under-sm{
    margin-top:20px!important
  }

  .margin-top--10-under-sm{
    margin-top:10px!important
  }

  .margin-top--0-under-sm{
    margin-top:0!important
  }

  .margin-bottom--0-under-sm{
    margin-bottom:0
  }

  .margin-left--0-under-sm{
    margin-left:0
  }

  .margin-lr--0-under-sm,.margin-right--0-under-sm{
    margin-right:0!important
  }

  .margin-lr--0-under-sm{
    margin-left:0!important
  }

  .width--100-perc--under-sm{
    width:100%!important
  }

  .max-width--100-perc--under-sm{
    max-width:100%!important
  }

  .min-height-initial--under-sm{
    min-height:0!important
  }

  .justify--space-between--under-sm{
    justify-content:space-between
  }

  .flex-direction-top-to-bottom--under-sm{
    flex-direction:column!important
  }

  .justify--flex-start--under-sm{
    justify-content:flex-start
  }

  .justify--center--under-sm{
    justify-content:center
  }

  .align-all-center--under-sm{
    justify-content:center;
    align-items:center
  }

  .align--start--under-sm{
    align-items:flex-start!important
  }

  .on-boarding-overlay{
    position:relative;
    background:transparent
  }

  .cv-overlay{
    padding:0
  }

  .cv-center div{
    width:100%;
    height:100%;
    padding:0
  }
}

@media screen and (max-width:960px){
  @supports ((position: -webkit-sticky) or (position: sticky)){
    .search-bar--sticky{
      position:relative
    }
  }

  .margin-top--20-under-md{
    margin-top:20px!important
  }

  .margin-top--10-under-md{
    margin-top:10px!important
  }

  .margin-lr--0-under-md{
    margin-left:0!important;
    margin-right:0!important
  }

  .font-size-20--under-960{
    font-size:1.25rem!important
  }

  .font-size-18--under-960{
    font-size:1.125rem!important
  }

  .width--100-perc--under-md{
    width:100%!important
  }

  [class*=content-panel].direction--row{
    flex-direction:column
  }

  .flex-wrapper-column>.flex-wrapper-column{
    margin:0
  }

  .if-wrapper-row{
    flex-direction:column
  }

  .if-wrapper-row.maintain--row{
    flex-direction:row
  }

  .flex-direction-top-to-bottom--under-md{
    flex-direction:column!important
  }

  .justify--flex-start--under-md{
    justify-content:flex-start!important
  }

  .order-1--under-md{
    order:1
  }

  .order-2--under-md{
    order:2
  }

  .order-3--under-md{
    order:3
  }

  .order-4--under-md{
    order:4
  }
}

@media screen and (max-width:400px){
  .g-recaptcha{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
  }
}

@media screen and (max-height:640px){
  .bm-modal{
    max-width:calc(100% - 40px);
    top:20px;
    right:20px;
    left:20px;
    margin:0;
    width:calc(100% - 40px);
    transform:none
  }
}

@media screen and (max-width:640px){
  .marketing-card__headline{
    color:#fff!important
  }

  .marketing-image-9 .omx-marketing-title{
    max-width:290px!important;
    font-size:1.125rem
  }

  .marketing-image-9{
    background-position:90% 20px;
    background-size:30%
  }

  .marketing-image-11{
    background-image:url(/build/static-assets/img/insights-banner-2-8c7261112a.jpg)
  }

  .marketing-image-13{
    background-image:url(/build/static-assets/img/insights-banner-3-d47c1beaaf.jpg)
  }

  .margin-top--20-under-xs{
    margin-top:20px!important
  }

  .margin-top-300--under-xs{
    margin-top:300px!important
  }

  .mj-myanmar .margin-top-300--under-xs{
    margin-top:145px!important
  }

  .margin-auto-under-xs{
    margin-left:auto;
    margin-right:auto
  }

  .flex-direction-top-to-bottom--under-xs{
    flex-direction:column!important
  }

  .align-all-center--under-xs{
    justify-content:center;
    align-items:center
  }

  .justify--flex-start--under-xs{
    justify-content:flex-start!important
  }

  .order-1--under-xs{
    order:1!important
  }

  .order-2--under-xs{
    order:2!important
  }
}

@media screen and (max-width:1280px){
  .assessment-banner-image{
    position:absolute;
    right:35px;
    top:-165px
  }

  .assessment-banner-margin{
    margin-left:100px
  }

  .margin-left--10-under-xxl{
    margin-left:10px!important
  }
}

@media screen and (max-width:2880px){
  .assessment-banner-image{
    position:absolute;
    right:300px;
    top:-165px
  }

  .assessment-banner-margin{
    margin-left:250px
  }
}

@media screen and (max-width:1140px){
  .margin-auto-under-xl{
    margin-left:auto!important;
    margin-right:auto!important
  }

  .flex-direction-top-to-bottom--under-xl{
    flex-direction:column!important
  }

  .justify--center--under-xl{
    justify-content:center!important
  }
}