Client login feature enabled:
#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button]{
    display: none;
visibility: hidden;
}
Client login feature disabled:
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
visibility: hidden;
}
#sb_terms_and_conditions > div > div:nth-child(2) > div {
display:none;
visibility: hidden;
}
 #sb_profile_form > div.form-group.is_sms_unsubscribed{
    display: none;
}

#sb_profile_form > div.form-group.is_email_unsubscribed{
    display: none;
}

#sb_profile_form > div.bar-with-btn > a.btn.btn--to-invoices.popup-hide{
    display: none;
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
@charset "utf-8";
@font-face {
  font-family: 'Montserrat';
  src: url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-SemiBold.eot');
  src: url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-SemiBold.woff') format('woff'), url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-SemiBold.ttf') format('truetype'), url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-Regular.eot');
  src: url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-Regular.woff') format('woff'), url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-Regular.ttf') format('truetype'), url('https://9988f1b2e8ebfd98e934-4ce7b066f3e4f7d4d1090be46a24c575.ssl.cf1.rackcdn.com/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}
.font-third {
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
}
/* Colors */
/*Pay online fee icon font size */
/* css for Chinese page social icons */
#socialMedia .weChat {
  background: url(../../static/QR-WeChat-UK.svg) no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .youku {
  background: url(../../static/youku.png) no-repeat top left;
  background-size: 50px 50px;
}
/*Images*/
/*full width section colors*/
/* Error messages */
.error-message {
  padding: 10px;
  color: red;
  border: 2px solid red;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Hide mobile content on the desktop */
.mobile {
  display: none !important;
}
#scrollToTop {
  position: fixed;
  top: 10px;
  left: 50%;
  width: 40px;
  margin-left: -30px;
  padding: 11px 20px 9px 5px;
  z-index: 490;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  color: #fff;
  text-align: center;
  font-size: 0.9em;
  font-family: 'Alte Haas Grotesk', Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1em;
  background-position: right center;
  background-image: url('../../static/top-arrow-background@2x.png');
  background-repeat: no-repeat;
  background-size: 25px 25px;
  cursor: pointer;
}
/* Button that hovers over the page - javascript assists display */
a.topLink {
  display: none;
}
/* Top links are no longer used, they've been replace by the floating top button */
/* Fix the hover status of touch devices by removing underline of links on them. You'll see a lot of no-touch filters being used to set hover states on non-touch devices */
a:hover {
  text-decoration: none;
}
a.no-underline:hover {
  text-decoration: none;
}
.no-touch a:hover {
  text-decoration: underline;
}
.no-touch a.no-underline,
.no-touch a.no-underline:hover {
  text-decoration: none;
}
.button a {
  text-decoration: none;
}
.ielts-button a {
  text-decoration: none;
}
/* CONTENT */
/* Header Images */
.headline-picture {
  position: relative;
  display: block;
  width: 100%;
  height: 250px;
  margin-bottom: 30px;
  background-color: #eee;
  background-position: center center;
  background-size: 960px 250px;
}
h1.headline-title {
  font-size: 1.8em;
  color: #fff;
  position: absolute;
  bottom: 0px;
  padding: 7px 10px 10px 10px;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.tall {
  height: 500px;
  background-size: 960px 500px;
}
.short {
  height: 150px;
  background-size: 960px 150px;
}
/* Letters are used when we have a direct testimonal of message to the user from a person of importance e.g. College Principle, also used in form thank you pages */
.letter {
  margin: 10px 10px 20px 10px;
  padding: 10px 10px;
  border: 2px solid #eee;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* .ib is used to group content that will be split across css columns */
.ib {
  display: inline-block;
  min-width: 300px;
  width: 100%;
}
.staff .ib {
  display: inline-block;
  border: 2px solid #e5eaee;
  margin: 5px 0px;
  padding: 5px 10px 10px 10px;
  min-width: 280px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
/* Fix table settings, mostly for legacy content */
table {
  overflow: scroll;
  background: #fefefe;
  width: 100%;
}
table td.dark {
  background-color: #333333;
}
th,
thead tr td,
.gridtable_header td {
  padding: 5px 5px 5px 5px;
  text-align: left;
  background-color: #00325b;
  color: #FFFFFF;
}
thead tr td,
.gridtable_header_dark td {
  padding: 5px 5px 5px 5px;
  text-align: left;
  background-color: #5C5C5C;
  color: #FFFFFF;
}
td {
  padding: 5px 5px 5px 5px;
}
td,
td p {
  font-size: 1em;
}
tr.odd-row td {
  background: #e5eaee;
}
td.first,
th.first {
  text-align: left;
}
.right {
  float: right;
}
.left {
  float: left;
}
/* Split panel - We're creating a left column that can resize from two thirds page width to one third page width and a right column of one third page width  */
.split-panel {
  padding-right: 310px;
  margin-bottom: 30px;
  border: 10px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.split-panel .left {
  float: left;
  display: block;
  width: 100%;
  min-height: 50px;
  background-color: transparent;
  border-right: 40px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.split-panel .right {
  float: right;
  display: block;
  width: 310px;
  min-height: 50px;
  margin-right: -310px;
  background-color: #fff;
  border-right: 0px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.split-panel-reversed {
  margin-bottom: 30px;
  padding-left: 310px;
  border: 10px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.split-panel-reversed .right {
  float: right;
  display: block;
  width: 100%;
  min-height: 50px;
  background-color: transparent;
  border-right: 0px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.split-panel-reversed .left {
  float: left;
  display: block;
  width: 310px;
  min-height: 50px;
  margin-left: -310px;
  background-color: transparent;
  border-right: 40px solid transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.grayback {
  padding: 10px;
  border: 2px solid #e5eaee;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Cards are used in various places e.g. About to show maps and other boxable content */
.card .pdf {
  margin: 10px 0 0 0;
  background-color: #098480;
  color: white;
}
.card {
  float: left;
  position: relative;
  display: block;
  min-height: 300px;
  width: calc(100% / 2 - 20px);
  margin: 10px;
  padding: 10px;
  border: 2px solid #eee;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.card h2 {
  border-bottom: none;
  margin-bottom: 5px;
}
.card:nth-child(odd) {
  clear: both;
}
.map-canvas {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.card .map {
  float: left;
  height: 250px;
  width: 50%;
  padding: 0px 10px 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.card .ib {
  min-width: 0;
  display: block;
}
.one-card .card {
  float: left;
  width: calc(100% - 20px);
  background-color: #fff;
  border: 2px solid #eee;
  background-image: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.location-page .card {
  float: none;
  width: 100%;
  margin: 0;
}
.location-page .card .info {
  float: none;
  width: 100%;
  columns: 160px 2;
  -webkit-columns: 160px 2;
  -moz-columns: 160px 2;
}
.location-page .card .map {
  float: none;
  height: 200px;
  width: 100%;
  padding: 10px 0px 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.location-page .card .ib {
  display: inline-block;
}
/* Pathway banners*/
/* Tabs */
#tabBtns,
#multi-tabBtns {
  padding: 15px 0px;
}
#tabBtns a,
#multi-tabBtns a {
  border: 2px solid #eee;
  padding: 15px 10px;
  font-family: 'Alte Haas Grotesk', Helvetica, Arial, sans-serif;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#tabBtns a.sel,
#multi-tabBtns a.sel {
  background-color: #eee;
}
#tabBtns a:hover,
#multi-tabBtns a:hover {
  text-decoration: none;
}
.pathway-banner #imgHolder {
  position: relative;
  clear: both;
  width: 100%;
  min-height: 70px;
  display: table;
}
.pathway-banner a,
.pathway-banner a:hover {
  text-decoration: none;
}
.pathway-banner .pathway-banner-box {
  position: relative;
  display: table-row;
  width: 100%;
  min-height: 70px;
  clear: both;
}
.pathway-banner .pathway-chunk {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100%;
  width: 33%;
  width: calc(100% / 3);
  margin: 0;
  padding: 0px;
  background-color: #fff;
  border: 2px solid #eee;
  border-right: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 70px;
}
.pathway-banner .pathway-chunk-four {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100%;
  width: calc(100% / 4);
  margin: 0;
  padding: 0px;
  background-color: #fff;
  border: 2px solid #eee;
  height: 70px;
  border-right: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.pathway-banner .pathway-chunk.last {
  border-right: 2px solid #eee;
}
.pathway-banner .pathway-chunk-four.last {
  border-right: 2px solid #eee !important;
}
.pathway-banner.five .pathway-chunk {
  width: calc(100% / 5);
}
.pathway-banner.four .pathway-chunk {
  width: calc(100% / 4);
}
.pathway-banner .arrow-right {
  z-index: 10;
  width: 24px;
  height: 24px;
  position: absolute;
  right: -12px;
  top: calc(50% - 12px);
  background-image: url('../../static/progress-diagram-arrow-right@2x.png') !important;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.pathway-banner .pathway-cell-contents {
  position: relative;
  padding: 5px 15px;
}
.pathway-banner .pathway-cell-contents p {
  margin-bottom: 0;
}
.pathway-banner .pathway-cell-contents h3 {
  font-family: 'Alte Haas Grotesk', Helvetica, Arial, sans-serif;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
}
.pathway-banner .highschool .pathway-cell-contents h3 {
  color: #5C5C5C;
}
.pathway-banner .university .pathway-cell-contents h3 {
  color: #5C5C5C;
}
.pathway-banner.vertical {
  padding: 0px;
}
.pathway-banner.vertical .pathway-banner-box {
  display: block;
}
.pathway-banner.vertical #imgHolder {
  display: block;
}
.pathway-banner.vertical .pathway-chunk {
  display: block;
  border: 2px solid #eee;
  border-bottom: none;
  width: 100% !important;
}
.pathway-banner.vertical .pathway-chunk-four {
  display: block;
  border: 2px solid #eee;
  border-bottom: none;
}
.pathway-banner.vertical .pathway-chunk.last {
  border-bottom: 2px solid #eee;
}
.pathway-banner.vertical .pathway-chunk-four.last {
  border-bottom: 2px solid #eee;
}
.pathway-banner.vertical .pathway-cell-contents {
  padding: 15px 10px;
}
.pathway-banner.vertical .pathway-cell-contents p {
  margin-bottom: 0.4em;
}
.pathway-banner.vertical .pathway-chunk,
.pathway-banner.vertical .pathway-chunk-four,
.pathway-banner.vertical .pathway-chunk-five {
  width: 100%;
  height: 100%;
}
.pathway-banner.vertical .pathway-chunk,
.pathway-banner.vertical .pathway-chunk-four,
.pathway-banner.vertical .pathway-chunk-five {
  width: 100%;
}
.pathway-banner.vertical .arrow-right {
  right: calc(50% - 12px);
  top: calc(100% - 12px);
  background-image: url('../../static/progress-diagram-arrow-down@2x.png');
}
.full {
  padding: 10px;
  margin-bottom: 10px;
}
/* Used for adding padding to mobile items that stretch the full width on a desktop. */
@media all and (min-width: 960px) {
  .full {
    padding: 10px 0;
  }
  .split-panel,
  .split-panel-reversed {
    border: 0px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .tablet {
    display: none !important;
  }
}
@media all and (min-width: 0px) and (max-width: 959px) {
  .tablet {
    display: block;
  }
}
@media all and (min-width: 0px) and (max-width: 770px) {
  .split-panel .left {
    border-right: 20px solid transparent;
  }
  .headline-picture {
    height: 200px;
    background-size: 770px 200px;
    margin-bottom: 20px;
  }
  .locationcards-wrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .card {
    float: none;
    max-width: auto;
    min-width: 0;
    width: calc(100% - 20px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .card .info {
    float: none;
    width: 100%;
    min-width: 180px;
    columns: 160px 2;
    -webkit-columns: 160px 2;
    -moz-columns: 160px 2;
  }
  .card .map {
    float: none;
    height: 200px;
    width: 100%;
    padding: 10px 0px 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .card .ib {
    min-width: 180px;
    display: inline-block;
  }
}
@media all and (min-width: 641px) and (max-width: 720px) {
  .pathway-banner.five h3 {
    font-size: 1em;
  }
  .pathway-banner.five .pathway-chunk p {
    font-size: 0.95em;
  }
}
@media all and (min-width: 0px) and (max-width: 640px) {
  .left,
  .right {
    float: none;
  }
  .split-panel,
  .split-panel-reversed {
    padding-right: 0;
    padding-left: 0;
  }
  .split-panel .left {
    float: none;
    display: block;
    width: 100%;
    min-height: 50px;
    margin-bottom: 20px;
    border-right: 0px solid transparent;
  }
  .split-panel .right {
    clear: both;
    float: none;
    display: block;
    width: 100%;
    min-height: 50px;
    margin-right: 0px;
    margin-bottom: 20px;
    padding-top: 20px;
    background-color: transparent;
    border-right: 0px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .split-panel-reversed .right {
    float: none;
    display: block;
    width: 100%;
    min-height: 50px;
    border-right: 0px solid transparent;
  }
  .split-panel-reversed .left {
    float: none;
    display: block;
    width: 100%;
    min-height: 50px;
    margin-bottom: 20px;
    margin-left: 0px;
    background-color: transparent;
    border-right: 0px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pathway-banner .pathway-banner-box {
    display: block;
  }
  .pathway-banner #imgHolder {
    display: block;
  }
  .pathway-banner .pathway-chunk {
    display: block;
    border: 2px solid #eee;
    border-bottom: none;
    width: 100% !important;
  }
  .pathway-banner .pathway-chunk-four {
    display: block;
    border: 2px solid #eee;
    border-bottom: none;
  }
  .pathway-banner .pathway-chunk.last {
    border-bottom: 2px solid #eee;
  }
  .pathway-banner .pathway-chunk-four.last {
    border-bottom: 2px solid #eee;
  }
  .pathway-banner .pathway-cell-contents {
    padding: 15px 10px;
  }
  .pathway-banner .pathway-cell-contents p {
    margin-bottom: 0.4em;
  }
  .pathway-banner .pathway-chunk,
  .pathway-banner .pathway-chunk-four,
  .pathway-banner .pathway-chunk-five {
    width: 100%;
    height: 100%;
  }
  .pathway-banner .pathway-chunk,
  .pathway-banner .pathway-chunk-four,
  .pathway-banner .pathway-chunk-five {
    width: 100%;
  }
  .pathway-banner .arrow-right {
    right: calc(50% - 12px);
    top: calc(100% - 12px);
    background-image: url('../../static/progress-diagram-arrow-down@2x.png');
  }
  /* Hides and unhides elements intended for phones or larger devices */
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .headline-picture {
    margin-bottom: 10px;
    height: 167px;
    background-size: 640px 167px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .pathway .arrow-down {
    background-image: url('../../static/progress-diagram-arrow-down@2x.png');
  }
  .pathway-banner .arrow-right {
    background-image: url('../../static/progress-diagram-arrow-right@2x.png');
  }
}
/*Overriding Up-stylesheet-basic css*/
.verveine {
  font-family: "Open Sans", sans-serif;
}
.corporatesbq {
  font-family: "Open Sans", sans-serif;
}
.altehaasgrotesk {
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
}
html,
body {
  font-family: "Open Sans", sans-serif;
  color: #5C5C5C;
  font-size: 1em;
  font-weight: normal;
}
h1,
h3,
h4,
h5 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
}
h2 {
  font-family: "Open Sans", sans-serif;
}
input[type="button"],
input[type="submit"] {
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
}
/* Microsite Heading Colors */
.highlightColor {
  color: #f48131 !important;
}
.highlightColor:hover {
  color: #098480 !important;
}
* {
  margin: 0;
}
html,
body {
  height: 100%;
}
body {
  -webkit-text-size-adjust: 100%;
  width: 100%;
}
thead tr td,
.gridtable_header_dark td {
  background-color: #00325b;
  color: #FFFFFF;
  font-weight: bold;
}
td {
  color: #5C5C5C;
}
/* Base element changes */
ul {
  list-style-image: url('../../static/LBIC/rollover/bullet.png');
  margin: 0 0 15px 35px;
}
hr {
  background: transparent;
  color: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 2px dashed #eee;
}
video {
  width: 100% !important;
  height: auto !important;
}
small {
  margin-bottom: 1em;
  font-size: 0.75em;
}
.columns {
  margin-bottom: 30px;
  padding: 10px 10px 10px 10px;
  columns: 300px 3;
  -webkit-columns: 300px 3;
  -moz-columns: 300px 3;
}
.twocolumns {
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  columns: 290px 2;
  -webkit-columns: 290px 2;
  -moz-columns: 290px 2;
  column-gap: 40px;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
}
.threecolumns {
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  columns: 200px 3;
  -webkit-columns: 200px 3;
  -moz-columns: 200px 3;
}
#content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#live-chat-button {
  position: fixed;
  bottom: -4px;
  right: 10px;
}
.gray,
.grey {
  color: #5C5C5C !important;
}
.background-gray {
  background-color: #5C5C5C !important;
}
/* Font changes */
h4,
ol li {
  color: #00325b;
}
h3,
h5 {
  color: #00325b;
}
a {
  color: #024f8e;
}
.upgreen {
  color: #009a49 !important;
}
.green {
  color: #00325b !important;
}
.transparent,
tr.transparent {
  background: none !important;
}
h1 {
  color: black;
}
.bold {
  font-weight: bold;
}
body,
p {
  font-size: 1em;
}
a {
  text-decoration: underline;
}
a:hover {
  color: #098480;
}
#main-menu li a,
.coursecloud li a,
.links-list li a,
a.pdf,
a.cta,
footer a,
.pathway a,
.shortcuts a {
  text-decoration: none;
}
.nov_intake_btn {
  background-color: #098480 !important;
  padding: 5px 33px 5px 7px !important;
  color: #FFFFFF !important;
  background-image: url('../../static/arrow-icws-blue.png');
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.nov_intake_btn:hover {
  background-color: #098480 !important;
  color: #ffffff !important;
  background-image: url('../../static/arrow-white.png');
}
.pathway-banner .arrow-right {
  background-image: url('../../static/LBIC/rollover/progress-diagram-arrow-right@2x.gif') !important;
}
/* Modify the homepage title on mobile devices */
h1#mobiletitle {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.194em;
  background-color: #eee;
  color: #00325b;
  width: 100%;
  margin-bottom: 10px;
  padding: 6px 5px 6px 5px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Titles with arrows, used on course pages */
h2.arrow,
h3.arrow,
h4.arrow {
  padding: 14px 10px 0px 25px;
  background-image: url('../../static/LBIC/rollover/arrow@2x.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0px 18px;
  border-bottom: none;
}
h2 {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.273em;
  padding-bottom: 0.1em;
  padding-top: 0.3em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #00325b;
}
.letter h2 {
  border-bottom: none;
}
/* Regular headings font sizes and spacing */
h3 {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.25em;
  padding-bottom: 0.3em;
  padding-top: 0.7em;
  margin-top: 0em;
  margin-bottom: 0em;
}
h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.235em;
  padding: 0 0 10px;
  margin-top: 0em;
  margin-bottom: 0em;
}
h4.arrow {
  font-size: 1.5em;
  color: #00325b;
  padding-bottom: 0;
  margin-left: 10px;
}
p + h4 {
  margin-top: 0em;
}
.first-line {
  padding-top: 0em;
}
h6 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
}
h2,
h6 {
  color: #00325b;
}
ul li,
label {
  color: #5C5C5C;
}
p {
  color: #5C5C5C;
}
.program_manage_h1 {
  width: auto;
  float: left;
}
.adminBtn_UPCMS {
  width: auto;
  float: right;
}
/* Green bar at the top of the page */
#topBar {
  display: block;
  height: 5px;
  width: 100%;
  background-color: #00325b;
}
/* Page holder frames the page so that it's centered on the desktop with a max with of 960px */
#page-holder {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px;
}
/* Page wrap is used to wrap the page so we can position the footer at the absoluted end */
#page-wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
}
/* Footer is stuck to the end of the page. */
footer {
  height: 200px;
  clear: both;
}
footer .content {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
footer .content .links a {
  display: inline-block;
  margin: 5px 2px;
  padding: 5px;
  background-color: #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.85em;
  color: #00325b;
}
.no-touch footer .content .links a:hover {
  background-color: #098480;
  color: #fff;
  text-decoration: none;
}
/* Page header */
header {
  margin-top: 13px;
  margin-bottom: 13px;
  position: relative;
}
header h1 {
  width: 219px;
  height: 60px;
  background-size: 215px 60px;
}
header a.menu-button {
  display: block;
  float: left;
  height: 30px;
  width: 87px;
  padding: 9px 5px;
  margin: 5px 10px 5px 0;
  background-color: #ffffff;
  background-position: 5px 1px;
  background-repeat: no-repeat;
  background-image: url('../../static/LBIC/rollover/menu-icon@2x.png');
  background-size: 39px 88px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-indent: 42px;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 30px;
  text-decoration: none;
}
.no-touch header a.menu-button:hover {
  background-position: 58px -43px;
  text-decoration: none;
}
/* Logo */
header h1 {
  display: block;
  margin: 10px auto;
}
header h1 {
  display: block;
  height: 60px;
  width: 219px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 219px 60px;
  text-indent: -9999px;
}
header h1 a {
  height: 60px;
}
header h1 a.home-link {
  width: 130px;
}
header h1 a.partner-university {
  width: 85px;
}
header h1 a.no-partner {
  width: 215px;
}
table.gsc-branding {
  display: none !important;
}
/* Apply Today Button - It's a standard orange button with some extra size and positioning work.*/
header .cta {
  position: relative;
  float: right;
  display: block;
  padding: 10px 6px 10px 6px;
  max-width: 80px;
  margin-left: 10px;
  text-align: center;
  background-color: #f48131;
  color: #ffffff;
  font-size: 0.95em;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
header .cta.ask {
  background-color: #00325b;
}
header .cta.apply {
  background-color: #098480;
}
header .cta:hover {
  text-decoration: none;
  background-color: #098480;
}
header .cta:active {
  background-color: #098480;
}
header #buttons-cta {
  position: absolute;
  right: 10px;
  top: 3px;
}
/* Orange button style */
.button a,
.button a:visited {
  position: relative;
  display: block;
  height: 30px;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 7px 0 13px 0;
  background-color: #098480;
  border-radius: 0px;
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.button a span {
  font-weight: 500;
  font-size: 1.2em;
}
.no-touch .button a:hover {
  background-color: #098480;
  text-decoration: none;
}
.button a:active {
  background-color: #098480;
}
.button a span.arrow {
  position: absolute;
  display: block;
  height: 25px;
  top: 13px;
  right: 10px;
  width: 25px;
  background-color: none;
  background-image: url('../../static/arrow-white.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.button a span.icon {
  position: absolute;
  display: block;
  height: 25px;
  top: 13px;
  left: 10px;
  width: 25px;
  background-color: #fff;
  background-image: none;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 25px;
  color: #00325b;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2em;
  line-height: 23px;
}
.button a span.icon.chat {
  background-image: url('../../static/button-live-chat.png');
}
.button a span.icon.apply {
  background-image: url('../../static/LBIC/rollover/button-apply@2x.png');
}
.button a.ask {
  background-color: #00325b;
}
.coursebuttons .button a {
  max-width: 300px;
}
.ielts-button a,
.ielts-button a:visited {
  position: relative;
  display: block;
  height: 30px;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 7px 0 13px 0;
  background-color: #00325b;
  border-radius: 0px;
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ielts-button a span {
  font-weight: 500;
  font-size: 1.2em;
}
.no-touch .ielts-button a:hover {
  background-color: #098480;
  text-decoration: none;
}
.ielts-button a:active {
  background-color: #098480;
}
.ielts-button a span.arrow {
  position: absolute;
  display: block;
  height: 25px;
  top: 13px;
  right: 10px;
  width: 25px;
  background-color: none;
  background-image: url('../../static/arrow-white.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.ielts-button a span.icon {
  position: absolute;
  display: block;
  height: 25px;
  top: 13px;
  left: 10px;
  width: 25px;
  background-color: #fff;
  background-image: none;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 25px;
  color: #00325b;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2em;
  line-height: 23px;
}
.ielts-button a.ask {
  background-color: #00325b;
}
.coursebuttons .ielts-button a {
  max-width: 300px;
}
.coursebuttons .pdf {
  margin: 10px 0;
}
/* Fixes the spaceing on course page green buttons */
.left .button {
  margin-top: 20px;
}
.left .button a {
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  padding: 0;
}
.left .ielts-button {
  margin-top: 20px;
}
.left .ielts-button a {
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  padding: 0;
}
/* Navigation and Main menu style */
#main-menu {
  position: absolute;
  clear: both;
  width: 400px;
  top: 50px;
  left: -5px;
  z-index: 500;
  padding: 5px;
}
#main-menu #menu-holder {
  display: block;
  margin: 0px;
  box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.1);
  z-index: 501;
}
#main-menu #arrow {
  display: block;
  position: relative;
  height: 0;
  width: 0;
  margin-left: 8px;
  z-index: 503;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #eee;
}
#main-menu .dl-submenu {
  display: none;
  overflow: hidden;
}
#main-menu h4 {
  clear: both;
  padding-top: 20px;
}
#main-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  display: block;
  clear: both;
}
#main-menu li {
  margin: 0;
}
#main-menu ul li a.notop {
  border-top: none;
}
#main-menu ul li a.nobottom {
  border-bottom: none;
}
#main-menu ul li a,
#main-menu ul li a:visited {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 44px;
  padding: 10px 10px 10px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #eee;
  background-size: 6px 3px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  color: #5C5C5C;
  font-weight: normal;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#main-menu ul li a.expanding-menu {
  background-image: none;
  background-repeat: no-repeat;
  background-color: #ddd;
  color: #5C5C5C;
}
#main-menu ul li a.indent,
#main-menu ul li a.indent:visited {
  padding-left: 40px;
  background-position: 20px center;
}
.no-touch #main-menu ul li a:hover {
  text-decoration: none;
  color: #00325b;
}
.no-touch #main-menu ul li a:active {
  background-color: #00325b;
  border-top: 1px solid #00325b;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
  color: #fff;
}
.no-touch #main-menu ul li a.indent:active {
  background-position: 20px center;
}
#main-menu #moremenuitems-menu {
  display: none;
  overflow: hidden;
}
/* Icons */
#main-menu ul li a span,
#main-menu ul li a:visited span {
  float: left;
  display: block;
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  background-size: 25px 75px;
  background-position: 0px -50px;
  background-repeat: no-repeat;
  background-image: url('../../static/LBIC/rollover/menu-icon-sprite@2x.png');
}
#main-menu ul.dl-submenu li a,
#main-menu ul.dl-submenu li a:visited {
  padding-left: 40px;
}
#moremenuitems-menu ul li a.expanding-menu {
  padding-left: 25px;
}
#main-menu ul li a.expanding-menu span,
#main-menu ul li a.expanding-menu:visited span {
  background-image: url('../../static/LBIC/rollover/menu-down-icon-sprite@2x.png');
}
#main-menu ul li a.expanding-menu.expanded span,
#main-menu ul li a.expanding-menu.expanded:visited span {
  background-image: url('../../static/LBIC/rollover/menu-up-icon-sprite@2x.png');
}
.no-touch #main-menu ul li a:hover span {
  background-position: 0px -25px;
}
.no-touch #main-menu ul li a:active span {
  background-position: 0 0;
}
#main-menu ul li a#home span {
  background-image: url('../../static/LBIC/rollover/home-icon-sprite@2x.png');
}
#main-menu ul li a.ask-a-question span {
  background-image: url('../../static/LBIC/rollover/Ask-icon-sprite@2x.png');
}
#main-menu ul li a.apply span {
  background-image: url('../../static/LBIC/rollover/apply-icon-sprite@2x.png');
}
#main-menu ul li a.call span {
  background-image: url('../../static/LBIC/rollover/call-icon-sprite@2x.png');
}
#main-menu ul li a.chat span {
  background-image: url('../../static/LBIC/rollover/chat-icon-sprite@2x.png');
}
#main-menu ul li a.portal span {
  background-image: url('../../static/LBIC/rollover/portal-icon-sprite@2x.png');
}
#main-menu ul li a.quiz span {
  background-image: url('../../static/LBIC/rollover/quiz-icon-sprite@2x.png');
}
#main-menu ul li a.broau span,
#main-menu ul li a.broin span {
  background-image: url('../../static/LBIC/rollover/Brochure-icon-sprite@2x.png');
}
/* Google search box */
#main-menu ul li #search {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #eee;
}
#main-menu ul li form.gsc-search-box table {
  border-spacing: 0px;
}
#main-menu form {
  padding: 10px 10px 10px 10px;
  background-color: #eee;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#main-menu form td.gsc-clear-button {
  display: none;
}
#gs_cb50,
#main-menu form td.gsib_b {
  display: none !important;
}
nav#main-menu form .gsc-input {
  padding: 0;
  margin: 0;
}
nav#main-menu form .gsc-input table {
  margin: 0;
}
nav#main-menu form .gsc-input table .gsc-input,
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
  border: none !important;
}
nav#main-menu form table.gsc-search-box td {
  vertical-align: top;
  padding: 2px 10px 2px 2px;
}
nav#main-menu form table.gsc-search-box td.gsc-search-button {
  padding: 2px;
}
nav#main-menu form table tr {
  background-color: #eee !important;
}
.search table tr,
.search table td {
  background-color: #fff;
}
.search table.gstl_51 {
  border: 1px solid #eee;
}
.gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  width: auto !important;
  height: auto;
  margin-top: 5px;
}
/* In page menu styles*/
ul.links-list {
  margin: 0;
  padding: 0;
  border: 2px solid #eee;
  list-style-type: none;
  list-style-image: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
ul.course-links-list {
  width: 90%;
  margin-bottom: 20px;
}
ul.links-list.location {
  margin: 0 0 30px 0;
}
ul.links-list li {
  margin: 0;
}
ul.links-list li.heading {
  padding: 10px 10px;
  background-color: #eee;
  border-bottom: 1px solid #eee;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
}
ul.links-list li a span.link {
  position: absolute;
  display: block;
  height: 100%;
  width: 17px;
  right: 10px;
  top: 0px;
  background: #eee url('../../static/LBIC/rollover/li-dark@2x.png') no-repeat center center;
  background-size: 10px 17px;
  background-color: #fff;
}
ul.links-list li a,
ul.links-list li p {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 44px;
  padding: 10px 30px 10px 30px;
  background: #eee url('../../static/LBIC/rollover/dash-grey@2x.png') no-repeat 10px center;
  background-size: 6px 3px;
  background-color: #fff;
  border-bottom: 2px solid #eee;
  border-top: 1px solid #fff;
  color: #5C5C5C;
  font-weight: normal;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
ul.links-list li:last-child a,
ul.links-list li:last-child p {
  border-bottom: 0px solid #fff;
}
.no-touch ul.links-list li a:hover span.link {
  background-image: url('../../static/LBIC/rollover/li-dark@2x.png');
  background-color: #fff;
}
.no-touch ul.links-list li a:hover {
  background-image: url('../../static/LBIC/rollover/dash-hover@2x.png');
  color: #098480;
  text-decoration: none;
}
.no-touch ul.links-list li a:active span.link {
  background-image: url('../../static/li-white.png');
  background-color: #00325b;
}
.no-touch ul.links-list li a:active {
  background-color: #00325b;
  background-image: url('../../static/dash-white.png');
  border-top: 1px solid #00325b;
  text-decoration: none;
  color: #fff;
}
.full {
  padding: 10px;
  margin-bottom: 10px;
}
/* Used for adding padding to mobile items that stretch the full width on a desktop. */
h2.full {
  margin-bottom: 10px;
}
.ielts-panel {
  margin-bottom: 30px;
  padding-left: 310px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ielts-panel .right {
  float: right;
  display: block;
  width: 100%;
  min-height: 50px;
  border-right: 0px solid #fff;
  background-color: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ielts-panel .left {
  float: left;
  display: block;
  width: 310px;
  min-height: 50px;
  margin-left: -310px;
  background-color: #fff;
  border-right: 40px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Homepage panel - Grid of three / four icons that link to major pages on the site */
.homepage-panel {
  padding-right: 170px;
  border: 10px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.homepage-panel .left {
  float: left;
  display: block;
  width: 100%;
  min-height: 50px;
  min-width: 200px;
  border-right: 40px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.homepage-panel .right {
  float: right;
  display: block;
  width: 170px;
  min-height: 50px;
  margin-right: -170px;
  background-color: #fff;
  border-right: 0px solid #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#iphone-promo {
  display: block;
  height: 348px;
  width: 162px;
  background-image: url('../../static/StudyStory-HomePagePromo.jpg');
  background-size: 162px 348px;
  background-position: center center;
  background-repeat: no-repeat;
}
div#courses.desktop {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 250px;
  margin-bottom: 30px;
}
div#courses h2 {
  border-bottom: none;
  padding-top: 0;
  font-size: 1.6em;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}
ul.coursecloud {
  float: right;
  display: block;
  width: 60%;
  padding: 10px;
  margin: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  list-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
ul.coursecloud li {
  float: left;
  padding: 2px;
  margin-bottom: 6px;
}
ul.coursecloud li a {
  padding: 5px;
  background-color: #098480;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  font-size: 0.85em;
}
.no-touch ul.coursecloud li a:hover {
  background-color: #00325b;
  color: #fff;
  text-decoration: none;
}
ul.coursecloud h1 {
  display: block;
  width: 100%;
  margin: 0px -10px 0px -10px;
  padding: 10px;
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  color: #00325b;
  font-size: 1.7em;
}
#announcement-box {
  display: block;
  background-color: #eeeeee;
  border: none;
  margin: 30px 0 30px;
}
#announcement-box div#announcement-box-image {
  height: 233px;
  width: 100%;
  margin: 20px;
  background-image: url('../../static/ICRGU/ICRGU-Home-NewPathways.jpg');
  background-repeat: no-repeat;
  background-size: 960px 250px;
  background-position: center center;
}
#announcement-box div.left {
  border-right: 40px solid transparent;
  background-color: transparent;
}
#announcement-box div#announcement-box-text {
  background-color: transparent;
  padding: 20px;
}
#announcement-box .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
#information-sessions {
  display: block;
  background-color: rgba(238, 238, 238, 0.8);
  border: none;
  margin: 30px 0 30px;
}
#information-sessions div#information-sessions-image {
  height: 233px;
  width: 100%;
  margin: 20px;
  background-image: url('../../static/MIBT-InfoSessions.jpg');
  background-repeat: no-repeat;
  background-size: 960px 250px;
  background-position: center center;
}
#information-sessions div.left {
  border-right: 40px solid transparent;
  background-color: transparent;
}
#information-sessions div#information-sessions-text {
  background-color: transparent;
  padding: 20px;
}
#information-sessions .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
#virtual-tour {
  display: block;
  background-color: rgba(238, 238, 238, 0.8);
  border: none;
  margin: 30px 0 30px;
}
#virtual-tour-image {
  height: 233px;
  width: 100%;
  margin: 20px;
  background-image: url('../../static/MIBT-InfoSessions.jpg');
  background-repeat: no-repeat;
  background-size: 960px 250px;
  background-position: center center;
}
#virtual-tour .left {
  border-right: 40px solid transparent;
  background-color: transparent;
}
#virtual-tour #virtual-tour-text {
  background-color: transparent;
  padding: 20px;
}
#virtual-tour .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
#studystory {
  display: block;
  background-color: transparent;
  border: none;
  margin: 30px 0 30px;
}
#studystory div.left {
  background-color: transparent;
}
#studystory div#study-story-text {
  background-color: transparent;
  padding: 20px;
}
#studystory .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
#studystory div#study-story-image {
  height: 233px;
  width: 100%;
  margin: 20px;
  background-image: url('../../static/QIBT/QIBT-Home-StudyStory.jpg');
  background-repeat: no-repeat;
  background-size: 960px 250px;
  background-position: center center;
}
#ielts-box {
  display: block;
  background-color: #eeeeee;
  border: none;
  margin: 30px 0 30px;
}
#ielts-box div#ielts-box-image {
  height: 233px;
  width: 100%;
  margin: 20px;
  background-image: url('../../static/QIBT/QIBT-IELTSOnline.jpg');
  background-repeat: no-repeat;
  background-size: 960px 250px;
  background-position: center center;
}
#ielts-box div.left {
  border-right: 40px solid transparent;
  background-color: transparent;
}
#ielts-box div#ielts-box-text {
  background-color: transparent;
  padding: 20px;
}
#ielts-box .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
#survey-box {
  display: block;
  background-color: #eeeeee;
  border: none;
  margin: 30px 0 30px;
}
#survey-box div#survey-box-image {
  height: 233px;
  width: 100%;
  margin: 20px;
  background-image: url('../../static/Home_iGrad.jpg');
  background-repeat: no-repeat;
  background-size: 960px 250px;
  background-position: center center;
}
#survey-box div.left {
  border-right: 40px solid transparent;
  background-color: transparent;
}
#survey-box div#survey-box-text {
  background-color: transparent;
  padding: 20px;
}
#survey-box .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
#my-qibt-app {
  display: block;
  background-color: #eeeeee;
  border: none;
  margin: 30px 0 30px;
}
#my-qibt-app div.left {
  border-right: 40px solid transparent;
  background-color: transparent;
}
#my-qibt-app div#my-qibt-app-text {
  background-color: transparent;
  padding: 20px;
}
#my-qibt-app .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
.myQIBT-ios-download,
.undergraduate-orientation-button {
  float: left;
  width: 50%;
}
.myQIBT-android-download,
.postgraduate-orientation-button {
  float: right;
  width: 50%;
}
/* Fix QIBT Live Chat */
td#lz_overlay_chat_options_button.lz_overlay_chat_options_link {
  background-color: #009e60;
}
.lz_overlay_chat_footer td {
  background-color: #009e60;
}
#orientation-box {
  display: block;
  background-color: #eeeeee;
  border: none;
  margin: 30px 0 30px;
}
#orientation-box div#orientation-image {
  height: 233px;
  width: 100%;
  margin: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
