body{
  font-family: 'HolidayExtrasSans-Light' ,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background-image: none !important;
  background: #F0F0F0 !important;
}
.navbar-inverse{
  background-color: #542e91;
  border: none;
  height: 110px;
}
 
.mainContentContainer {
 max-width: 1115px !important;
 margin-top: 115px;
 padding: 10px !important;
}
  body .navbar .brand {
    background-image: url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/images/logos/HolidayExtras-logo-stacked-transparent.svg);
    background-size: 167px 109px;
    width: 167px;
    height: 109px !important;
    color: #fff;
  }
  .navbar-header h1{
    line-height: 1;
    margin: 20px 0px 0px 20%;
    position: absolute;
    font-family: 'HolidayExtrasSans-Light' ,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    font-size: 36px;
  }
  .navbar-header h1 span.trade-mark{
    margin-left: -10px;
  }
.col-sm-7.pull-left.agent-form {
  border: 1px solid;
  padding: 22px 0px 0px 0px;
  background-color: #fedc08;
  border-color: #fedc08;
  color: #542e91;
  max-width: 438px;
}
  .agentLoginContainer input.form-control {
    line-height: 20px;
    font-size: 16px!important;
    width: 100%;
    height: 38px!important;
    color: #000000 !important;}
  .col-sm-12.inputInfo p, .col-sm-12.inputInfo span.brandColour, a#backToHomepage{
    color: #542e91 !important;
    text-shadow: none;
  }
  .hx-btn-ultimate {
    color: #fff;
    background-color: #542e91;
    border-color: #542e91;
    border: 5px solid #65439c;
    height: 46px;
    padding: 0;
    margin: 30px 0 20px;
    width: 100% !important;
  }
  .pull-right {
      float: right !important;
      width: 50%;
  }
  @media only screen and (max-width: 991px){
    .navbar .brand {
      left: 0% !important;
      margin-left: 0px !important;
      background-size: contain !important;
      background-repeat: no-repeat !important;
      position: relative;
    }
    .col-sm-7.pull-left.agent-form {max-width: 350px !important;}
  }
  @media only screen and (max-width: 725px){
    .col-sm-7.pull-left.agent-form {margin: 0 auto !important;float: none !important;}
    div#banner.pull-right {display: none;}
    .navbar-header h1 {
    margin: 25px 10px 0px 0px;
    position: relative;
    font-size: 21px;
    float: right;}
  }
  @media only screen and (max-width: 580px){
    .navbar.navbar-inverse.navbar-default.navbar-fixed-top.belowTheFold {position: absolute !important;}
  }
  @media only screen and (max-width: 305px){
  body .navbar .brand {width: 137px;}
  .navbar-inverse {height: 99px;}
  }
  /*IE8.0 Hack! */
  @media \0screen {	img {}}