/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 02 May 2019 14:21:20
*/


/* customisations (added by Ken) */
/* -- page-tile style -- */
.page-tile {
    position: relative;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 170px;
    overflow: hidden;
    text-align: center;
    background: no-repeat 50% 0 #003086;
    background-size: cover;
    color: #ffffff;
}
.page-tile.linked {
    cursor: pointer;
}
.page-tile .tile-icon {
    position: absolute;
    top: 0;
    bottom: 50px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.page-tile .tile-image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.page-tile .tile-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    text-align: center;
    color: #ffffff;
    font-size: 1em;
    box-sizing: border-box;
    width: 100%;
    padding: 0 14px 14px;
}
.page-tile .image-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    text-align: center;
    color: #ffffff;
    font-size: 1em;
    box-sizing: border-box;
    width: 100%;
    padding: 14px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ff000000',GradientType=0 ); /* IE6-9 */
}
.page-tile .tile-button {
    display: block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    margin: 0 auto;
    border: 1px solid #ffffff;
    padding: 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.1;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: none;
    display: table-cell;
    vertical-align: middle;
}
a.tile-button:hover, a.tile-button:focus {
    background-color: #ffffff;
    color: #000000;
}
.tile-mit-red {
    background: #003086;
}
.tile-mit-red a.tile-button:hover, .tile-mit-red a.tile-button:focus {
    color: #003086;
}
.tile-dark-blue {
    background: #003086;
}
.tile-dark-blue a.tile-button:hover, .tile-dark-blue a.tile-button:focus {
    color: #003086;
}
.tile-light-blue {
    background: #0095c8;
}
.tile-light-blue a.tile-button:hover, .tile-light-blue a.tile-button:focus {
    color: #0095c8;
}
.tile-purple {
    background: #772583;
}
.tile-purple a.tile-button:hover, .tile-purple a.tile-button:focus {
    color: #772583;
}
.tile-yellow {
    background: #ffb500;
}
.tile-yellow a.tile-button:hover, .tile-yellow a.tile-button:focus {
    color: #ffb500;
}
.tile-orange {
    background: #ff6a13;
}
.tile-orange a.tile-button:hover, .tile-orange a.tile-button:focus {
    color: #ff6a13;
}
.tile-pink {
    background: #df0599;
}
.tile-pink a.tile-button:hover, .tile-pink a.tile-button:focus {
    color: #df0599;
}
.tile-green {
    background: #64a70b;
}
.tile-green a.tile-button:hover, .tile-green a.tile-button:focus {
    color: #64a70b;
}
.tile-grey {
    background: #595959;
}
.tile-grey a.tile-button:hover, .tile-grey a.tile-button:focus {
    color: #595959;
}
.tile-dark-grey {
    background: #333333;
}
.tile-dark-grey a.tile-button:hover, .tile-dark-grey a.tile-button:focus {
    color: #333333;
}
.tile-light-grey {
    background: #c8c9c7;
}
.tile-light-grey a.tile-button:hover, .tile-light-grey a.tile-button:focus {
    color: #c8c9c7;
}

#homepage-get-brochure {
    position: relative;
}
#homepage-get-brochure .page-tile {
    height: 100%;
    position: static;
}
#homepage-get-brochure .page-tile .tile-button {
    font-size: 1.2em;
    height: 52px;
    font-family: AauxNext-Bold;
    text-transform: none;
    background: #003086;
    background: rgb(0, 48, 134);
    background: rgba(0, 48, 134, .9);
    color: #ffffff;
    border: 0;
}
#homepage-get-brochure .page-tile .tile-button:hover {
    background: #0095c8;
    background: rgb(26, 74, 160);
    background: rgba(26, 74, 160, .8);
    color: #ffffff;
    border: 0;
}
@media (max-width: 767px) {
    #homepage-get-brochure .page-tile {
        min-height: 400px;
    }
}
/* -- end of page-tile style -- */

/* -- mini-banner style -- */
#mini-banner > a {
  display: block;
  outline: none;
  border: 0;
  background-color: #ffffff;
  padding: 0 3em 0 0;
}
/*
#mini-banner > a:hover {
  background-color: #595959;
  color: #ffffff;
}
*/
#mini-banner .banner-left {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  background: url('/__data/assets/image/0005/263858/banner_arrow_red.png') no-repeat left center;
  padding-left: 3em;
}

#mini-banner > a:hover .banner-left {
  background-image: url('/__data/assets/image/0006/263859/banner_arrow_grey.png');
}

#mini-banner .main-text {
  display: block;
  vertical-align: top;
  color: #000000;
  border-bottom: 1px dotted #ffffff;
  white-space: nowrap;
  font-family: AauxNext-Bold;
  font-size: 1.8em;
  /*font-size: 2.25em;*/
  height: 100px;
  line-height: 100px;
}
#mini-banner > a:hover .main-text {
  color: #003086;
  /*border-bottom: 1px dotted #595959;*/
}
#mini-banner .main-text span {
  vertical-align: top;
  font-size: 0.6em;
  line-height: 1em;
}
#mini-banner .banner-left .remark {
  display: none;
}
#mini-banner .banner-right {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  float: right;
  padding-top: 1.8em;
}
#mini-banner .banner-right .remark {
   display: block;
}
#mini-banner .button {
  width: 240px;
  text-align: center;
  font-family: AauxNext-Medium;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #ffffff;
  /*background-color: #333333;*/
}

#mini-banner > a:hover span.btnlnk {
  background-color: #595959;
}

/** parallogram button **/
#mini-banner span.btnlnk {
  display: inline-block;
  text-decoration:none;
  padding: 4px 10px;
  transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  color: #ffffff;
  background: #003086;
}
#mini-banner span.btnlnk span.button {
  display: inline-block;
  transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
}
/** parallogram button ends **/

#mini-banner span.terms {
    display: block;
    font-size: 0.8em;
    overflow: hidden;
    color: #000000;
}
#mini-banner .remark {
  vertical-align: top;
  padding-top: 0.4em;
  font-size: 0.7em;
  color: #595959;
}
#mini-banner > a:hover .remark {
  /*color: #ffffff;*/
}

@media all and (max-width: 1200px) {
  #mini-banner > a {
    text-align: center;
  }
  #mini-banner .main-text {
    /*font-size: 1.5em;*/
  }
}

/* -- tablet landscape -- */
@media all and (max-width: 1024px) {
  #mini-banner .banner-right {
    display: none;
  }
  #mini-banner > a {
    text-align: center;
    padding: 0;
  }
  #mini-banner .main-text {
    font-size: 1.5em;
  }
  #mini-banner .banner-left .remark {
    display: block;
  }
}

/* -- any greater than tablet portrait -- */
@media all and (min-width: 768px) {
  #search-form {
    display: block !important;
  }
}

/* -- tablet portrait -- */
@media all and (max-width: 767px) {
  .nav-secondary .sixth-lvl > a {
    color: #ffffff;
  }
  #mini-banner .main-text {
    /*font-size: 1.2em;*/
    /*font-size: 2em;*/
    padding: 0;
  }
}

/* -- mobile wide-screen -- */
@media all and (max-width: 560px) {
  #mini-banner .main-text {
    font-size: 1.2em;
    /*font-size: 1.8em;*/
  }
}

/* -- mobile -- */
@media all and (max-width: 480px) {
  #mini-banner .main-text {
    font-size: 1em;
    /*font-size: 1.2em;*/
  }
  #mini-banner .banner-left {
    padding-left: 1.5em;
    background-size: 1em;
  }
}
/* -- mini-banner style ends -- */




/* -- explore-mit style -- */
.cycle-pager a{
  background:#ffffff;
  border:2px solid #ffffff;
  display:block;
  float:left;
  overflow:hidden;
  margin:5px;
  padding:5px;
  width:0;
  height:0;
  font-size:0;
  line-height:0;
  color:transparent;
}
.cycle-pager a:hover{
  /*background-position:0 -24px;*/
  background:#003086;
}
.cycle-pager a.activeSlide{
  /*background-position:0 -12px;*/
  background:#003086;
}

#explore-mit .nav{display:none;}
#explore-mit .cycle-title{font-size:1.75em;line-height:1;padding:0 0 16px;margin:0;position:relative;}
#explore-mit .cycle-subtitle{font-size:1.25em;line-height:1.2;margin:10px 0 0;min-height:80px;overflow:hidden;position:relative;}
#explore-mit .cycle-title a,#explore-mit .cycle-subtitle a{color:#000000;}
#explore-mit .cycle-pager{margin:10px -5px 40px 20px;float:right;}
#explore-mit #slide-wrap{max-width:560px;height:100%;margin:auto;}
#explore-mit #slide-wrap #slide-scroll{max-height:315px;overflow:hidden;border:5px solid #ffffff;position:relative;}
#explore-mit #slide-wrap #slide-scroll > .cycle-slide{width:100%;height:auto;line-height:0;float:left;display:none;}
#explore-mit #slide-wrap #slide-scroll > .cycle-slide.active,
#explore-mit #slide-wrap #slide-scroll > .cycle-slide:nth-child(1){display:block;}
@media (max-width: 767px){#explore-mit #slide-wrap{max-width:550px;}#explore-mit .cycle-pager{float:none;clear:both;margin-left:-5px;margin-bottom:0;}#explore-mit .cycle-subtitle{clear:both;margin:0;}#explore-mit{padding-top:2em;}#explore-mit .cycle-title a{display:table-cell;height:56px;vertical-align:bottom;}}
/* -- explore-mit style ends -- */