#orientation-box div.left {
  border-right: 40px solid transparent;
  background-color: transparent;
}
#orientation-box div#orientation-text {
  background-color: transparent;
  padding: 20px;
}
#orientation-box .pdf {
  margin-top: 10px;
  margin-bottom: 0px;
}
.undergraduate-orientation-button {
  float: left;
  width: 50%;
}
.postgraduate-orientation-button {
  float: right;
  width: 50%;
}
/* Standard grid menu for a photo based menu of either four or two links */
.gridmenu {
  display: block;
  margin: 0 0 30px 0;
  padding: 0;
}
.gridmenu.mobile {
  margin: 0 0 0 0;
}
.gridmenu.gridfour {
  height: 500px;
}
.gridmenu.gridtwo {
  height: 250px;
}
.gridlist {
  margin: 40px 0 0px 0;
  padding: 0;
}
.gridlist li {
  display: block;
  width: 100%;
  height: 165px;
  margin: 0 0 40px 0;
  padding: 0;
  background-color: #eee;
  background-size: 310px 168px;
  background-repeat: no-repeat;
  background-position: center center;
}
.gridlist li a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  vertical-align: text-bottom;
}
.gridlist li a span {
  display: block;
  position: absolute;
  height: 36px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 0px 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  color: white;
  line-height: 36px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.gridlist li:last-child {
  margin: 0;
}
.gridmenu li {
  float: left;
  display: block;
  height: 50%;
  min-height: 50px;
  width: 50%;
  padding: 0;
  margin: 0 0 10px 0;
  background-color: #eee;
  background-size: 500px 250px;
  background-repeat: no-repeat;
  background-position: center center;
  list-style-image: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.gridmenu.gridtwo li {
  height: 100%;
}
.gridmenu li:nth-child(2n+1) {
  border-right: 5px solid #fff;
}
.gridmenu li:nth-child(2n) {
  border-left: 5px solid #fff;
}
.gridmenu a {
  position: relative;
  height: 100%;
  min-height: 100px;
  width: 100%;
  display: block;
  vertical-align: text-bottom;
}
.no-touch .gridmenu a:hover span,
.no-touch .gridmenu a:active span {
  background-color: #008998;
}
.gridmenu a span {
  position: absolute;
  display: block;
  height: 35px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "Open Sans", sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  line-height: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.gridmenu.gridthree {
  height: 100%;
}
.gridmenu.gridthree li {
  float: left;
  display: block;
  width: 34%;
  height: 100%;
  min-height: 50px;
  margin: 0;
  padding: 0;
  background: transparent;
  border-right: 30px solid #fff;
  border-left: none;
  list-style-image: none;
}
.gridmenu.gridthree li:last-child,
.gridmenu.gridthree .last {
  border-left: 30px solid #fff;
  border-right: none;
}
.gridmenu.gridthree li:nth-child(2n) {
  width: 32%;
  border: none;
}
.gridmenu.gridthree.mibt li:nth-child(2n) {
  width: 34%;
  border-right: 30px solid #fff;
}
.gridmenu.gridthree.mibt li.mid {
  width: 32%;
  border: none;
}
.gridmenu.gridthree .button-box {
  background-size: 350px 175px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px;
}
.gridmenu.gridthree .text-box {
  padding: 10px;
}
.gridmenu.gridthree a {
  position: relative;
  height: 100%;
  min-height: 100px;
  width: 100%;
  display: block;
  vertical-align: text-bottom;
}
.gridmenu.gridthree a span {
  position: absolute;
  display: block;
  height: 45px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "Open Sans", sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  line-height: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Student and lecturer profiles swipe through */
.swipeshow {
  position: inline;
  width: 100%;
  max-width: 960px;
  height: 880px;
  margin-bottom: 40px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.swipeshow .swipeshowholder {
  width: 1970px;
}
.swipeshow .studentpanel {
  float: left;
  display: block;
  height: 850px;
  width: 270px;
  margin: 10px 0px 10px 10px;
  background-color: #eee;
}
.swipeshow .studentpanel img {
  display: block;
  height: 150px;
  width: 250px;
  margin: 10px auto;
}
.swipeshow h4 {
  padding: 0px 10px 10px 10px;
  font-size: 1.8em;
}
.swipeshow p.question {
  font-size: 1em;
  padding: 0 10px;
  margin: 0;
}
.swipeshow p.answer {
  padding: 0px 5px 10px 10px;
  margin: 0;
  color: #00325b;
  font-size: 1em;
}
/* .pdf is the main link button type found on the site, it's named .pdf because it was initially intended to be used for PDF file downloads, it's used in many more cases now. */
.pdf {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 15px 0px 20px;
  padding: 10px 40px 10px 10px;
  background-color: #00325b;
  background-image: url('../../static/arrow-white-down.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 96% center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 1.25em;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.pdf.link {
  background-image: url('../../static/arrow-white.png');
}
.pdf.back-link {
  margin: 13px 0;
  background-image: url('../../static/arrow-white-left.png');
}
.pdf.maplink {
  max-width: 100%;
}
.no-touch .pdf:hover {
  background-color: #098480;
  color: #fff;
  text-decoration: none;
}
/* Improves Facebook layout on homepage */
/*div.fb-like-box {position:relative; display:block; width:300px; margin-left:auto; margin-right:auto; border: 2px solid #eee;}*/
/* Customise course page layout */
.gridtable_header td {
  background-color: #00325b !important;
}
.coursepage tr.gridtable_header {
  background-color: #00325b !important;
}
.coursepage tr.gridtable_header td {
  color: #fff;
}
.coursepage table td p {
  margin-bottom: 0;
}
.columns.info {
  border: 2px solid #eee;
}
.coursepage h4 {
  color: #00325b;
}
.coursepage .info h4 {
  margin-left: 0px;
}
/* Location page customization */
.right.whatson ul {
  margin: 10px 10px 10px 18px;
}
/* University page customization */
.university-leader {
  float: right;
  margin: 0 0 20px 20px;
}
/* Fees page customization */
#fees-page-autogenerated h1 {
  font-size: 1.1em;
  color: #098480;
}
#fees-page-autogenerated h2 {
  display: none;
}
#fees-page-autogenerated .fees-section {
  padding: 20px 10px;
}
/* Importand dates page customization */
.trimester {
  margin-bottom: 20px;
  border: 2px solid #eee;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.trimester h2 {
  border-bottom: none;
  padding-top: 0.7em;
  margin-top: 0em;
  margin-bottom: 0em;
}
.trimester h3 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  background-color: #098480;
  color: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.trimester.highlighted {
  padding: 0px;
  background-color: #eee;
  border: none;
}
.trimester.highlighted h3 {
  width: 100%;
  padding: 10px 10px 10px 10px;
  background-color: #00325b;
  color: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.trimester.highlighted h3.current {
  padding: 10px 10px 10px 70px;
  background-image: url('../../static/important-dates-icon.png');
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 48px 35px;
}
.trimester.highlighted .dates {
  display: block;
  padding: 0px 40px 30px 40px;
}
.trimester .dates {
  display: block;
  padding: 0px 10px 0px 10px;
}
.trimester .dates h5 {
  margin-bottom: 0.25em;
}
.trimester .dates h6 {
  margin-bottom: 0.5em;
}
/*  Error pages customization */
#fourcontent {
  float: left;
  position: relative;
  display: block;
  margin: 40px 0px 40px 120px;
  max-width: 400px;
}
#fouricon {
  float: left;
  display: block;
  height: 127px;
  width: 161px;
  margin: 30px 20px 20px 20px;
  background-image: url('../../static/404-icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 161px 127px;
}
#fourarrow {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  top: 10px;
  right: -100px;
  background-image: url('../../static/404-arrow.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75px 75px;
}
/* Social media logos (Footer) */
#socialMedia {
  text-align: center;
}
#socialMedia a {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 20px 10px;
  text-indent: -9999px;
}
#socialMedia .facebook-icon {
  background: url('../../static/facebook-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .youtube {
  background: url('../../static/youtube-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .twitter {
  background: url('../../static/twitter-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .weibo {
  background: url('../../static/weibo-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .renren {
  background: url('../../static/social-renren.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .pinterest {
  background: url('../../static/pinterest-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .googleplus {
  background: url('../../static/googleplus-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .instagram {
  background: url('../../static/instagram-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .blog {
  background: url('../../static/blog-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .linkedin {
  background: url('../../static/linkedin-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .tumblr {
  background: url('../../static/tumblr-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
#socialMedia .snapchat {
  background: url('../../static/snapchat-icon.png') no-repeat top left;
  background-size: 50px 50px;
}
.navitas-footer-logo {
  display: block;
  height: 55px;
  width: 133px;
  background-size: 133px 55px;
  background-repeat: no-repeat;
  padding: 0 0 10px 0;
  margin: 10px auto;
}
/* Study story customisation */
#studystory {
  margin-top: 30px;
  border: none;
}
#studystory .left,
#studystory .right {
  background-color: transparent;
}
#studystory .left {
  border-right: 20px solid transparent;
  padding: 10px;
}
#studystory .right {
  padding: 20px 20px 0 20px;
}
div#study-story-heading h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 2.4em;
  border-bottom: none;
  padding-top: 0px;
  margin-bottom: 0;
}
div#study-story-text {
  padding: 0px 0px 10px 20px;
}
div#study-story-heading h3 {
  color: #00325b;
  margin-top: -17px;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: bold;
}
#study-story-heading {
  float: left;
  display: block;
  max-width: 200px;
  min-height: 100px;
  padding-left: 120px;
  background-image: url('../../static/StudyStory-Icon.png');
  background-size: 100px 100px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
#studystory .homepage-panel-heading {
  display: block;
  margin-top: 10px;
}
/* MIBT - VTAC customisation */
.vtac-event {
  padding: 20px 20px 5px 20px;
  border: 2px solid #eee;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
  width: 100%;
}
.vtac-event small {
  display: block;
  float: left;
  width: 80px;
}
.vtac-event p {
  display: block;
  float: left;
  clear: both;
}
/* Live chat */
.livechat {
  position: relative;
}
/* Forms */
h2.form-title,
h4.form-title {
  display: block;
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 14px 0px 15px 70px;
  background-color: #00325b;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: 15px center;
  border: 2px solid #eee;
  border-bottom: none;
  color: #fff;
  font-size: 1.8em;
  line-height: 1em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
h2.form-title.apply,
h4.form-title.apply {
  background-image: url('../../static/LBIC/rollover/apply-form-icon@2x.png');
}
h2.form-title.quiz,
h4.form-title.quiz {
  background-image: url('../../static/LBIC/rollover/apply-form-icon@2x.png');
}
h2.form-title.ask,
h4.form-title.ask {
  background-image: url('../../static/LBIC/rollover/ask-form-icon@2x.png');
}
h2.form-title.brochure,
h4.form-title.brochure {
  background-image: url('../../static/LBIC/rollover/Brochure-form-icon@2x.png');
}
h2.form-title.chat,
h4.form-title.chat {
  background-image: url('../../static/LBIC/rollover/chat-form-icon@2x.png');
}
#form-details-image {
  display: block;
  height: 85px;
  width: 300px;
  margin-top: 40px;
  background-image: url('../../static/LBIC/rollover/Fill-in-your-details.jpg');
  background-size: 300px 85px;
  background-repeat: no-repeat;
  background-position: center center;
}
#form-chat-image {
  display: block;
  height: 85px;
  width: 300px;
  margin-top: 40px;
  background-image: url('../../static/Chat-with-us-here.png');
  background-size: 300px 85px;
  background-repeat: no-repeat;
  background-position: center center;
}
/* Slide shows featured on Location / University pages */
#slideshow-wrapper-two .factshow {
  width: 100%;
  height: 180px;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#slideshow-wrapper-two .factshow h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}
#slideshow-wrapper-two .rsDefault .rsBullets {
  background: transparent;
}
#slideshow-wrapper-two .factshow .rsOverflow,
.factshow .rsSlide {
  background-color: transparent !important;
}
#slideshow-wrapper-two .factshow .rsOverflow,
.factshow .rsSlide .ib {
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#slideshow-wrapper-two .factshow .rsBullets {
  background-color: transparent !important;
}
#slideshow-wrapper-two .factshow .rsBullets .rsBullet span {
  background-color: #eee;
}
#slideshow-wrapper-two .factshow .rsBullet.rsNavSelected span {
  background-color: #ccc;
}
/* Forms */
label a {
  color: #00325b !important;
}
form {
  float: none;
  width: 100%;
  padding: 0 0 0 0;
}
form ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.form_container {
  float: left;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 20px;
}
div.form {
  position: relative;
  display: block;
}
div.form.grayback {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
span.mktFormMsg {
  display: none;
}
li.mktField {
  clear: both;
  float: left;
  margin: 10px 0 0px 0;
  width: 90% !important;
  padding: 0 5% 15px !important;
  font-size: 1em !important;
  line-height: 100%;
  list-style-image: none !important;
  list-style: none;
}
span.mktInput {
  clear: both;
  float: left;
  width: 100% !important;
  padding-left: 0px !important;
}
.mktFormReq label {
  font-weight: bold;
  background: url('../../static/backRequiredGray.gif') no-repeat right top;
}
#feedback_field label {
  display: block;
  float: none;
  margin-bottom: 5px;
  text-align: left;
}
#feedback_field .mktInput {
  float: none;
  padding-left: 0;
}
#innerWrapDiv {
  float: left;
  height: auto !important;
  width: 100% !important;
}
div.lpeCElement {
  display: none;
}
#privacy_policy label {
  width: auto;
  font-size: 13px;
}
label,
legend {
  padding-right: 20px;
  margin-bottom: 5px !important;
  text-align: left !important;
}
legend {
  padding: 0;
  margin: 0;
  color: #575a5d;
  font-size: 1em;
  line-height: 1.25em;
}
form li#mktFrmButtons {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}
textarea {
  float: none;
  width: 229px;
  min-height: 100px;
  max-height: 250px;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#Online-Application input[type="submit"] {
  width: auto !important;
  height: auto !important;
  background: #f48131 !important;
  cursor: pointer;
  padding: 10px;
  border: none;
  font-size: 0.95em;
  font-weight: 700;
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-transform: uppercase;
  float: right !important;
  -webkit-appearance: none;
}
input[type="submit"] {
  float: none !important;
  position: relative;
  display: block;
  right: -6px;
  margin: 0 auto !important;
  background-image: url('../../static/LBIC/rollover/form_submit_button@2x.png');
  -webkit-appearance: none;
}
#Online-Application input[type="submit"]:hover {
  width: auto;
  height: auto;
  background: #00325b !important;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 0.95em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
