@charset "UTF-8";
@font-face {
  font-family: 'open_sans_condensedbold';
  src: url("fonts/opensans-condbold-webfont.eot");
  src: url("fonts/opensans-condbold-webfont.eot%3F") format("embedded-opentype"), url("fonts/opensans-condbold-webfont.woff") format("woff"), url("fonts/opensans-condbold-webfont.ttf") format("truetype"), url("fonts/opensans-condbold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot%3Fb7lqf4");
  src: url("fonts/icomoon.eot%3F") format("embedded-opentype"), url("fonts/icomoon.woff%3Fb7lqf4") format("woff"), url("fonts/icomoon.ttf%3Fb7lqf4") format("truetype"), url("fonts/icomoon.svg%3Fb7lqf4") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-uniE600:before {
  content: "\e600"; }

.icon-search:before {
  content: "\f002"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-bars:before {
  content: "\f0c9";
  padding: 0 0 0 0.7em; }

.icon-linkedin:before {
  content: "\f0e1"; }

/* ==========================================================================
   Reset
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.5em;
  font-size: 16px; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/* ==========================================================================
  Grid
   ========================================================================== */
.container {
  margin: 0 auto;
  max-width: 960px;
  padding: 0 1em; }
  .container:after {
    content: "";
    display: block;
    clear: both; }
  @media only screen and (min-width: 960px) {
    .container {
      padding: 0; } }

[class*='col-'] {
  float: left;
  width: 100%;
  padding-right: 1.5em;
  margin-bottom: 1em; }
  @media only screen and (min-width: 760px) {
    [class*='col-'] {
      margin-bottom: 0em; }
      .grid [class*='col-']:last-of-type {
        padding-right: 0; } }

@media only screen and (min-width: 760px) {
  .col-1-third {
    width: 33%; } }

@media only screen and (min-width: 760px) {
  .col-2-third {
    width: 66%; } }

@media only screen and (min-width: 760px) {
  .col-1-quarter {
    width: 25%; } }

@media only screen and (min-width: 760px) {
  .col-2-quarter {
    width: 50%; } }

@media only screen and (min-width: 760px) {
  .col-3-quarter {
    width: 75%; } }

@media only screen and (min-width: 760px) {
  .col-1-fifth {
    width: 20%; } }

@media only screen and (min-width: 760px) {
  .col-2-fifth {
    width: 40%; } }

@media only screen and (min-width: 760px) {
  .col-3-fifth {
    width: 60%; } }

@media only screen and (min-width: 760px) {
  .col-4-fifth {
    width: 80%; } }
								
.col-fullwidth {
  width: 100%; }

.contentpage .col-1-third {
  width: 100%; }
  @media only screen and (min-width: 960px) {
    .contentpage .col-1-third {
      width: 33%; } }
.contentpage .col-2-third {
  width: 100%; }
  @media only screen and (min-width: 960px) {
    .contentpage .col-2-third {
      width: 66%; } }

section {
  padding: 1em 0; }
  @media only screen and (min-width: 960px) {
    section {
      padding: 3.125em 0; } }

.clearfix:after, .grid:after {
  content: "";
  display: block;
  clear: both; }

/* ==========================================================================
   Base typography 
   ========================================================================== */
body {
  color: #4A4B52;
  font-weight: normal;
  font-family: "Open Sans", sans-serif; }

h1 {
  margin: 0 0 0.5em 0;
  color: #4A4B52;
  font-size: 1.688em;
  font-weight: 600; }

h2 {
  margin-bottom: 0.6em;
  font-weight: 600;
  font-size: 1.4em; }

h3 {
  margin-bottom: 0.6em;
  color: #073860;
  font-size: 1.125em; }

p {
  margin: 0 0 1em 0; }

a {
  color: #108AD7;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s; }
  a:hover {
    color: #5ab8f3; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }
  img.featureimg {
    border: 1px solid #E3E3E3; }

blockquote {
  margin: 1em 0;
  padding: 1em;
  background-color: #E8F5FB;
  color: #108AD7;
  font-weight: 600; }

hr {
  margin: 1em 0;
  height: 1px;
  background-color: #E3E3E3;
  border: 0;
  color: #073860; }
  @media only screen and (min-width: 760px) {
    hr {
      margin: 2.125em 0  3.125em 0; } }

/* ==========================================================================
   Header
   ========================================================================== */
header {
  padding-top: 1.5em; }
  header .logo {
    color: #108AD7;
    font-family: "open_sans_condensedbold", sans-serif;
    font-size: 1.2em;
    text-decoration: none; }
    @media only screen and (min-width: 760px) {
      header .logo {
        font-size: 1.688em; } }
    header .logo .hide {
      display: none; }
      @media only screen and (min-width: 760px) {
        header .logo .hide {
          display: block; } }
  header .col-2-quarter:first-of-type {
    text-align: center; }
    @media only screen and (min-width: 760px) {
      header .col-2-quarter:first-of-type {
        text-align: left; } }
  @media only screen and (min-width: 760px) {
    header .col-2-quarter {
      width: 50%; } }
  header .top-bar {
    text-align: center; }
    @media only screen and (min-width: 760px) {
      header .top-bar {
        text-align: right; } }
    header .top-bar .login {
      padding: 0.6em 0 0 0.5em;
      color: #073860;
      font-family: "open_sans_condensedbold", sans-serif;
      font-size: 1.2em;
      text-decoration: none; }
      header .top-bar .login span {
        margin: 0 0.3em 0 0; }
    header .top-bar .search {
      margin-top: 0.6em; }
      header .top-bar .search button {
        background-color: #fff;
        color: #073860; }
      header .top-bar .search span {
        margin: 0 0 0 0.3em; }
      header .top-bar .search input[type="text"] {
        width: 40%;
        display: inline-block;
        margin: 0; }
  header h3 {
    display: block;
    text-align: center;
    margin: 0; }
    header h3 a {
      color: #073860; }
    @media only screen and (min-width: 760px) {
      header h3 {
        display: none; } }
  header img {
    padding-top: 1.6em; }
    @media only screen and (min-width: 600px) {
      header img {
        padding-top: 0; } }
  header .main-navigation {
    margin-top: 1.5em;
    padding: 1em 0;
    background-color: #F8F8F8;
    border-bottom: 0.5em solid #073860; }
    header .main-navigation nav {
      display: none; }
      @media only screen and (min-width: 760px) {
        header .main-navigation nav {
          display: block; } }
      header .main-navigation nav ul li {
        list-style: none; }
        @media only screen and (min-width: 760px) {
          header .main-navigation nav ul li {
            float: left; } }
        header .main-navigation nav ul li a {
          margin: 0 1em 0 0;
          color: #06385F;
          font-family: "open_sans_condensedbold", sans-serif;
          font-size: 1.250em;
          text-decoration: none; }
          @media only screen and (min-width: 960px) {
            header .main-navigation nav ul li a {
              margin: 0 3em 0 0; } }
          header .main-navigation nav ul li a.current, header .main-navigation nav ul li a:hover {
            color: #108AD7; }

/* ==========================================================================
	Global Styles
	========================================================================== */
.herobanner {
  padding: 0;
  height: 200px;
  border-bottom: 0.1em solid #E3E3E3; }
  .herobanner .container {
    background: #073860;
    height: 100%;
    padding: 1em; }
    @media only screen and (min-width: 760px) {
      .herobanner .container {
        background: none;
        padding: 0 1em; } }
  @media only screen and (min-width: 760px) {
    .herobanner {
      height: 300px;
      padding: 2.5em 0;
      background: no-repeat center right;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; } }
  @media only screen and (min-width: 960px) {
    .herobanner {
      height: 400px;
      padding: 5em 0; } }
  .herobanner h1 {
    margin-bottom: 0em;
    color: #fff;
    font-weight: 600;
    font-size: 2em; }
    @media only screen and (min-width: 760px) {
      .herobanner h1 {
        color: #073860;
        font-size: 3.125em; } }
  .herobanner p {
    margin-bottom: 0em;
    color: #fff;
    font-size: 1em;
    line-height: 1.4em; }
    @media only screen and (min-width: 760px) {
      .herobanner p {
        font-size: 1.688em; } }
    .herobanner p.subheading {
      margin-top: -0.5em;
      padding-bottom: 0.5em; }
      @media only screen and (min-width: 760px) {
        .herobanner p.subheading {
          color: #073860; } }

.homepage-logo .col-1-quarter {
  width: 25%; }

@media only screen and (min-width: 960px) {
  .content {
    background-color: none;
    min-height: 900px; } }
.content ul {
  margin: 0 0 0 2em; }
  .content ul li {
    margin: 0 0 1em 0;
    padding: 0 0 0 1.5em;
    list-style: none;
    position: relative; }
    .content ul li:before {
      content: "• ";
      position: absolute;
      left: 0;
      margin-right: 1em;
      font-size: 1.2em;
      color: #108AD7; }
  .content ul.breadcrumbs {
    margin: 0; }
    .content ul.breadcrumbs li {
      padding: 0; }
      .content ul.breadcrumbs li:before {
        content: none; }

.side-navigation {
  padding: 0;
  width: 100%;
  border-right: 3px solid #F8F8F8;
  float: left;
  background-color: #108AD7;
  /*.side-btns {margin-top:0.5em;display:none;
  	@include respond-to(large-screens) {margin-top:3em; display:block;}
  	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {margin-top:0.5em}
  	ul {background-color:$colour-white;
  		li {padding:0.3em; background-color:$colour-grey;margin-bottom:1em;}
  	}
  	img {vertical-align: middle; padding:0 1em 0 0;}
  }*/ }
  @media only screen and (min-width: 960px) {
    .side-navigation {
      margin: 0 0 0em 0;
      padding: 0 0 0em 0;
      background-color: #fff;
      position: relative; } }
  .side-navigation h3 {
    padding: 0.4em;
    color: #fff;
    text-align: center;
    margin: 0; }
    @media only screen and (min-width: 960px) {
      .side-navigation h3 {
        padding: 1em;
        margin-bottom: 0.6em;
        color: #073860;
        text-align: left; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .side-navigation h3 {
        padding: 0.3em;
        margin: 0; } }
    .side-navigation h3.desktop-title {
      display: none; }
      @media only screen and (min-width: 960px) {
        .side-navigation h3.desktop-title {
          display: block; } }
  @media only screen and (min-width: 960px) {
    .side-navigation #page-nav-mobile {
      display: none; } }
  .side-navigation .menu {
    display: none; }
    @media only screen and (min-width: 960px) {
      .side-navigation .menu {
        display: block; } }
  .side-navigation ul li {
    list-style: none; }
    .side-navigation ul li a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 0.4em; }
      @media only screen and (min-width: 960px) {
        .side-navigation ul li a {
          padding: 1em;
          color: #073860; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .side-navigation ul li a {
          padding: 0.3em; } }
    .side-navigation ul li.active {
      background-color: #073860;
      cursor: pointer;
      position: relative; }
      .side-navigation ul li.active p {
        display: block;
        color: #fff;
        padding: 1em;
        margin: 0;
        display: inline-block; }
      .side-navigation ul li.active span {
        background: url("../images/icon-plus.jpg");
        position: absolute;
        top: 25px;
        right: 10px;
        color: white;
        width: 9px;
        height: 7px; }
        .side-navigation ul li.active span.minus {
          background: url("../images/icon-minus.jpg"); }
  .side-navigation ul ul {
    background-color: #F8F8F8;
    display: none; }
    .side-navigation ul ul a {
      margin: 0 0 0 1em;
      color: #073860 !important;
      font-size: 0.875em;
      padding: 0.5em; }
      .side-navigation ul ul a.active {
        color: #108AD7 !important; }

.breadcrumbs:after {
  content: "";
  display: block;
  clear: both; }
.breadcrumbs li {
  float: left;
  margin: 0 1em 0 0;
  list-style: none;
  font-size: 0.95em; }
  .breadcrumbs li:after {
    content: ">\00a0"; }
  .breadcrumbs li:last-child:after {
    content: none; }
  .breadcrumbs li span {
    padding: 0 0.5em 0 0;
    color: #108AD7;
    text-decoration: none; }

.information-list ul li {
  margin-bottom: 1em;
  list-style: none; }
.information-list .list-break {
  clear: both;
  margin-bottom: 2em; }

.screenout {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9); }
  .screenout.open {
    outline: none;
    display: block; }

.lightbox {
  display: none;
  padding: 0.5em;
  position: fixed;
  z-index: 1000;
  width: 90%;
  left: 5%;
  top: 5%;
  background: #108AD7;
  color: #fff;
  text-align: center;
  overflow: scroll;
  height: 90%; }
  .lightbox.open {
    outline: none;
    display: block; }
  .lightbox a {
    color: #fff; }
  .lightbox p, .lightbox a {
    font-size: 13px; }
  .lightbox button {
    background-color: #073860; }
  .lightbox.openit .passwordForm {
    display: none; }
  .lightbox input[type="password"], .lightbox input[type="email"] {
    display: inline-block;
    width: 45%; }
  @media only screen and (min-width: 1300px) {
    .lightbox {
      width: 50%;
      left: 25%;
      top: 20%; } }
  @media only screen and (min-width: 600px) {
    .lightbox {
      overflow: auto;
      height: auto; } }
  @media only screen and (min-width: 760px) {
    .lightbox {
      padding: 2em 2em 3em 2em; }
      .lightbox p, .lightbox a {
        font-size: 16px; }
      .lightbox input[type="password"], .lightbox input[type="email"] {
        display: block;
        width: 70%; } }
  .lightbox .lightbox-action {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    cursor: pointer; }
    .lightbox .lightbox-action img {
      vertical-align: middle;
      margin: 0 0 0 5px; }
    .lightbox .lightbox-action a {
      text-decoration: none;
      font-size: 14px; }

.videoWrapper {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

form input[type="password"], form input[type="text"], form input[type="email"] {
  display: block;
  margin: 0 auto 1em auto;
  padding: 0.4em;
  width: 70%;
  border: 1px solid #A0A0A0; }
form button, form .btn {
  padding: 0.4em;
  border: 0;
  background-color: #108AD7;
  color: #fff;
  font-family: "Open Sans", sans-serif; }

.tab-title {
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .tab-title:hover {
    color: #108AD7; }

.subitem {
  margin-bottom: 3em; }

.tab {
  display: none;
  margin: 1em 0;
  padding: 1em;
  background-color: #E8F5FB;
  color: #108AD7; }

#sidebar {
  width: 100%;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    #sidebar {
      max-width: 316px;
      padding-right: 1.5em; } }

.socialbtn ul {
  margin: 0;
  list-style: none; }
  .socialbtn ul li {
    margin: 0;
    padding: 0; }

.pdf-top {
  text-align: right; }
  .pdf-top a {
    text-decoration: none;
    font-size: 0.95em; }
  .pdf-top img {
    vertical-align: middle;
    margin: 0 0.7em 0 0; }

.social-icons a {
  color: #fff; }
.social-icons .circle {
  display: inline-block;
  width: 4em;
  height: 4em;
  margin: 0 1em 0 0;
  padding: 1em 0 0 0.2em;
  background-color: #108AD7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  text-align: center; }
.social-icons span {
  font-size: 2em; }

.smalltext {
  font-size: 10px; }

.top {
  color: #108AD7;
  cursor: pointer;
  padding-bottom: 1em; }

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  margin-top: 0 !important; }

.stickysidenav {
  margin-top: 4em; }

a.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden; }

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
  padding: 3.125em 0;
  background-color: #073860;
  color: #fff; }
  footer a {
    color: #fff; }
  footer input[type="email"] {
    border: 0;
    margin: 0;
    display: inline-block;
    width: 100%; }
  footer .mc-field-group, footer .mce-responses {
    display: inline-block; }

/*# sourceMappingURL=style.css.map */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */