@import url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);");
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* line 7, ../_sass/main.scss */
html,
button,
input,
select,
textarea {
  color: #222; }

/* line 11, ../_sass/main.scss */
html {
  font-size: 1em;
  line-height: 1.4; }

/* line 16, ../_sass/main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 21, ../_sass/main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 26, ../_sass/main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/* line 38, ../_sass/main.scss */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/* line 42, ../_sass/main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* line 48, ../_sass/main.scss */
textarea {
  resize: vertical; }

/* line 52, ../_sass/main.scss */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Revium Boilerplate

-- TOC
1. Imports and Resets
2. Responsive Break Points
3. Page Layout
4. Mobile Menu
5. Form Variables
6. Colours
7. Fonts
========================================================================== */
/* ==========================================================================
1. Imports and Resets
========================================================================== */
/* line 24, ../_sass/_base.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ==========================================================================
2. Responsive Break Points 
========================================================================== */
/* ==========================================================================
3. Page Layout 
========================================================================== */
/* ==========================================================================
5. Form Variables 
========================================================================== */
/* ==========================================================================
6. Colours 
========================================================================== */
/* ==========================================================================
7. Fonts 
========================================================================== */
/* ==========================================================================
4. Mobile Menu
========================================================================== */
/* ==========================================================================
Revium Boilerplate

-- TOC
1. Mixins  
========================================================================== */
/*

1. Colours and colour labels set in base.scss
2. Create 2 silent clsses based on colour array 

EXAMPLE Silent classes

.testing-font-color {
	@extend %font-color-primary;
}

.testing-bg-color {
	@extend %bg-color-primary;
}

*/
/* ==========================================================================
Revium Boilerplate

-- TOC
1. Controls   
2. Columns 
3. Sidebar
4. Responsive Grid  
========================================================================== */
/* ==========================================================================
1. Controls  
========================================================================== */
/* line 14, ../_sass/_grid.scss */
.left {
  float: left; }

/* line 18, ../_sass/_grid.scss */
.right {
  float: right; }

/* line 22, ../_sass/_grid.scss */
.content-width {
  width: 980px; }

/* line 26, ../_sass/_grid.scss */
.col-container {
  overflow: hidden;
  *zoom: 1; }

/* ==========================================================================
2. Columns  
========================================================================== */
/* line 34, ../_sass/_grid.scss */
.col {
  display: block;
  float: left;
  margin-left: 2%; }

/* line 40, ../_sass/_grid.scss */
.col:first-child {
  margin-left: 0; }

/* line 45, ../_sass/_grid.scss */
.width-full {
  width: 100%; }

/* line 50, ../_sass/_grid.scss */
.width-halfs {
  width: 49%; }

/* line 55, ../_sass/_grid.scss */
.width-thirds {
  width: 32%; }

/* line 60, ../_sass/_grid.scss */
.width-quarters {
  width: 23.5%; }

/* line 65, ../_sass/_grid.scss */
.width-twothirds {
  width: 66%; }

/* line 70, ../_sass/_grid.scss */
.width-threequarters {
  width: 74.5%; }

/* ==========================================================================
3. Sidebar  
========================================================================== */
/* line 77, ../_sass/_grid.scss */
aside {
  width: 20%;
  padding-right: 2%; }

/* line 82, ../_sass/_grid.scss */
aside.left {
  padding-right: 2%; }

/* line 86, ../_sass/_grid.scss */
aside.right {
  padding-left: 2%; }

/* line 90, ../_sass/_grid.scss */
aside + .col-container {
  float: left;
  width: 80%; }

/* ==========================================================================
4. Responsive Grid  
========================================================================== */
@media (max-width: 980px) {
  /* line 99, ../_sass/_grid.scss */
  .content-width {
    width: 100%; } }
@media (max-width: 767px) {
  /* line 105, ../_sass/_grid.scss */
  aside + .col-container, .content-width, .width-full, .width-thirds, .width-quarters, .width-twothirds, .width-threequarters, aside {
    width: 100%; }

  /* line 108, ../_sass/_grid.scss */
  .col.width-thirds, .col.width-quarters, .col.width-twothirds, .col.width-threequarters {
    margin: 10px 0 10px 0; } }
@media (max-width: 480px) {
  /* line 114, ../_sass/_grid.scss */
  .width-full, .width-halfs, .width-thirds, .width-quarters, .width-twothirds, .width-threequarters {
    width: 100%; }

  /* line 117, ../_sass/_grid.scss */
  .col {
    margin: 10px 0 10px 0; } }
/* ==========================================================================
Revium Boilerplate

-- TOC
1. Navigation
 
========================================================================== */
/* ==========================================================================
1. Navigation  
========================================================================== */
/* line 14, ../_sass/_nav.scss */
nav.main ul, nav.aside ul, nav.footer ul {
  margin-top: 0;
  list-style: none;
  background: #13599a;
  text-align: center;
  padding: 10px; }
  /* line 20, ../_sass/_nav.scss */
  nav.main ul li, nav.aside ul li, nav.footer ul li {
    display: inline-block; }
    /* line 22, ../_sass/_nav.scss */
    nav.main ul li a, nav.aside ul li a, nav.footer ul li a {
      color: #fff;
      text-decoration: none;
      padding: 5px 30px; }
      /* line 26, ../_sass/_nav.scss */
      nav.main ul li a:hover, nav.aside ul li a:hover, nav.footer ul li a:hover {
        text-decoration: none;
        background: #427aae; }

/* ==========================================================================
Revium Boilerplate

-- TOC
1. Theme Tag Markup CSS 
2. Theme Class CSS 

========================================================================== */
/* ==========================================================================
1. Silent Classes 
========================================================================== */
/* line 14, ../_sass/theme.scss */
.banner2, .content-box {
  background: #e5f5f3; }

/* line 18, ../_sass/theme.scss */
.banner h1, .banner2 h1 {
  font-size: 40px; }

/* ==========================================================================
1. Theme Tag Markup CSS
========================================================================== */
/* line 27, ../_sass/theme.scss */
body {
  font-family: "Roboto Slab";
  padding: 0;
  margin: 0;
  color: #333; }

/* line 34, ../_sass/theme.scss */
hr {
  background: #c1d1de;
  border: 0; }

/* line 39, ../_sass/theme.scss */
blockquote {
  padding: 20px;
  background: #e5f5f3; }

/* ==========================================================================
2. Theme Class CSS 
========================================================================== */
/* line 48, ../_sass/theme.scss */
img.left {
  margin: 5px 20px 0 0; }

/* line 52, ../_sass/theme.scss */
.logo {
  text-align: center; }
  /* line 54, ../_sass/theme.scss */
  .logo img {
    margin-bottom: -110px;
    margin-top: -30px; }

/* line 61, ../_sass/theme.scss */
.content-width {
  margin: 0 auto;
  padding: 20px; }

/* line 67, ../_sass/theme.scss */
#back-top {
  position: fixed;
  display: none;
  bottom: 50%;
  right: 30px; }
  /* line 72, ../_sass/theme.scss */
  #back-top a {
    display: block;
    color: #fff;
    text-decoration: none; }
    /* line 76, ../_sass/theme.scss */
    #back-top a:hover {
      text-decoration: none; }
    /* line 79, ../_sass/theme.scss */
    #back-top a span {
      font-size: 20px;
      text-align: center;
      width: 50px;
      height: 60px;
      display: block;
      background: rgba(0, 0, 0, 0.5); }

/* line 91, ../_sass/theme.scss */
.banner {
  background: #00a28a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006f5f), color-stop(20%, #00a28a), color-stop(80%, #00a28a), color-stop(100%, #00a28a));
  background-image: -webkit-linear-gradient(#006f5f, #00a28a 20%, #00a28a 80%, #00a28a);
  background-image: -moz-linear-gradient(#006f5f, #00a28a 20%, #00a28a 80%, #00a28a);
  background-image: -o-linear-gradient(#006f5f, #00a28a 20%, #00a28a 80%, #00a28a);
  background-image: linear-gradient(#006f5f, #00a28a 20%, #00a28a 80%, #00a28a);
  text-align: center;
  padding: 100px 40px 40px 40px; }
  /* line 96, ../_sass/theme.scss */
  .banner h1, .banner h2 {
    color: #fff; }
  /* line 99, ../_sass/theme.scss */
  .banner h1 {
    font-weight: 300;
    line-height: 45px; }
    /* line 103, ../_sass/theme.scss */
    .banner h1 strong {
      font-weight: 600;
      font-size: 50px; }
  /* line 108, ../_sass/theme.scss */
  .banner h2 {
    font-weight: 300;
    font-size: 20px; }

/* line 114, ../_sass/theme.scss */
.banner2 {
  padding: 60px 0 20px; }
  /* line 117, ../_sass/theme.scss */
  .banner2 h1 {
    color: #13599a;
    margin-bottom: 10px; }
  /* line 122, ../_sass/theme.scss */
  .banner2 h2 {
    color: #13599a; }
  /* line 125, ../_sass/theme.scss */
  .banner2 ul {
    font-weight: 300;
    font-size: 30px;
    color: #13599a;
    list-style: none;
    padding: 0;
    margin: 0; }
    /* line 133, ../_sass/theme.scss */
    .banner2 ul li:before {
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      margin: auto 0;
      font-size: 15px;
      content: "\f054";
      font-family: "fontAwesome"; }

/* line 146, ../_sass/theme.scss */
.badge {
  margin-bottom: -90px; }

/* line 151, ../_sass/theme.scss */
.content-box {
  float: left;
  border-top: 10px solid #13599a;
  padding: 20px;
  margin: 20px 0; }
  /* line 158, ../_sass/theme.scss */
  .content-box h1 {
    font-size: 20px;
    color: #00a28a;
    font-weight: 400;
    margin-top: 0; }
  /* line 164, ../_sass/theme.scss */
  .content-box h2 {
    font-size: 18px;
    color: #13599a;
    margin-bottom: 0; }
  /* line 169, ../_sass/theme.scss */
  .content-box h2 + p {
    margin-top: 0; }
  /* line 172, ../_sass/theme.scss */
  .content-box p {
    font-weight: 300;
    font-size: 15px;
    line-height: 25px; }
  /* line 177, ../_sass/theme.scss */
  .content-box ul {
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    padding: 0 15px; }
    /* line 182, ../_sass/theme.scss */
    .content-box ul li {
      padding-bottom: 15px; }

/* line 189, ../_sass/theme.scss */
footer {
  background: #13599a;
  color: #fff; }
  /* line 192, ../_sass/theme.scss */
  footer a {
    color: #fff; }
  /* line 195, ../_sass/theme.scss */
  footer p {
    margin-top: 0; }
  /* line 198, ../_sass/theme.scss */
  footer h1 {
    font-size: 20px;
    font-weight: 400;
    text-align: center; }
  /* line 203, ../_sass/theme.scss */
  footer .width-thirds {
    text-align: left;
    font-weight: 300; }
  /* line 207, ../_sass/theme.scss */
  footer .copyright {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    display: block;
    padding: 10px; }
  /* line 214, ../_sass/theme.scss */
  footer .heading {
    font-weight: 400;
    display: block; }

/* line 220, ../_sass/theme.scss */
h2.subheading {
  font-size: 30px; }

/* ==========================================================================
Revium Boilerplate

-- TOC
1. Responsive Breakpoints
========================================================================== */
/* ==========================================================================
1. Responsive Breakpoints 
========================================================================== */
@media (max-width: 768px) {
  /* line 17, ../_sass/_responsive.scss */
  iframe {
    margin: 20px 0; }

  /* line 21, ../_sass/_responsive.scss */
  .banner2 .content-width {
    padding: 0 20px; }
  /* line 24, ../_sass/_responsive.scss */
  .banner2 .width-halfs {
    width: 100%;
    display: block; } }
@media (max-width: 767px) {
  /* line 32, ../_sass/_responsive.scss */
  .content-width {
    padding-left: 0;
    padding-right: 0; }

  /* line 36, ../_sass/_responsive.scss */
  footer .width-thirds {
    text-align: center !important; } }
@media (max-width: 480px) {
  /* line 42, ../_sass/_responsive.scss */
  .content-width {
    padding: 0; }

  /* line 45, ../_sass/_responsive.scss */
  .content-box {
    margin: 0; }

  /* line 49, ../_sass/_responsive.scss */
  .logo img {
    width: 60%; }

  /* line 54, ../_sass/_responsive.scss */
  .banner h1, .banner h2, .banner h1 strong {
    font-size: 150% !important;
    line-height: normal !important;
    padding-top: 20px; }

  /* line 60, ../_sass/_responsive.scss */
  #back-top {
    right: 0;
    bottom: 0; }

  /* line 65, ../_sass/_responsive.scss */
  .banner2 h1, .banner2 h2, .banner2 h1 strong {
    font-size: 150% !important;
    line-height: normal !important;
    padding-top: 20px; }
  /* line 70, ../_sass/_responsive.scss */
  .banner2 .content-width {
    padding-left: 20px;
    padding-top: 20px; }
  /* line 74, ../_sass/_responsive.scss */
  .banner2 ul {
    font-size: 120%; }

  /* line 80, ../_sass/_responsive.scss */
  .content-box h1 {
    margin-top: 20px; }
  /* line 83, ../_sass/_responsive.scss */
  .content-box h2 {
    margin-top: 0; }

  /* line 87, ../_sass/_responsive.scss */
  footer {
    padding-top: 20px; } }
@media (max-width: 850px) {
  /* line 95, ../_sass/_responsive.scss */
  ul.page-nav a {
    font-size: 14px;
    margin-right: 2px; } }
/* ==========================================================================
Revium Boilerplate

-- TOC
1. Mobile Menu 
 
========================================================================== */
/* ==========================================================================
1. Mobile Menu 
========================================================================== */
/* line 12, ../_sass/snippets/_mobile-menu.scss */
.mobile-link {
  display: none; }

@media (max-width: 767px) {
  /* line 17, ../_sass/snippets/_mobile-menu.scss */
  nav {
    z-index: 9999; }
    /* line 19, ../_sass/snippets/_mobile-menu.scss */
    nav .mobile-link {
      display: block;
      z-index: 99999;
      position: absolute;
      top: 5px;
      left: 5px;
      font-size: 25px;
      background: rgba(0, 0, 0, 0.4);
      padding: 5px 10px;
      color: white; }
    /* line 30, ../_sass/snippets/_mobile-menu.scss */
    nav .links {
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      width: 100%;
      height: auto;
      max-height: 300px;
      overflow: hidden;
      margin: 0; }
      /* line 37, ../_sass/snippets/_mobile-menu.scss */
      nav .links ul.page-nav {
        text-align: center;
        padding: 0;
        display: block;
        list-style: none;
        background: #719bc2;
        border-bottom: 1px solid black; }
        /* line 44, ../_sass/snippets/_mobile-menu.scss */
        nav .links ul.page-nav li {
          border-top: 1px solid black;
          float: none;
          z-index: 999;
          display: block; }
          /* line 49, ../_sass/snippets/_mobile-menu.scss */
          nav .links ul.page-nav li a {
            text-decoration: none;
            float: none;
            width: 100%;
            display: block;
            padding: 20px;
            font-size: 20px; }
            /* line 56, ../_sass/snippets/_mobile-menu.scss */
            nav .links ul.page-nav li a:hover, nav .links ul.page-nav li a.active {
              background: #13599a;
              color: white; }
      /* line 63, ../_sass/snippets/_mobile-menu.scss */
      nav .links .search {
        margin-left: 0 !important; }
      /* line 66, ../_sass/snippets/_mobile-menu.scss */
      nav .links.mobile-closed {
        max-height: 0; } }
/* ==========================================================================
Media Queries
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/* line 95, ../_sass/main.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

/* line 102, ../_sass/main.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/* line 109, ../_sass/main.scss */
.hidden {
  display: none !important;
  visibility: hidden; }

/* line 114, ../_sass/main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* line 126, ../_sass/main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* line 135, ../_sass/main.scss */
.invisible {
  visibility: hidden; }

/* line 140, ../_sass/main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

/* line 145, ../_sass/main.scss */
.clearfix:after {
  clear: both; }

/* line 149, ../_sass/main.scss */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
Print styles
========================================================================== */
@media print {
  /* line 158, ../_sass/main.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  /* line 166, ../_sass/main.scss */
  a,
  a:visited {
    text-decoration: underline; }

  /* line 170, ../_sass/main.scss */
  a[href]:after {
    content: " (" attr(href) ")"; }

  /* line 174, ../_sass/main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /* line 180, ../_sass/main.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  /* line 185, ../_sass/main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /* line 190, ../_sass/main.scss */
  thead {
    display: table-header-group; }

  /* line 195, ../_sass/main.scss */
  tr,
  img {
    page-break-inside: avoid; }

  /* line 199, ../_sass/main.scss */
  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  /* line 209, ../_sass/main.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  /* line 215, ../_sass/main.scss */
  h2,
  h3 {
    page-break-after: avoid; } }