/*input[type="submit"]:hover{width:auto;height:auto;background:@primary-color !important;font-family: @font-fifth;font-size:0.95em;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;text-transform:uppercase;-webkit-appearance: none;}*/
/*#content input {height:35px; box-sizing:border-box; -moz-box-sizing:border-box;}*/
#content input,
textarea,
select {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#content input[type="radio"] {
  width: auto;
  height: auto;
  margin: 0 5px 0 0;
}
select {
  margin: 10px 0px 10px 0px;
}
.inputWrapper {
  padding: 5px 0;
}
.oneField {
  padding: 5px 0 8px 0;
}
.hint {
  color: #098480;
  font-size: 0.7em;
}
.htmlContent {
  color: #098480;
  line-height: 1.25em;
}
#content input[type="checkbox"] {
  width: auto;
  margin: 0 7px 0 0;
}
.choices.vertical .oneChoice {
  width: 100%;
  display: block;
  padding: 3px 0;
}
.errMsg {
  color: red;
}
.ieltscalculator.input {
  margin: 15px 15px 15px 80px;
}
.ieltscalculator.input label {
  font-size: 18px;
}
.ieltscalculator input#IELTSCalculatorScore {
  height: 36px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  width: 50%;
}
#content .wfPageNextButton {
  float: right;
  padding: 10px;
  width: auto;
}
#content .wfPagePreviousButton {
  float: left;
  padding: 10px;
  width: auto;
}
#content .wfPagingButtons:after {
  clear: both;
}
#content .wForm .label.reqMark::after {
  content: " *";
  color: #F00;
  font-size: 90%;
}
.chzn-container {
  width: 100% !important;
}
.chzn-drop,
.chzn-search input {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chzn-search input {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chzn-choices .search-field input[type="text"] {
  height: 33px !important;
}
.ez-checkbox {
  float: left;
  position: relative;
  width: 42px;
  height: 42px;
  left: 5px;
  background-image: url('../../static/LBIC/rollover/form_tick_box@2x.png');
  background-repeat: no-repeat;
  background-position: 0px -42px;
  margin-top: -45px;
}
.ez-checked {
  background-position: 0px 0px;
}
.ez-checkbox .ez-hide {
  width: 42px;
  height: 42px;
  margin: 0px;
}
.ez-hide {
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
li.checkbox {
  min-height: 45px;
}
li.checkbox label {
  text-align: left !important;
  margin-left: 60px;
}
form li.mktFormReq.checkbox label {
  padding-left: 20px !important;
  background: url("../../static/backRequiredGray.gif") no-repeat left 0px;
  padding-right: 0 !important;
  display: inherit;
}
li.checkbox span.mktInput {
  clear: none !important;
  position: absolute;
  width: 42px !important;
  left: 5%;
}
li#mktFrmButtons {
  width: 100% !important;
}
li#mktFrmButtons label {
  display: none;
}
/* Marketo form 2.0 */
.form2 .mktoRequiredField label.mktoLabel {
  font-weight: bold;
  background: url('../../static/backRequiredGray.gif') no-repeat right top;
  padding-left: 0;
  padding-left: 0 !important;
}
.form2 label.mktoLabel {
  font-weight: bold;
  padding-left: 0;
  padding-left: 0 !important;
}
.form2 .mktoFormCol {
  clear: both;
  float: left;
  margin: 5px 0;
  width: 90% !important;
  padding: 0 5% 0 !important;
  font-size: 1em !important;
  line-height: 100%;
  list-style-image: none !important;
  list-style: none;
}
.form2 .mktoFormRow .checkbox span.mktInput {
  clear: none !important;
  position: absolute;
  width: 42px !important;
  left: 5%;
}
.form2 .mktoFormRow .checkbox label {
  text-align: left !important;
  margin-left: 60px;
  padding-left: 20px !important;
  background: url("../../static/backRequiredGray.gif") no-repeat left 0px;
  padding-right: 0 !important;
}
.form2 .mktoButtonRow {
  text-align: center;
  clear: both;
}
.form2 button.mktoButton {
  width: 180px;
  height: 67px;
  cursor: pointer;
  padding: 0;
  border: none;
  font-size: 1.25em;
  font-weight: 700;
  color: #FFF;
  background: url('../../static/LBIC/rollover/form_submit_button@2x.png') no-repeat center top;
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
}
.form2 button.mktoButton:hover {
  background: url('../../static/LBIC/rollover/form_submit_button@2x.png') no-repeat center bottom;
}
.form2 .checkboxLabel .mktoFieldWrap {
  padding-left: 50px !important;
}
.form2 .ez-checkbox {
  position: absolute;
  left: 6%;
  margin-top: -42px;
}
#content .form2 .ez-checkbox input[type="checkbox"] {
  width: 42px;
}
.form2 .mktoErrorMsg {
  color: red;
}
.mktoFormRow {
  float: left;
  width: 100%;
}
/* Form Assembly - Airport Pickup Form*/
#airport-pickup-form .ez-checkbox {
  position: inherit;
  left: auto;
  margin-right: 20px;
  margin-top: 0;
}
#content #airport-pickup-form .ez-checkbox input[type="checkbox"] {
  width: 42px;
}
#airport-pickup-form div.form.grayback {
  border-top: 2px solid #eee;
}
#content .submit input,
#content input[type="submit"] {
  display: block;
  width: 180px;
  height: 67px;
}
#content div.input img {
  display: block;
  clear: both;
  float: none;
}
#content div.cms.cms_locations div.input small {
  display: block;
  float: none;
  clear: both;
}
div.signature_container {
  width: 90% !important;
  height: auto !important;
  margin: 0 auto 20px;
  clear: both;
}
div.signature_container img {
  display: none;
}
div.signature_container td {
  padding-left: 0px !important;
}
/* Error msg and Success Msg */
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons,
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
  max-width: 90%;
}
/* Hide Social Display until bug is fixed */
#socialSignOnHoldingPen {
  display: none;
}
/* Online Application */
.appSection {
  margin: 20px;
}
.appSection p {
  margin: 10px;
}
.appSection h4 {
  margin-top: 15px;
}
.appSection select {
  max-width: 240px;
}
.input.date select,
.input.datetime select {
  width: auto;
}
#application_form label,
#application_form legend {
  clear: both;
  float: none;
  display: block;
  width: 100%;
  padding-top: 15px;
}
#application_form input[type="radio"] {
  float: left;
  margin: 10px 10px;
}
#application_form div.radio label {
  float: left;
  clear: none;
  width: auto;
  margin: 7px 10px;
  padding: 0;
}
/*#application_form h3, h4 {padding-top:15px;}*/
input[type="email"]:focus {
  border-color: #00325b;
}
input[type="email"] {
  padding: 5px 10px!important;
  margin: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px solid #AAA;
  font-size: 1em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
div.radio {
  clear: both;
}
input.wfPagePreviousButton {
  width: auto;
  height: auto;
  background: #00325b !important;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 0.95em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
input.wfPagePreviousButton:hover {
  width: auto;
  height: auto;
  background: #098480 !important;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 0.95em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
input.wfPageNextButton {
  width: auto;
  height: auto;
  cursor: pointer;
  padding: 0;
  border: none;
  font-size: 0.95em;
  font-weight: 700;
  color: #FFF;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  background: #098480 !important;
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
input.wfPageNextButton:hover {
  width: auto;
  height: auto;
  background: #098480 !important;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 0.95em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
.field-hint-inactive,
.hint {
  position: inherit;
  display: block;
  margin-top: 5px;
}
.errMsg {
  margin-top: 10px;
}
.lengthIndicator {
  width: auto !important;
  position: initial !important;
  display: none !important;
}
.pageSection {
  clear: both;
}
/*.oneField.date .errMsg {margin-top: 0px !important;}*/
legend.datesLabel {
  margin-bottom: -20px !important;
}
legend.datesLabel b {
  font-weight: normal;
  color: #333;
}
div.dateDayContainer,
div.dateMonthContainer,
div.dateYearContainer {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0;
  width: calc(100% / 3);
}
div.dateDayContainer,
div.dateMonthContainer {
  padding-right: 5px;
}
div.dateDayContainer .errMsg,
div.dateMonthContainer .errMsg,
div.dateYearContainer .errMsg {
  margin-top: 0px !important;
}
/* CMS */
.manage_header {
  color: #00325b;
}
.cms div.input {
  margin: 10px 0;
}
.cms label,
legend {
  padding: 10px 0 0 0;
  font-weight: bold;
}
.cms fieldset {
  border: 1px solid #eee;
  padding: 10px;
}
.cms .header-image-input label {
  float: none;
}
.cms .header-image-input {
  margin: 20px 0 20px 0;
}
#UserLoginForm label,
legend {
  float: none;
  padding: 10px 0;
  margin: 10px 0;
}
#UserLoginForm input {
  display: block;
  margin: 10px 0;
}
#UserLoginForm div.input {
  padding: 20px;
  margin: 10px;
  border: 2px solid #eee;
}
#file_manager {
  border: 1px solid #eee;
  margin: 10px;
  padding: 10px;
  display: block;
}
#file_manager #file_manager_drawer ul {
  float: none;
  padding: 10px 0;
  border: 2px solid #eee;
  max-height: 200px;
  overflow: scroll;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.spaceme {
  margin: 10px;
}
/* Browser rejection */
#jr_overlay {
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 2147483646;
  position: absolute;
}
#jr_wrap {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2147483647;
  padding: 0;
  margin: 0;
}
#jr_inner {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #FFF;
  border: 1px solid #CCC;
  color: #4F4F4F;
  margin: 0 auto;
  height: auto;
  padding: 20px;
  position: relative;
}
#jr_header {
  display: block;
  color: #333;
  padding: 5px;
  padding-bottom: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
#jr_inner p {
  text-align: left;
  padding: 5px;
  margin: 0;
}
#jr_inner ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#jr_inner ul li {
  cursor: pointer;
  float: left;
  width: 120px;
  height: 122px;
  margin: 0 10px 10px 10px;
  padding: 0;
  text-align: center;
}
#jr_inner li a {
  color: #333;
  font-size: 0.8em;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
#jr_inner li a:hover {
  text-decoration: underline;
}
#jr_inner .jr_icon {
  width: 100px;
  height: 100px;
  margin: 1px auto;
  padding: 0;
  background: transparent no-repeat scroll left top;
  cursor: pointer;
}
#jr_close {
  margin: 0 0 0 50px;
  clear: both;
  text-align: left;
  padding: 0;
  margin: 0;
}
#jr_close a {
  color: #000;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
#jr_close p {
  padding: 10px 0 0 0;
  margin: 0;
}
div.fb {
  background-color: rgba(238, 238, 238, 0.8);
  overflow: hidden;
}
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it.
#fb-root {
    display: none;
}
*/
/* To fill the container and nothing else
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
*/
/* UK Cookies */
#uk-cookies {
  display: none;
  padding: 5px 40px;
  text-align: center;
}
#uk-cookies small {
  margin: 0;
  padding: 0;
}
#uk-cookies a#uk-cookies-ok {
  margin-left: 10px;
  text-decoration: none;
  border-radius: 4px;
  padding: 5px 30px;
  display: inline-block;
  background-color: #098480;
  color: #ffffff;
  cursor: pointer;
}
#uk-cookies a#uk-cookies-ok:hover {
  background-color: #098480;
}
/* Accommodation Staff Images */
.accommodationstaff1 {
  float: left;
}
.accommodationstaff2 {
  float: left;
  margin: 0 50px 0 185px;
}
/* IELTS Button on Homepage */
#homepage .ielts-button a,
.ielts-button a:visited {
  max-width: 300px;
  float: left;
  margin: 5px;
  padding: 10px 40px 30px 10px;
  font-size: 100%;
  font-family: "Open Sans", sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #00325b;
  font-weight: 200 !important;
}
#homepage .ielts-button a:hover {
  background-color: #098480;
  color: #fff;
  text-decoration: none;
}
/* Live Chat buton */
#live-chat {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 500;
}
.live-chat-button {
  width: 200px;
}
/* English Test */
#engSignup {
  margin: 15px;
}
#engSignup .row {
  margin: 10px 0px;
}
#engSignup label {
  font-weight: bold;
  background: url('http://study.navitas.com/images/forms/backRequiredGray.gif') no-repeat right top;
}
/*UniversityProgramsCMS*/
.college_list_logout {
  width: 100%;
  height: 50px;
  margin-top: 20px;
}
.logoutButton_UPCMS {
  width: auto;
  float: left;
  margin: 7px 2px 0px 10px;
  background-color: #00325b;
  border-radius: 3px;
  padding: 5px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.875em;
  font-weight: 500;
}
.logoutButton_UPCMS:hover {
  background-color: #098480;
  color: #FFFFFF;
  text-decoration: none !important;
}
.button_img {
  margin-right: 10px;
}
.logoutButton_UPCMS span {
  vertical-align: text-top;
}
/*New Program Button*/
span.new_program_button {
  background-color: #f48131;
  width: 70px;
  height: 30px;
  position: relative;
  margin-top: -10px;
  padding-left: 0px;
  margin-left: -10px;
  display: block;
  float: left;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-top: 10px;
}
.pathway_you_are_here {
  background-color: #EEEEEE !important;
}
.pathway_accept_your_offer {
  background-color: #098480 !important;
  color: #FFFFFF !important;
}
/*Open Day Button*/
.open_days {
  display: block;
  width: 100%;
  max-width: 187px;
  margin: 15px 0px 20px;
  padding: 10px 10px 10px 10px;
  background-color: #003366;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 1.25em;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.open_days:hover {
  background-color: #3079A8;
  color: #fff;
  text-decoration: none;
}
/*PROGRAM EDIT PAGE*/
.programpagesection {
  border: 2px solid #5C5C5C;
  padding: 20px;
  margin: 10px 0 30px 0;
  background-color: #FFFFFF;
}
.innerpagesection {
  border: 1px dotted #7c7c7c;
}
.sectionheading {
  display: block;
  padding: 10px;
  color: #fff;
  background-color: #00325b;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
.innersectionheader {
  font-size: 20px;
  background: none;
  color: #098480;
  padding: 0;
  text-decoration: none;
  margin: 0 0 10px 0;
  font-weight: bold;
}
img#file-preview.file-preview {
  width: 100%;
  max-height: 180px;
  height: auto;
}
table#studyareas.studyareas {
  overflow: scroll;
  display: block;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.studyareablock {
  position: relative;
  display: block;
  width: 100%;
  overflow: scroll;
}
.editpagelinks ul {
  margin: 0px;
  padding: 20px;
  padding-top: 10px;
}
.adminlinkbutton {
  display: inline-block;
  width: auto;
  padding: 5px 10px;
  margin: 5px 0px;
  background-color: #5C5C5C;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
  font-size: 1em;
}
.adminlinkbutton:hover {
  background-color: #00325b;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none !important;
}
/*Agent Info layout*/
.column-left {
  float: left;
  transition: background 0.5s ease;
  overflow: hidden;
  text-align: center;
  width: calc(100%/3 - 6px);
  height: auto;
  margin-top: 10px;
  margin-left: 5px;
  border: 2px solid #5C5C5C;
  box-sizing: border-box;
  padding: 6px;
}
.column-left:hover {
  background: #00325b;
}
.column-left:hover a {
  color: #fff;
  text-decoration: underline;
}
.agntimage-wrapper {
  width: 100%;
}
.column-left img {
  width: 100%;
}
.column-left a {
  text-decoration: none;
  cursor: pointer;
  color: #00325b;
}
.column-left a:hover {
  text-decoration: underline;
}
.agntheading-wrap {
  width: 100%;
  height: 70px;
}
.column-left h3 {
  padding-top: 8px;
  font-weight: 100;
  text-align: center;
}
/*  Testimonials css  */
.testimonialsrightbox {
  margin: 12px 0px 0px 0px;
}
.testimonialBoxhome {
  border-bottom: 1px #ccc solid !important;
  float: left;
  width: 100%;
  padding: 15px 0px 15px 0px;
}
.ttltitle {
  color: #000 !important;
  font-size: 0.9em !important;
  font-weight: bold;
}
.testimonialimgleft {
  float: left;
  margin-right: 20px;
}
.testimonialtextright {
  float: left;
  width: 60%;
}
#twitter-box-mobile {
  border: 1px solid #5aa8df;
  border-radius: 4px;
  padding: 5px 10px 4px 10px;
}
/* Footer Company Details */
.companydetailsoutershell {
  width: 77%;
  background-color: #9E9E9E;
  height: auto;
  margin: 0 auto;
}
.footercompanydetails {
  text-align: left;
  font-size: 0.6em;
  padding: 20px 0 10px 0px;
  float: left;
}
.footerUniLogo {
  float: right;
  width: 54px;
  height: 40px;
  background-image: url('../../static/ECC/ECU-Logo@2x.jpg');
  background-size: 54px 40px;
  padding: 20px 0px 10px 0;
  margin-top: 20px;
  background-repeat: no-repeat;
}
/* RETINA SCREEN images */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  ul {
    list-style-image: url('../../static/LBIC/rollover/bullet.png');
  }
  header a.menu-button {
    background-image: url('../../static/LBIC/rollover/menu-icon@2x.png');
  }
  a.topLink {
    background-image: url('../../static/top-button@2x.png');
  }
  .button a span.arrow {
    background-image: url('../../static/arrow-white@2x.png');
  }
  .button a span.icon.apply {
    background-image: url('../../static/LBIC/rollover/button-apply@2x.png');
  }
  .button a span.icon.chat {
    background-image: url('../../static/LBIC/rollover/chat-form-icon@2x.png');
  }
  .ielts-button a span.arrow {
    background-image: url('../../static/LBIC/rollover/arrow@2x.png');
  }
  .trimester.highlighted h3.current {
    background-image: url('../../static/important-dates-icon@2x.png');
  }
  h2.arrow,
  h3.arrow,
  h4.arrow {
    background-image: url('../../static/LBIC/rollover/arrow@2x.png');
  }
  .pdf {
    background-image: url('../../static/arrow-white-down@2x.png');
  }
  .pdf.link {
    background-image: url('../../static/arrow-white@2x.png');
  }
  .pdf.back-link {
    background-image: url('../../static/arrow-white-left@2x.png');
  }
  #iphone-promo {
    background-image: url('../../static/StudyStory-HomePagePromo@2x.jpg');
  }
  #form-details-image {
    background-image: url('../../static/LBIC/rollover/Fill-in-your-details@2x.jpg');
  }
  #form-chat-image {
    background-image: url('../../static/Chat-with-us-here@2x.png');
  }
  h2.form-title.quiz {
    background-image: url('../../static/LBIC/rollover/apply-form-icon@2x.png');
  }
  h2.form-title.apply {
    background-image: url('../../static/LBIC/rollover/apply-form-icon@2x.png');
  }
  h2.form-title.ask {
    background-image: url('../../static/LBIC/rollover/ask-form-icon@2x.png');
  }
  h2.form-title.chat {
    background-image: url('../../static/LBIC/rollover/chat-form-icon@2x.png');
  }
  h2.form-title.brochure {
    background-image: url('../../static/LBIC/rollover/Brochure-form-icon@2x.png');
  }
  #main-menu ul li a span,
  #main-menu ul li a:visited span {
    background-image: url('../../static/LBIC/rollover/menu-icon-sprite@2x.png');
  }
  #main-menu ul li a.expanding-menu span,
  #main-menu ul li a.expanding-menu:visited span {
    background-image: url('../../static/LBIC/rollover/menu-down-icon-sprite@2x.png');
  }
  #main-menu ul li a.expanding-menu.expanded span,
  #main-menu ul li a.expanding-menu.expanded:visited span {
    background-image: url('../../static/LBIC/rollover/menu-up-icon-sprite@2x.png');
  }
  #main-menu ul li a#home span {
    background-image: url('../../static/LBIC/rollover/home-icon-sprite@2x.png');
  }
  #main-menu ul li a.ask-a-question span {
    background-image: url('../../static/LBIC/rollover/Ask-icon-sprite@2x.png');
  }
  #main-menu ul li a.apply span {
    background-image: url('../../static/LBIC/rollover/apply-icon-sprite@2x.png');
  }
  #main-menu ul li a.call span {
    background-image: url('../../static/LBIC/rollover/call-icon-sprite@2x.png');
  }
  #main-menu ul li a.chat span {
    background-image: url('../../static/LBIC/rollover/chat-icon-sprite@2x.png');
  }
  #main-menu ul li a.portal span {
    background-image: url('../../static/LBIC/rollover/portal-icon-sprite@2x.png');
  }
  #main-menu ul li a.quiz span {
    background-image: url('../../static/LBIC/rollover/quiz-icon-sprite@2x.png');
  }
  #main-menu ul li a.broau span,
  #main-menu ul li a.broin span {
    background-image: url('../../static/LBIC/rollover/Brochure-icon-sprite@2x.png');
  }
  #study-story-heading {
    background-image: url('../../static/StudyStory-Icon@2x.png');
  }
  ul.links-list li a {
    background-image: url('../../static/LBIC/rollover/dash-grey@2x.png');
  }
  .no-touch ul.links-list li a:hover {
    background-image: url('../../static/LBIC/rollover/dash-hover@2x.png');
  }
  .no-touch ul.links-list li a:active {
    background-image: url('../../static/dash-white@2x.png');
  }
  .no-touch ul.links-list li a:active span.link {
    background-image: url('../../static/li-white@2x.png');
  }
  #main-menu ul li a span.link {
    background-image: url('../../static/LBIC/rollover/li-dark@2x.png');
  }
  .no-touch ul.links-list li a:hover span.link {
    background-image: url('../../static/LBIC/rollover/li-dark@2x.png');
  }
  #fouricon {
    background-image: url('../../static/LBIC/rollover/404-arrow@2x.png');
  }
  #fourarrow {
    background-image: url('../../static/LBIC/rollover/404-arrow@2x.png');
  }
  #information-sessions div#information-sessions-image {
    background-image: url('../../static/MIBT-InfoSessions@2x.jpg');
  }
  #studystory div#study-story-image {
    background-image: url('../../static/QIBT/QIBT-Home-StudyStory@2x.jpg');
  }
  #ielts-box div#ielts-box-image {
    background-image: url('../../static/QIBT/QIBT-IELTSOnline@2x.jpg');
  }
  #survey-box div#survey-box-image {
    background-image: url('../../static/Home_iGrad@2x.jpg');
  }
  #announcement-box div#announcement-box-image {
    background-image: url('../../static/ICRGU/ICRGU-Home-NewPathways@2x.jpg');
  }
  #socialMedia .facebook-icon {
    background-image: url('../../static/facebook-icon@2x.png');
  }
  #socialMedia .youtube {
    background-image: url('../../static/youtube-icon@2x.png');
  }
  #socialMedia .twitter {
    background-image: url('../../static/twitter-icon@2x.png');
  }
  #socialMedia .weibo {
    background-image: url('../../static/weibo-icon@2x.png');
  }
  #socialMedia .renren {
    background-image: url('../../static/social-renren@2x.png');
  }
  #socialMedia .pinterest {
    background-image: url('../../static/pinterest-icon@2x.png');
  }
  #socialMedia .googleplus {
    background-image: url('../../static/googleplus-icon@2x.png');
  }
  #socialMedia .instagram {
    background-image: url('../../static/instagram-icon@2x.png');
  }
  #socialMedia .blog {
    background-image: url('../../static/blog-icon@2x.png');
  }
  #socialMedia .linkedin {
    background-image: url('../../static/linkedin-icon@2x.png');
  }
  #socialMedia .tumblr {
    background-image: url('../../static/tumblr-icon@2x.png');
  }
  #socialMedia .snapchat {
    background-image: url('../../static/snapchat-icon@2x.png');
  }
}
/* Full screen size overrides */
@media all and (min-width: 960px) {
  .fb {
    padding-left: 0;
    padding-right: 0;
  }
  .h2.full {
    margin-left: 10px;
    margin-right: 10px;
  }
  .ielts-panel {
    border: 0px solid ;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .columns {
    margin: 0 0 30px 0;
  }
  .letter {
    padding: 30px 100px;
  }
  .location.letter {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0px;
  }
  #homepage .button a,
  .button a:visited {
    max-width: 290px;
    float: left;
  }
  #homepage .button:first-child a {
    max-width: 310px;
    margin-right: 10px;
  }
  #homepage .ielts-button a,
  .ielts-button a:visited {
    max-width: 290px;
    float: left;
    margin: 5px;
    padding: 10px 40px 30px 10px;
    font-size: 100%;
    font-family: "Open Sans", sans-serif;
    line-height: 1.25em;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 96% center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #00325b;
    font-weight: 200 !important;
  }
  #homepage .ielts-button a:hover {
    background-color: #098480;
    color: #fff;
    text-decoration: none;
  }
  #main-menu #moremenuitems-menu {
    display: block;
  }
  #moremenuitems-menu ul li a.expanding-menu {
    padding-left: 10px;
  }
  #main-menu ul.dl-submenu li a,
  #main-menu ul.dl-submenu li a:visited {
    padding-left: 25px;
  }
  .spaceme {
    margin: 0px;
  }
}
/* Anything under full screen size overrides */
@media all and (min-width: 0px) and (max-width: 959px) {
  #fourcontent {
    margin: 40px 0px 40px 60px;
  }
  .tablet {
    display: block;
  }
  .gridmenu.gridthree {
    padding: 0 10px;
  }
  .gridmenu.gridthree .text-box {
    padding: 10px 0px;
  }
  .location.letter {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0px;
    padding: 10px 0px;
  }
  /* Accommodation Staff Images */
  .accommodationstaff1 {
    float: left;
  }
  .accommodationstaff2 {
    float: left;
    margin: 0 0 0 20px;
  }
  .myQIBT-ios-download {
    width: 100%;
  }
  .myQIBT-android-download {
    width: 100%;
  }
  .undergraduate-orientation-button,
  .postgraduate-orientation-button {
    width: 100%;
  }
  header {
    height: 60px;
  }
  header h1 {
    height: 60px;
    width: 219px;
    background-size: 219px 60px;
    background-repeat: no-repeat;
  }
}
/* Extra break point for resizing the course cloud on the home page */
@media all and (min-width: 641px) and (max-width: 850px) {
  ul.coursecloud {
    width: 50%;
  }
  /* Accommodation Staff Images */
  .accommodationstaff1 {
    float: left;
  }
  .accommodationstaff2 {
    float: left;
    margin: 0 0 0 20px;
  }
  /* Application Form Download Button */
  .button-app-form {
    display: none;
  }
  /* Testimonials text box css */
  .testimonialtextright {
    width: 100%;
  }
}
/* Everything up to portrait iPad size overrides*/
@media all and (min-width: 0px) and (max-width: 770px) {
  a#fdbk_tab {
    display: none !important;
  }
  .headline-picture {
    height: 200px;
    background-size: 770px 200px;
    margin-bottom: 20px;
  }
  h1.headline-title {
    font-size: 1.6em;
  }
  td,
  td p {
    font-size: 0.9em;
  }
  .tall {
    height: 400px;
    background-size: 770px 400px;
  }
  .short {
    height: 120px;
    background-size: 770px 120px;
  }
  #fouricon {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  #fourcontent {
    float: none;
    margin: 30px auto;
  }
  .appSection {
    margin: 0px;
  }
  .appSection input {
    max-width: 230px;
  }
  .appSection textarea {
    max-width: 220px;
    margin: 10px;
  }
  #slideshow-wrapper-two .factshow {
    width: 100%;
    height: 180px;
  }
  .homepage-panel {
    padding-right: 120px;
    border: 0px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .homepage-panel .left {
    float: left;
    display: block;
    width: 100%;
    min-width: 140px;
    min-height: 50px;
    border-right: 20px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .homepage-panel .right {
    float: right;
    display: block;
    width: 120px;
    min-height: 50px;
    margin-right: -120px;
    background-color: #fff;
    border-right: 0px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .homepage#iphone-promo {
    height: 232px;
    width: 108px;
    background-size: 108px 232px;
  }
  div#study-story-heading h2 {
    font-size: 2.34em;
  }
  .gridmenu a span {
    font-family: "Open Sans", sans-serif;
    font-size: 1.05em;
  }
  .gridmenu li {
    background-size: 400px 208px;
  }
  .gridmenu.gridfour {
    height: 400px;
  }
  .gridmenu.gridtwo {
    height: 200px;
  }
  .hide-tablet {
    display: none !important;
  }
  .ieltscalculator.input {
    margin: 15px 15px 15px 15px;
  }
  .ieltscalculator input#IELTSCalculatorScore {
    width: 100%;
  }
  /* Accommodation Staff Images */
  .accommodationstaff1 {
    float: left;
  }
  .accommodationstaff2 {
    float: left;
    margin: 0 0 0 20px;
  }
  /* Application Form Download Button */
  .button-app-form {
    display: none;
  }
  /* Live Chat Button */
  .live-chat-button {
    width: 180px;
  }
  /* Pathway Diagram tabs */
  #multi-tabBtns a {
    font-size: 14px;
  }
}
@media all and (min-width: 641px) and (max-width: 720px) {
  .ieltscalculator.input {
    margin: 15px 15px 15px 15px;
  }
  .ieltscalculator input#IELTSCalculatorScore {
    width: 100%;
  }
  /* Accommodation Staff Images */
  .accommodationstaff1 {
    float: left;
  }
  .accommodationstaff2 {
    float: left;
    margin: 0 0 0 20px;
  }
  /*Agent Info Page*/
  .column-left {
    width: calc(100%/2 - 5px);
  }
}
/* Everything up to landscape phone size */
@media all and (min-width: 0px) and (max-width: 640px) {
  .tall {
    background-size: 640px 333px;
    height: 333px;
  }
  .short {
    height: 100px;
    background-size: 640px 100px;
  }
  header #buttons-cta {
    display: none;
  }
  #main-menu {
    clear: both;
    position: relative;
    z-index: 500;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: none;
  }
  #main-menu #menu-holder {
    box-shadow: none;
  }
  #slideshow-wrapper-two .factshow {
    width: 100%;
    height: 160px;
  }
  header h1 {
    padding: 0;
    margin: 0;
    float: right;
    height: 45px;
    width: 164px;
    margin-top: 6px;
    margin-right: 10px;
    background-size: 164px 45px;
    background-position: center left;
    background-repeat: no-repeat;
  }
  header h1 a {
    width: 219px !important;
    height: 45px !important;
  }
  header h1 a.partner-university {
    display: none;
  }
  #main-menu {
    top: -10px;
  }
  #page-holder {
    margin-top: 0px;
  }
  header {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  h1.headline-title {
    font-size: 1.3em;
  }
  h2 {
    font-size: 1.188em;
  }
  h3 {
    font-size: 1.063em;
  }
  h4 {
    font-size: 1.4em;
  }
  h5 {
    font-size: 1.0125em;
  }
  h6 {
    font-size: 1.0125em;
  }
  p {
    font-size: 1em;
  }
  td,
  td p {
    font-size: 0.875em;
  }
  ul.links-list {
    margin: 0;
  }
  ul.course-links-list {
    width: 100%;
  }
  /*    .gridmenu li {background-size:330px 165px;}*/
  .gridmenu.gridfour {
    height: 300px;
  }
  .gridmenu.gridtwo {
    height: 165px;
  }
  .gridlist {
    margin: 40px 0 0 0;
    padding: 0;
  }
  .gridlist li {
    float: left;
    width: 50%;
    height: 165px;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .gridlist li:nth-child(odd) {
    border-left: 0;
    border-right: 5px solid #fff;
  }
  .gridlist li:nth-child(even) {
    border-right: 0;
    border-left: 5px solid #fff;
  }
  .ielts-panel {
    padding-right: 0;
    padding-left: 0;
  }
  .ielts-panel .right {
    float: none;
    display: block;
    width: 100%;
    min-height: 50px;
    border-right: 0px solid #fff;
  }
  .ielts-panel .left {
    float: none;
    display: block;
    width: 100%;
    min-height: 50px;
    margin-bottom: 20px;
    margin-left: 0px;
    border-right: 0px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #information-sessions .left,
  #studystory .left,
  #ielts-box .left,
  #announcement-box .left,
  #survey-box .left,
  #direct-entry-undergraduate-studies .left,
  #orientation-box .left {
    float: left;
    margin-bottom: 0;
  }
  .ieltscalculator.input {
    margin: 15px 15px 15px 15px;
  }
  .ieltscalculator input#IELTSCalculatorScore {
    width: 100%;
  }
  .HelpOnClick-widget {
    display: none !important;
  }
  /* Online English Test*/
  .englishtest .leftcol {
    width: 150px;
    padding-left: 30px;
  }
  .englishtest .rightcol {
    width: 100px;
    float: left;
  }
  .englishtest .leftcol ul.Vline li {
    width: 120px;
  }
  .englishtest .rightcol p {
    margin: 60px 0 0 20px;
  }
  .englishtest .revrightcol {
    width: 170px;
    margin: -85px 0 0 178px;
  }
  /* Accommodation Staff Images */
  .accommodationstaff1 {
    float: left;
  }
  .accommodationstaff2 {
    float: left;
    margin: 0 0 0 10px;
  }
  /* Live Chat Button */
  .live-chat-button {
    width: 150px;
  }
  /* Pathway Diagram tabs */
  #multi-tabBtns a {
    font-size: 12px;
    padding: 15px 5px;
  }
  .pathway-banner .arrow-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  /* Testimonials text box css */
  .testimonialtextright {
    width: 100%;
  }
  .testimonialsrightbox {
    margin: 0px 0px 0px 0px;
  }
  /*Footer Company Details*/
  .companydetailsoutershell {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
  .footercompanydetails {
    width: 60%;
  }
  .footerUniLogo {
    float: right;
    margin-top: 30px;
  }
}
/* Everything up to portrait phone size */
@media all and (min-width: 0px) and (max-width: 400px) {
  #slideshow-wrapper-two .factshow {
    width: 100%;
    height: 180px;
  }
  .gridlist li {
    height: 150px;
  }
  /* Online English Test*/
  .englishtest .revright {
    width: 170px;
    margin: -85px 0 0 178px;
  }
  .ieltscalculator.input {
    margin: 15px 15px 15px 15px;
  }
  .ieltscalculator input#IELTSCalculatorScore {
    width: 100%;
  }
  /* Accommodation Staff Images */
  .accommodationstaff1 {
    float: left;
  }
  .accommodationstaff2 {
    float: left;
    margin: 0 0 0 0;
  }
  /* Live Chat Button */
  .live-chat-button {
    width: 140px;
  }
  /*Agent Info Page*/
  .column-left {
    width: calc(100%/2 - 5px);
  }
}
/* Navigation v2 styles */
.nav-v2 #menu-holder .search-menu {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0px;
  height: 62px;
  background-color: #eeeeee;
}
.nav-v2 nav#main-menu .search-menu table.gsc-search-box {
  margin-bottom: 0px !important;
}
.nav-v2 nav#main-menu .search-menu form.gsc-search-box {
  margin-bottom: 0px !important;
}
.nav-v2 nav#main-menu .search-menu .gsc-input table {
  background-color: #eeeeee;
}
.nav-v2 #menu-holder .search-menu input.gsc-search-button-v2 {
  padding: 9px 10px 8px 10px;
  margin-right: 5px;
  margin-top: 2px;
}
@media all and (min-width: 960px) {
  .nav-v2 header h1 {
    margin-left: 10px !important;
  }
  .nav-v2 header {
    margin-bottom: 0 !important;
  }
  .nav-v2 #menu-button {
    display: none;
  }
  .nav-v2 .not-desktop {
    display: none !important;
  }
  .nav-v2 .desktop-only {
    display: auto;
  }
  .nav-v2 nav#main-menu {
    display: block;
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    padding: 0px;
    text-align: left;
  }
  .nav-v2 nav#main-menu #arrow {
    display: none;
  }
  .nav-v2 nav#main-menu #menu-holder {
    display: block;
    margin: 0px auto 0px auto;
    text-align: left;
    box-shadow: none;
  }
  .nav-v2 #menu-holder ul {
    position: relative;
    display: inline;
    margin-right: 0px;
    margin-left: 0px;
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
  }
  .nav-v2 #menu-holder ul li {
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
  .nav-v2 #menu-holder ul li a,
  .nav-v2 #menu-holder ul li a.expanding-menu,
  .nav-v2 #menu-holder ul li a:visited {
    font-family: "Open Sans", sans-serif;
    letter-spacing: normal;
    display: block;
    font-size: 16px;
    text-align: left;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    border-bottom: 4px solid #fff;
    min-height: inherit;
    background-color: #ffffff;
    cursor: pointer;
  }
  .nav-v2 #menu-holder ul.dl-submenu li a {
    font-family: "Open Sans", sans-serif;
  }
  .nav-v2 #menu-holder ul li a.ask-a-question,
  .nav-v2 #menu-holder ul li a.apply {
    background-color: #00325b;
    color: #ffffff;
    border-radius: 4px;
    border-bottom: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.95em;
    /*height: 54px;*/
    width: 90px;
    text-align: center;
    padding: 6px;
  }
  .nav-v2 #menu-holder ul li a.apply {
    color: #FFFFFF;
  }
  .nav-v2 #menu-holder ul:hover li a.ask-a-question {
    color: #FFFFFF;
    border-bottom: none;
  }
  .nav-v2 #menu-holder ul li a.ask-a-question:hover,
  .nav-v2 #menu-holder ul li a.apply:hover {
    background-color: #098480;
    border-bottom: none;
    color: #ffffff;
  }
  .nav-v2 #menu-holder ul li a.apply {
    background-color: #098480;
  }
  .nav-v2 #menu-holder ul li a.expanding-menu {
    cursor: default;
  }
  .nav-v2 #menu-holder ul li.active a {
    border-bottom-color: #00325b;
    color: #00325b;
    font-weight: bold;
  }
  .nav-v2 #menu-holder ul li.active ul li a {
    border-bottom: none;
    color: #5C5C5C !important;
    font-weight: normal;
  }
  .nav-v2 #menu-holder ul li.active ul li.active a {
    font-weight: bold;
    color: #00325b;
  }
  .nav-v2 #menu-holder ul:hover li a {
    color: #00325b;
    border-bottom: 4px solid #00325b;
  }
  .nav-v2 #menu-holder ul:hover li.active ul li a {
    color: #098480;
    border-bottom: none;
  }
  .nav-v2 #menu-holder ul li a:hover,
  .nav-v2 #menu-holder ul li.active a:hover {
    border-top: none;
    color: #00325b;
    border-bottom: 4px solid #00325b;
  }
  .nav-v2 #menu-holder ul li a:active,
  .nav-v2 #menu-holder ul li.active a:active {
    background-color: #ffffff;
    border-top: none;
  }
  .nav-v2 #menu-holder ul li a span {
    display: none;
  }
  .nav-v2 #menu-holder ul li ul.dl-submenu {
    z-index: 9999;
    padding: 12px;
    position: absolute;
    top: 33px;
    left: 0;
    width: 260px;
    background-color: #EEEEEE;
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
    display: none;
    opacity: 0;
    visibility: hidden;
    list-style-type: disc;
    list-style-image: inherit;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
  }
  .nav-v2 #menu-holder ul li ul.dl-submenu li {
    display: list-item !important;
    list-style-image: url('../../static/LBIC/rollover/bullet.png');
    margin-left: 20px;
    position: relative;
  }
  .nav-v2 #menu-holder ul li ul.dl-submenu li a {
    display: block;
    background-color: #EEEEEE;
    border: none;
    margin: 0;
    padding: 5px;
    width: 100%;
    cursor: pointer;
  }
  .nav-v2 #menu-holder ul li ul.dl-submenu li a {
    text-decoration: none;
    color: #5C5C5C;
  }
  .nav-v2 #menu-holder ul li ul.dl-submenu li a:hover {
    text-decoration: underline;
    color: #00325b !important;
    /*background-color: @primary-color-font-hover-color;*/
  }
  .nav-v2 #menu-holder ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  /* Google search box */
  .nav-v2 #menu-holder form.gsc-search-box table {
    border-spacing: 0px;
    margin-bottom: 0px;
  }
  .nav-v2 #menu-holder form {
    padding: 0px;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .nav-v2 #menu-holder form td.gsc-clear-button {
    display: none;
  }
  .nav-v2 #menu-holder #gs_cb50,
  .nav-v2 #menu-holder #main-menu form td.gsib_b {
    display: none !important;
  }
  .nav-v2 #menu-holder form .gsc-input {
    padding: 0;
    margin: 0;
  }
  .nav-v2 #menu-holder form .gsc-input table {
    margin: 0;
  }
  .nav-v2 #menu-holder form .gsc-input table .gsc-input,
  .nav-v2 #menu-holder input.gsc-input,
  .nav-v2 #menu-holder .gsc-input-box,
  .nav-v2 #menu-holder .gsc-input-box-hover,
  .nav-v2 #menu-holder .gsc-input-box-focus {
    border: none !important;
  }
  .nav-v2 #menu-holder form table.gsc-search-box td {
    vertical-align: top;
    padding: 2px 4px 2px 2px;
  }
  .nav-v2 #menu-holder form table.gsc-search-box td.gsc-search-button {
    padding: 2px;
  }
  .nav-v2 #menu-holder form table tr {
    background-color: #fff !important;
    border: 1px solid #eee;
  }
  .nav-v2 #menu-holder table tr,
  .nav-v2 #menu-holder .search table td {
    background-color: #fff;
  }
  .nav-v2 #menu-holder table.gstl_51 {
    border: 1px solid #eee;
  }
  .nav-v2 #menu-holder .gsc-search-button input.gsc-search-button-v2,
  .nav-v2 #menu-holder input.gsc-search-button-v2 {
    width: auto !important;
    height: auto;
    margin-top: 5px;
    background-color: #cccccc;
  }
  .nav-v2 #top-menu {
    position: absolute;
    top: -65px;
    right: 0px;
    width: 435px;
  }
  .nav-v2 #menu-holder .search-menu {
    margin: 0;
    padding: 3px 0 0 0;
    width: 250px;
    display: block;
    border-bottom: none;
    float: left;
    height: 50px;
    background-color: #ffffff;
  }
  .nav-v2 #menu-holder .search-menu input.gsc-search-button-v2 {
    padding: 10px 10px;
    margin-right: 5px;
  }
  .nav-v2 #menu-holder .search-menu input#gsc-i-id1.gsc-input {
    height: 30px !important;
    border: 2px solid #eeeeee !important;
    padding: 0 5px !important;
    margin: 4px !important;
    width: 90% !important;
    width: calc(100% - 10px) !important;
  }
}
@media all and (min-width: 0px) and (max-width: 959px) {
  .nav-v2 nav#main-menu {
    display: none;
    left: auto;
  }
  .nav-v2 #menu-button {
    display: block;
  }
  .nav-v2 .not-desktop {
    display: auto;
  }
  .nav-v2 .desktop-only {
    display: none;
  }
  .nav-v2 nav#main-menu ul li a#button-id-search {
    height: 0px;
    min-height: 0px;
    text-indent: -9999px;
    padding: 0;
    border-bottom: none;
  }
  .nav-v2 nav#main-menu ul li a#button-id-search span {
    display: none;
  }
  .nav-v2 nav#main-menu ul li ul#menu-id-search.dl-submenu {
    display: block;
  }
}
@-ms-viewport {
  width: device-width;
  zoom: 1;
}
/*Useful Classes */
.bg-primary-color {
  background-color: #00325b !important;
}
.bg-white {
  background-color: #FFF !important;
}
.arrow-white {
  background: url('../../static/arrow-white.png') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: 0px 18px !important;
}
/********************** NEW CSS **************************/
ul.programsubmenu {
  *display: none !important;
}
@media not screen and (-webkit-min-device-pixel-ratio: 2), not screen and (min--moz-device-pixel-ratio: 2), not screen and (-o-min-device-pixel-ratio: 2), not screen and (min-device-pixel-ratio: 2), not screen and (min-resolution: 192dpi), not screen and (min-resolution: 2dppx) {
  #main-menu ul li ul li a#UndergraduateProgram span,
  #main-menu ul li ul li a#UndergraduateProgram:visited span,
  #main-menu ul li ul li a#PostgraduateProgram span,
  #main-menu ul li ul li a#PostgraduateProgram:visited span,
  #main-menu ul li ul li a#FoundationProgram span,
  #main-menu ul li ul li a#FoundationProgram:visited span {
    background-image: url('../../static/LBIC/rollover/menu-down-icon-sprite@2x.png');
  }
  #main-menu ul li ul li.extend a#UndergraduateProgram.noarrow span,
  #main-menu ul li ul li.extend a#UndergraduateProgram.noarrow.extend:visited span,
  #main-menu ul li ul li.extend a#PostgraduateProgram.noarrow span,
  #main-menu ul li ul li.extend a#PostgraduateProgram.noarrow.extend:visited span,
  #main-menu ul li ul li.extend a#FoundationProgram.noarrow span,
  #main-menu ul li ul li.extend a#FoundationProgram.noarrow.extend:visited span {
    background-image: url('../../static/LBIC/rollover/menu-up-icon-sprite@2x.png');
  }
  #main-menu ul li ul li a.programsubmenu span,
  #main-menu ul li ul li a.programsubmenu:visited span {
    background-image: url('../../static/LBIC/rollover/menu-icon-sprite@2x.png');
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #main-menu ul li ul li a#UndergraduateProgram span,
  #main-menu ul li ul li a#UndergraduateProgram:visited span,
  #main-menu ul li ul li a#PostgraduateProgram span,
  #main-menu ul li ul li a#PostgraduateProgram:visited span,
  #main-menu ul li ul li a#FoundationProgram span,
  #main-menu ul li ul li a#FoundationProgram:visited span {
    background-image: url('../../static/LBIC/rollover/menu-down-icon-sprite@2x.png');
  }
  #main-menu ul li ul li.extend a#UndergraduateProgram.noarrow span,
  #main-menu ul li ul li.extend a#UndergraduateProgram.noarrow.extend:visited span,
  #main-menu ul li ul li.extend a#PostgraduateProgram.noarrow span,
  #main-menu ul li ul li.extend a#PostgraduateProgram.noarrow.extend:visited span,
  #main-menu ul li ul li.extend a#FoundationProgram.noarrow span,
  #main-menu ul li ul li.extend a#FoundationProgram.noarrow.extend:visited span {
    background-image: url('../../static/LBIC/rollover/menu-up-icon-sprite@2x.png');
  }
  #main-menu ul li ul li a.programsubmenu span,
  #main-menu ul li ul li a.programsubmenu:visited span {
    background-image: url('../../static/LBIC/rollover/menu-icon-sprite@2x.png');
  }
}
@media all and (min-width: 960px) {
  /* 2nd level sub menu*/
  ul.dl-submenu li ul.programsubmenu {
    display: none !important;
  }
  ul.dl-submenu li:hover ul.programsubmenu {
    display: block !important;
  }
  ul.dl-submenu li ul.programsubmenu {
    position: absolute !important;
    padding: 12px !important;
    left: 242px;
    top: -12px;
    width: 260px;
    background-color: #EEEEEE;
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
  }
}
#main-menu ul li ul {
  display: none;
}
#main-menu ul.dl-submenu li ul li a {
  padding-left: 80px;
}
#main-menu ul li ul li a,
#main-menu ul li ul li a:visited {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 44px;
  padding: 10px 10px 10px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #EEEEEE;
  background-size: 6px 3px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  color: #5C5C5C;
  font-weight: normal;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#main-menu ul li ul li a.expanding-menu {
  background-image: none;
  background-repeat: no-repeat;
  background-color: #ddd;
  color: #5C5C5C;
}
.nav-v2 #menu-holder ul li ul.dl-submenu {
  overflow: visible;
}
li.linkactive {
  color: #FFFFFF;
  padding: 5px;
  background-color: #098480;
  font-weight: bold;
}
ul.nav li.linkactive {
  list-style-image: url('../../static/white-bullet.png');
}
ul.nav li {
  list-style-position: inside;
  margin-right: 0px;
  padding: 3px 3px 3px 11px;
}
ul.nav a.link-text-active {
  color: #FFFFFF;
  background-color: #098480;
  font-weight: bold;
}
ul.nav {
  margin: 0 auto;
}
@media all and (min-width: 960px) {
  #menu-holder ul li ul.dl-submenu li ul {
    min-height: 30px;
  }
}
.HelpOnClick-fa:before {
  font-size: 20px !important;
}
/* Video - Full width aspect ratio */
.embed-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0;
  height: 0;
}
.embed-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.colu-3 {
  width: 200px;
  float: left;
}
.colu-3:nth-child(3) {
  margin: 0 25px 0 25px;
}
@media all and (max-width: 959px) {
  .colu-3 {
    width: 100%;
    float: left;
  }
  .colu-3:nth-child(3) {
    margin: 25px 0;
  }
}
/********************** STICKY HEADER CSS **************************/
#page-holder {
  width: 100%;
}
.topbar-group,
.topbar-group-boxed {
  top: 0px;
}
.topbar-group.sticky,
.topbar-group-boxed.sticky {
  position: fixed;
  margin: 0;
  background-color: #fff;
  z-index: 999;
  width: 100%;
  -webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.15);
}
.head-wrapper {
  width: 960px;
  /*padding-bottom: 30px;*/
  margin: 0 auto;
}
.topbar-group.sticky {
  height: 149px;
  animation: 900ms slide-down;
}
.topbar-group-boxed.sticky {
  height: 133px;
  animation: 900ms slide-down-boxed;
}
@keyframes slide-down {
  from {
    margin-top: -100%;
    height: 149px;
  }
  to {
    margin-top: 0%;
    height: 149px;
  }
}
@keyframes slide-down-boxed {
  from {
    margin-top: -100%;
    height: 133px;
  }
  to {
    margin-top: 0%;
    height: 133px;
  }
}
@media all and (min-width: 640px) and (max-width: 959px) {
  .head-wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .topbar-group.sticky {
    height: 149px;
    animation: 900ms slide-down;
  }
  .topbar-group-boxed.sticky {
    height: 91px;
    animation: 900ms slide-down-boxed;
  }
  @keyframes slide-down {
    from {
      margin-top: -100%;
      height: 149px;
    }
    to {
      margin-top: 0%;
      height: 149px;
    }
  }
  @keyframes slide-down-boxed {
    from {
      margin-top: -100%;
      height: 91px;
    }
    to {
      margin-top: 0%;
      height: 91px;
    }
  }
}
@media all and (min-width: 320px) and (max-width: 639px) {
  .head-wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .topbar-group.sticky {
    height: 149px;
    animation: 900ms slide-down;
  }
  .topbar-group-boxed.sticky {
    height: 71px;
    animation: 900ms slide-down-boxed;
  }
  @keyframes slide-down {
    from {
      margin-top: -100%;
      height: 149px;
    }
    to {
      margin-top: 0%;
      height: 149px;
    }
  }
  @keyframes slide-down-boxed {
    from {
      margin-top: -100%;
      height: 71px;
    }
    to {
      margin-top: 0%;
      height: 71px;
    }
  }
}
/*Full width 3 column widgets*/
@media all and (min-width: 960px) {
  .widgets {
    width: calc(100% / 3 - 24px);
    float: left;
    margin-bottom: 30px;
    padding: 25px;
    min-height: 250px;
  }
  .widgets:nth-child(3n+1) {
    margin-left: 10px;
  }
  .widgets:nth-child(3n+2) {
    margin: 0 26px 0 26px;
  }
}
@media all and (max-width: 959px) {
  .widgets {
    width: calc(100% / 2 - 24px);
    float: left;
    margin-bottom: 30px;
    padding: 25px;
    min-height: 232px;
  }
  .widgets:nth-child(2n+1) {
    margin-left: 10px;
    clear: both;
  }
  .widgets:nth-child(2n+2) {
    margin-left: 28px;
    margin-right: 0;
  }
}
@media all and (max-width: 700px) {
  .widgets {
    width: calc(100% - 20px);
    float: none;
    margin: 0 10px 30px 10px !important;
    padding: 25px;
    clear: both;
    min-height: 150px;
  }
}
/******NAV MENU POSITION FIX*******/
@media all and (min-width: 320px) and (max-width: 640px) {
  #page-holder {
    margin-top: 5px;
  }
  #main-menu {
    left: initial;
    top: 5px;
    right: 0px;
  }
  #main-menu #arrow {
    position: absolute;
    top: -15px;
    right: 15px;
  }
  header h1 {
    margin-top: 10px;
    margin-left: 10px;
    background-position: top left;
    float: left;
  }
  header a.menu-button {
    float: right;
    margin-top: 5px;
    background-position: 58px 1px;
    text-indent: 10px;
  }
  #main-menu {
    padding: 0px;
  }
}
@media all and (min-width: 640px) {
  #main-menu {
    left: initial;
    top: 73px;
    right: 0px;
  }
  #main-menu #arrow {
    position: absolute;
    top: -15px;
    right: 15px;
  }
  header h1 {
    margin-top: 0px;
    margin-left: 10px;
    background-position: top left;
    float: left;
  }
  header a.menu-button {
    float: right;
    margin-top: 5px;
    background-position: 58px 1px;
    text-indent: 10px;
  }
  #main-menu {
    padding: 0px;
  }
  #scrollToTop {
    top: 130px;
    animation: 900ms scrollToTop-down-boxed;
  }
  @keyframes scrollToTop-down-boxed {
    from {
      margin-top: -100%;
    }
    to {
      margin-top: 0%;
    }
  }
}
/*Hide Ads from google on the search page */
.gsc-adBlock {
  display: none!important;
  height: 0!important;
}
/*Privacy page ol li*/
.standard ol {
  list-style-type: lower-alpha;
}
.standard ol li {
  font-weight: 400;
  color: inherit;
}
.standard ol li ol {
  list-style-type: lower-roman;
}
/*****SiteSearch*****/
#search > input[type="text"] {
  padding: 10px 10px 10px 46px !important;
}
.ss360-list {
  list-style: none !important;
}
.ss360-suggests {
  margin: 0 !important;
  box-shadow: none !important;
}
.ss360-suggests__content {
  margin-left: 0 !important;
}
/* Mailchimp forms */
#mc_embed_signup {
  margin: 0 auto;
  width: 90%;
}
#mc_embed_signup .indicates-required {
  margin: 10px 0;
}
#mc_embed_signup .mc-field-group,
#mc_embed_signup .input-group {
  display: inline-block;
  margin: 5px 0;
  width: 100%;
}
#mc_embed_signup .input-group,
#mc_embed_signup .mc-field-group label {
  font-weight: bold;
  padding-left: 0;
}
#mc_embed_signup .indicates-required .asterisk,
#mc_embed_signup .mc-field-group .asterisk,
#mc_embed_signup .mc-field-group label .asterisk {
  color: red;
}
#mc_embed_signup .input-group label {
  font-weight: normal;
}
#mc_embed_signup .input-group ul li {
  display: inline;
}
#mc_embed_signup .mc-field-group select {
  height: 30px;
  margin: 0;
}
#mc_embed_signup .mc-field-group textarea {
  font: inherit;
}
#mc_embed_signup .mc-field-group .checkbox {
  display: block;
}
#mc_embed_signup .mc-field-group .checkbox {
  font-weight: normal;
}
#thankyouMsg {
  display: none;
  width: 90%;
  margin: 20px auto;
}
#thankyouMsg .thankyouHeading {
  font-size: 16px;
  font-weight: bold;
}
/* Youtube video responsive css*/
.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.no-touch header a.menu-button:hover {
  background-position: 58px -43px;
  text-decoration: none;
}
/********************** STICKY HEADER CSS OVERRIDES **************************/
.topbar-group.sticky {
  height: 149px;
  animation: 900ms slide-down-boxed;
}
@keyframes slide-down-boxed {
  from {
    margin-top: -100%;
    height: 149px;
  }
  to {
    margin-top: 0%;
    height: 149px;
  }
}
@media all and (min-width: 640px) and (max-width: 959px) {
  .topbar-group.sticky {
    height: 71px;
    animation: 900ms slide-down-boxed;
  }
  @keyframes slide-down-boxed {
    from {
      margin-top: -100%;
      height: 71px;
    }
    to {
      margin-top: 0%;
      height: 71px;
    }
  }
}
@media all and (min-width: 320px) and (max-width: 639px) {
  .topbar-group.sticky {
    height: 71px;
    animation: 900ms slide-down-boxed;
  }
  @keyframes slide-down-boxed {
    from {
      margin-top: -100%;
      height: 71px;
    }
    to {
      margin-top: 0%;
      height: 71px;
    }
  }
}
/********************** FULL WIDTH LAYOUT CSS OVERRIDES **************************/
header {
  margin-top: 0;
}
.full-section {
  width: 100%;
  padding-bottom: 50px;
}
.full-width-section {
  width: 100%;
  padding: 50px 0;
}
.boxed-wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px;
}
.box-section,
#college-blurb {
  padding: 0 10px;
}
#content {
  width: 960px;
  margin: 0 auto;
}
#topBar {
  display: none;
}
.nav-v2 #menu-holder ul li a.ask-a-question,
.nav-v2 #menu-holder ul li a.apply {
  border-radius: 0px;
}
ul.coursecloud,
ul.coursecloud li a,
.pdf,
footer .content .links a,
.nav-v2 #menu-holder ul li a,
.nav-v2 #menu-holder ul li a.expanding-menu,
.nav-v2 #menu-holder ul li a:visited {
  border-radius: 0px;
}
ul.coursecloud li a {
  padding: 8px;
}
.gridmenu {
  margin: 0;
}
.gridmenu.gridthree li {
  height: auto;
  min-height: 300px;
  max-height: 338px;
}
.gridmenu.gridthree a {
  text-decoration: none;
}
.gridmenu.gridthree a:hover {
  text-decoration: none;
  background-color: transparent;
  opacity: 0.9;
}
.gridmenu.gridthree :nth-child(1) .text-box {
  background-color: #00325b;
}
.gridmenu.gridthree :nth-child(2) .text-box {
  background-color: #098480;
}
.gridmenu.gridthree :nth-child(3) .text-box {
  background-color: #00325b;
}
.gridmenu.gridthree a:hover .hover-mask {
  background-color: rgba(0, 0, 0, 0.6);
}
.gridmenu.gridthree a span {
  position: inherit;
  padding: 0;
  height: auto;
  line-height: 1.5em;
  background-color: transparent;
  font-size: 1em;
  font-weight: 300;
}
.gridmenu.gridthree .button-box {
  background-size: cover;
  text-align: center;
  height: 160px;
}
.gridmenu.gridthree .hover-mask {
  padding: 0 40px;
  height: auto;
  min-height: 300px;
  max-height: 300px;
  background-color: rgba(0, 0, 0, 0.2);
}
.gridmenu.gridthree .button-box h2 {
  padding-top: 45%;
}
.gridmenu.gridthree .text-box {
  min-height: 118px;
  padding: 30px 20px !important;
  position: relative;
}
.gridmenu.gridthree .text-box::after {
  position: absolute;
  bottom: 10px;
  right: 15px;
  content: "";
  width: 10px;
  height: 17px;
  background: url('../static/LBIC/rollover/right_arrow_icon@2x.png') no-repeat;
  background-size: 10px 17px;
}
.no-touch .gridmenu a:hover span,
.no-touch .gridmenu a:active span {
  background-color: transparent;
}
/*pathway-banner*/
#tabBtns a,
#multi-tabBtns a {
  color: #00325b;
  background-color: #DDDDDD;
}
#tabBtns a.sel,
#multi-tabBtns a.sel {
  color: #00325b;
  background-color: #FFFFFF;
}
#tabBtns a:hover,
#multi-tabBtns a:hover {
  color: #00325b;
}
.pathway-banner .highschool .pathway-cell-contents h3 {
  color: #00325b;
}
.pathway-banner .university .pathway-cell-contents h3 {
  color: #00325b;
}
.section-bg-a {
  background-color: #EFF0F0;
}
.section-bg-b {
  background-color: #00325b;
}
.font-white-color {
  color: #FFFFFF !important;
}
.no-underline,
.no-underline-title {
  padding: 0;
  border-bottom: 0px;
}
footer {
  background-color: #00325b;
  padding: 50px 0px 30px 0px;
}
footer .content p {
  color: #FFFFFF !important;
}
footer .content .links a {
  background: transparent;
  color: #FFFFFF;
}
@media all and (min-width: 960px) {
  .menu-full {
    margin-top: 5px;
    background: #00325b;
  }
  .nav-v2 header h1 {
    margin-top: 30px;
  }
  .nav-v2 #top-menu {
    top: -75px;
    width: 440px;
  }
  .nav-v2 #menu-holder ul li a,
  .nav-v2 #menu-holder ul li a.expanding-menu,
  .nav-v2 #menu-holder ul li a:visited {
    background-color: transparent;
    color: #FFFFFF;
    border-top: none;
    border-bottom: 4px solid #00325b;
  }
  .nav-v2 #menu-holder ul .active a {
    border-bottom: 4px solid #FFFFFF !important;
  }
  .nav-v2 #menu-holder ul li a:active,
  .nav-v2 #menu-holder ul li.active a:active {
    background-color: transparent;
  }
  .nav-v2 #menu-holder ul li ul {
    background: #F4F4F4 !important;
  }
  .nav-v2 #menu-holder ul li ul li a {
    background: #F4F4F4 !important;
    color: #00325b !important;
  }
  .nav-v2 #menu-holder ul li ul.dl-submenu li a {
    color: #00325b !important;
    border-bottom: none!important;
  }
  .nav-v2 #menu-holder ul li ul.dl-submenu li a:hover {
    color: #00325b !important;
  }
  .nav-v2 #menu-holder ul li a:hover,
  .nav-v2 #menu-holder ul li.active a:hover {
    color: #FFFFFF;
  }
  .nav-v2 #menu-holder ul li a.ask-a-question:hover,
  .nav-v2 #menu-holder ul li a.apply:hover,
  .nav-v2 #menu-holder ul li a.ask-a-question:active,
  .nav-v2 #menu-holder ul li a.apply:active {
    background-color: #00325b;
  }
}
@media all and (min-width: 0px) and (max-width: 959px) {
  #content {
    width: 100%;
  }
  #main-menu ul li a,
  #main-menu ul li a:visited,
  #main-menu ul li a.expanding-menu,
  #main-menu ul li ul li a,
  #main-menu ul li ul li a:visited {
    color: #4d4e53;
  }
}
@media (max-width: 640px) {
  .full-section {
    padding-bottom: 0;
  }
  .full-width-section-mobile {
    margin: 50px 0;
  }
  .full-width-section-mobile .mobile {
    padding: 0 10px;
  }
  #page-holder {
    margin-top: 0px;
  }
  .gridmenu li {
    background-size: 326px 170px;
  }
}
/******Video Background********/
.header-video {
  position: relative;
  overflow: hidden;
  max-height: 620px;
}
.header-video iframe,
.header-video video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.header-video iframe {
  height: 100%;
  width: 100%;
}
.header-video video {
  width: 100%;
}
.header-video__teaser-video {
  width: 100%;
  height: auto;
}
.header-video__media {
  width: 100%;
  height: auto;
}
.header-video:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.5);
  z-index: 4;
  top: 0;
  left: 0;
}
.header-video #courses {
  background: none!important;
  width: 960px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/****cloudcourse override*****/
ul.coursecloud {
  margin: 0;
  padding: 0;
  z-index: 5;
  position: absolute;
  left: 0%;
  top: 20%;
  float: none;
  background: transparent;
  max-width: 576px;
}
ul.coursecloud h1 {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 2.5em;
  color: #FFFFFF;
}
ul.coursecloud h6 {
  font-size: 1.1em;
  color: #FFFFFF;
}
@media (max-width: 960px) {
  ul.coursecloud {
    margin: 20px;
    padding: 10px;
    width: 100%;
    max-width: 680px;
  }
  ul.coursecloud h1 {
    font-size: 2.1em;
  }
  .header-video {
    max-height: 820px;
  }
}
h2.arrow,
h3.arrow,
h4.arrow {
  background: none;
  padding: 14px 10px 0 0;
}
.coursepage h4 {
  font-size: 1em;
}
.pathway-banner .highschool .pathway-cell-contents h3,
.pathway-banner .pathway-cell-contents h3 {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
.pdf,
.pdf.link {
  background-image: url(../static/LBIC/rollover/right_arrow_icon@2x.png);
  background-size: 10px 17px;
}
p,
ul li,
td,
td p {
  line-height: 1.5em;
  font-weight: 300;
}
h4 {
  font-size: 1em;
}
input.wfPageNextButton {
  font-family: "Open Sans", sans-serif;
  background-color: #098480 !important;
}
input.wfPagePreviousButton {
  font-family: "Open Sans", sans-serif;
  background-color: #00325b !important;
}
input.wfPageNextButton:hover,
input.wfPagePreviousButton:hover {
  font-family: "Open Sans", sans-serif;
  background-color: #00325b !important;
}
.pathway-banner .arrow-right {
  background-image: url(../../static/LBIC/rollover/pathway_right_arrow_icon@2x.png) !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #socialMedia .facebook-icon {
    background-image: url(../../static/LBIC/facebook-icon@2x.png);
  }
  #socialMedia .youtube {
    background-image: url(../../static/LBIC/youtube-icon@2x.png);
  }
  #socialMedia .twitter {
    background-image: url(../../static/LBIC/twitter-icon@2x.png);
  }
  #socialMedia .instagram {
    background-image: url(../../static/LBIC/instagram-icon@2x.png);
  }
}
#socialMedia .facebook-icon {
  background: url(../../static/LBIC/facebook-icon.png) no-repeat top left;
  background-size: 30px 30px;
}
#socialMedia .youtube {
  background: url(../../static/LBIC/youtube-icon.png) no-repeat top left;
  background-size: 30px 30px;
}
#socialMedia .twitter {
  background: url(../../static/LBIC/twitter-icon.png) no-repeat top left;
  background-size: 30px 30px;
}
#socialMedia .instagram {
  background: url(../../static/LBIC/instagram-icon.png) no-repeat top left;
  background-size: 30px 30px;
}
#socialMedia a {
  width: 30px;
  margin: 20px 8px;
}
.font-white-color a {
  color: #ffffff;
}
#banner-box {
  padding: 10px;
  text-align: center;
  background: #098480 !important;
  margin-bottom: 30px;
}
.boxed-wrapper img.banner {
  max-width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 640px) and (min-width: 0px) {
  .boxed-wrapper.mobile {
    padding: 0px 20px !important;
  }
  .alert-message {
    width: 94% !important;
  }
}
@media (max-width: 960px) and (min-width: 0px) {
  .boxed-wrapper.desktop {
    padding: 0px 15px !important;
  }
}
@media (max-width: 960px) and (min-width: 641px) {
  h2.no-underline-title.font-white-color {
    font-size: 1em !important;
  }
  ul.coursecloud {
    margin: 0px !important;
    top: 0% !important;
    padding: 11px !important;
  }
  ul.coursecloud h1 {
    font-size: 1.8em !important;
    margin: -15px -10px 0px -10px !important;
  }
  .header-video #courses {
    background: none!important;
    width: 960px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .alert-message {
    width: 97% !important;
  }
}
.alert-message {
  width: 960px;
  margin: 0 auto;
}
.full-section.message {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
/*** Coronavirus Notification ***/
#uk-notification {
  display: block;
  padding: 20px 0;
  width: 100%;
  background-color: #098480;
  color: #fff;
  text-align: center;
}
#uk-notification a {
  color: #fff;
  font-weight: 700;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.left .dates a {
  text-decoration: underline;
}
}