@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i);

/** common.css - compiled from common.scss (SASS file)  */
/** _mixins.scss  */
/** _colors.scss  */
/** _variables.scss  */
header, footer, aside, hgroup, figure, figcaption, section, article {
  display: block;
}

#wrapper, #global-nav, footer, #site-banner, #megamenu, #portfolio {
  min-width: 1000px;
}

body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-family: "Source Sans Pro", sans-serif;
  letter-spacing: .1px;
  background-color: #29363f;
}

#wrapper {
  font-size: 1.5em;
}

a, a:link {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:visited {
  color: inherit;
}

a:focus, a:active, input:focus {
  padding: 1px;
  outline: 1px dotted #ec5200
}

a:hover, a:focus {
  text-decoration: underline;
}

a img {
  border: none;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
  display: inline-block;
}

a:hover h1, a:focus h1, a:hover h2, a:focus h2, a:hover h3, a:focus h3, a:hover h4, a:focus h4, a:hover h5, a:focus h5, a:hover h6, a:focus h6 {
  text-decoration: underline
}

.page-content a:hover, .page-content a:focus {
  color: #b94000;
}

h1 {
  clear: both;
  margin: 0 0 10px;
  font-weight: 300;
}

h2 {
  clear: both;
  margin: 0 0 10px;
  font-weight: 300;
}

h3 {
  clear: both;
  margin: 0 0 10px;
  font-weight: 300;
}

h4 {
  clear: both;
  margin: 0 0 10px;
  font-weight: 300;
}

h5 {
  clear: both;
  margin: 0 0 10px;
  font-weight: 300;
}

h6 {
  clear: both;
  margin: 0 0 10px;
  font-weight: 300;
}

h1 {
  font-size: 2.6em;
}

h2 {
  font-size: 1.6em;
  line-height: 32px;
}

h3 {
  font-size: 1.3em;
  line-height: 26px;
  padding-top: 15px;
  font-weight: 400; /* In some situations, the H3 needs heavier styling - the .heavy class provides for this. */
}

h3.heavy {
  margin-bottom: 0;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: .85em;
  font-weight: 700;
  color: #2a3640;
}

h4 {
  font-size: 1.15em;
  line-height: 23px;
  font-weight: 400;
  padding-top: 15px;
}

h5 {
  font-size: 1em;
  line-height: 21px;
  font-weight: 400;
  padding-top: 15px;
}

h6 {
  font-size: 1em;
  line-height: 21px;
  font-weight: 400;
  color: #29363f;
  padding-top: 15px;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #dbdbd5;
  margin: 1em 0;
  padding: 0;
}

p {
  margin: 0 0 10px;
}

input, textarea, select, button {
  font-family: "Source Sans Pro", sans-serif;
}

blockquote {
  margin-left: 0;
  margin-bottom: 20px;
  padding-left: 20px;
  border-left: 1px solid #f1f1ef;
}

blockquote p {
  font-size: 1.2em;
  color: #666;
  font-style: italic;
}

blockquote cite:before {
  content: '\2014';
  margin-right: 5px;
  color: #bebebe;
}

figure {
  margin: 0;
  margin-bottom: 10px;
  font-size: .85em;
}

figure img {
  display: block;
}

figcaption {
  padding: 5px 15px;
  color: white;
  font-weight: 300;
  background-color: #29363f;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

abbr {
  border: none;
}

/* Float an element (ie IMG) to the left of the following content */
.sit-left {
  float: left;
  margin-right: 20px;
}

/* Float an element (ie IMG) to the right of the following content */
.sit-right {
  float: right;
  margin-left: 20px;
}

/* Align the contents of an element to the left. */
.align-left {
  text-align: left;
}

/* Align the contents of an element to the center. */
.align-center {
  text-align: center;
}

/* Align the contents of an element to the right. */
.align-right {
  text-align: right;
}

.offscreen {
  position: absolute;
  top: -10000px;
  left: 0;
}

.wrap {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
  padding: 0 15px;
}

/*
The website content HTML uses the following CSS framework for displaying DIV elements in row, grid format: [DIV].cols > [DIV].col-[1-12]
Here a DIV element with the class of 'cols' establishes a row of child DIV elements to act as columns. The child DIV elements have a class of 'col-' + a number from 1 to 12. Here the columns numbers add up to no more than 12. So, for instance a .col > .cols-12 will be one column in one row. A less redunat example is .col > .cols-6 where we have two cols in the .col - giving the equivalent of a 50% 50% layout. A four column layout would be achieved with .cols > .col-3 where each of the four .col-3 are equivalent to 25% of the layout (as 12 / 3 gives 4). A three col layout would be .cols-4.
A left and right padding is applied to each .cols-* DIV to provide spacing horizontal spacing between them. The first and last cols have the left and right padding set to 0 respectively to prevent unwanted outer-space on the row.
This grid format can also be nested to achieve more complex grid layouts where required.
This only applies to the desktop view as the CSS media queries for smallscreens/mobile devices dispalys .cols > .col-* as stacked DIV elements.
It is important to note that older browsers (IE7 and less do not support the 'box-sizing: border-box' property) so will degrade to utilise a percentage-based layout as described in screen-ie-old.css. global-ie.js jQuery also 'patches' the older browsers with specific class names as they do not suppor the > child selector.
*/
.cols .col-1 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 8.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-2 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 16.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-3 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-4 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 33.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-5 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 41.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-6 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-7 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 58.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-8 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 66.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-9 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-10 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 83.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-11 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 91.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .col-12 {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.cols .push-1 {
  margin-left: 8.33333%;
}

.cols .push-2 {
  margin-left: 16.66667%;
}

.cols .push-3 {
  margin-left: 25%;
}

.cols .push-4 {
  margin-left: 33.33333%;
}

.cols .push-5 {
  margin-left: 41.66667%;
}

.cols .push-6 {
  margin-left: 50%;
}

.cols .push-7 {
  margin-left: 58.33333%;
}

.cols .push-8 {
  margin-left: 66.66667%;
}

.cols .push-9 {
  margin-left: 75%;
}

.cols .push-10 {
  margin-left: 83.33333%;
}

.cols .push-11 {
  margin-left: 91.66667%;
}

.cols .push-12 {
  margin-left: 100%;
}

.cols:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cols > div:first-child, .cols .left-nav {
  padding-left: 0;
}

.cols > div:last-child, .cols .right-nav {
  padding-right: 0;
}

/* DIV element containing all HTML immiedately in the BODY element. Is to have a 'homepage' class value for the homepage of the website. */
#wrapper {
  background: white;
}

.more-link, .more-link:link, .more-link:visited {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  font-size: .85em;
  font-weight: 600;
  color: white !important;
  background-color: #b94000;
  border: none;
  border-radius: 0;
  cursor: pointer;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  height: 26px;
  line-height: 26px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ie-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.more-link:hover, .more-link:focus, .more-link:visited:hover, .more-link:visited:focus {
  background-color: #ec5200;
  text-decoration: none !important;
}

.main-content .more-link, .main-content .more-link:visited, .main-content .more-link:visited, .main-content .more-link:visited:visited, .main-content .more-link a:link, .main-content .more-link a:visited {
  color: white;
  text-decoration: none;
}

.follow-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  font-size: .85em;
  font-weight: 600;
  color: white;
  background-color: #b94000;
  border: none;
  border-radius: 0;
  cursor: pointer;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  height: 26px;
  line-height: 26px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ie-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.follow-link:hover, .follow-link:focus {
  background-color: #ec5200;
  text-decoration: none;
}

.like-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  font-size: .85em;
  font-weight: 600;
  color: white;
  background-color: #b94000;
  border: none;
  border-radius: 0;
  cursor: pointer;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  height: 26px;
  line-height: 26px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ie-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.like-link:hover, .like-link:focus {
  background-color: #ec5200;
  text-decoration: none;
}

.top-link {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
}

.main-content .top-link, .main-content .top-link:visited {
  color: black;
  text-decoration: none;
}

.top-link:before {
  content: '';
  position: relative;
  top: -1px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url("../images/icon-to-top.dark.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #d7d7d1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.top-link:hover, .top-link:focus {
  text-decoration: none;
}

.top-link:hover:before, .top-link:focus:before {
  background-color: #fbfbfa;
}

.main-content .desktop-link {
  text-decoration: none;
}

.main-content .desktop-link:hover, .main-content .desktop-link:focus {
  text-decoration: underline;
}

/* The global.js jQuery clones the .contact-details in to the #secondary-nav for smallscreens/mobile view. For smallscreens/mobiles the original .contact-details is hidden. */
.contact-details {
  display: none;
}

#secondary-nav .contact-details {
  display: block;
}

.contact-details [data-collapse="content"] a {
  text-decoration: underline;
}

/* #secondary-nav holds the skip to content, text size, language select, #search FORM and contact-details. It also has the main menu cloned into via the jQuery for the mobile menu. */
#secondary-nav {
  position: absolute;
  top: 0;
  right: 15px;
  margin-top: 20px;
  text-align: right;
  font-size: .85em;
  /*
.text-size { // LI element
.text-size-up,
.text-size-down { // A elements
display: inline-block;
//*display: inline;
//*float: left;
width: $base * 2 + 1;
height: $base * 2 + 1;
margin-top: 3px;
padding: 0;
overflow: hidden;
text-indent: $base * 3;
vertical-align: top;
border: none;
cursor: pointer;
}
.text-size-up {
margin-left: $base;
@include bg('icon-textsize-up.png', 50% 50%, no-repeat, $ochre);
}
.text-size-down {
@include bg('icon-textsize-down.png', 50% 50%, no-repeat, $ochre);
}
}
.languages {
@include listless;
a {
color: $ochre;
&:hover,
&:focus {
  text-decoration: underline;
}
}
}
*/
}

#secondary-nav ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#secondary-nav ul li {
  display: inline-block;
  *display: inline;
  float: left;
}

#secondary-nav ul li a {
  display: inline-block;
  *display: inline;
}

#secondary-nav ul li {
  float: none;
  padding: 0 0.633em;
  border-left: 1px solid #104486;
  vertical-align: top;
}

#secondary-nav ul li:first-child {
  border-left: none;
  padding-left: 0;
}

#secondary-nav ul li.last-child, #secondary-nav ul li:last-child {
  padding-right: 0;
}

#secondary-nav ul li a {
  color: #104486;
}

#secondary-nav ul li:hover, #secondary-nav ul li:focus {
  text-decoration: underline;
}

#secondary-nav p {
  margin: 0 0 2px;
}

/* The #search is a FORM element located in the #secondary-nav DIV */
#search {
  position: relative;
  margin: 20px 0;
}

#search:target {
  display: block;
}

#search label {
  position: absolute;
  top: -10000px;
  left: 0;
}

#search .search-input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  width: 195px;
  height: 27px;
  margin: 0;
  padding: 6px 30px 6 p 5px;
  font-size: 1em;
  vertical-align: middle;
  border: 1px solid #e2e2dd;
  border-radius: 0;
  outline: none;
  background-color: white;
  -webkit-transition: border-color 0.15s ease-in-out;
  -moz-transition: border-color 0.15s ease-in-out;
  -ie-transition: border-color 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}

#search .search-input:focus {
  border-color: #b94000;
}

#search .search-submit {
  position: absolute;
  top: 1px;
  right: 1px;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-indent: 30px;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
  background-image: url("../images/icon-search.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #b94000;
  outline: none;
  border-radius: 0;
  cursor: pointer;
}

#search .search-submit:hover, #search .search-submit:focus {
  background-color: #ec5200;
}

/* The #site-title is where the Australian coat-of-arms is located and the text is linked to the hompeage. */
#site-title {
  font-size: 1.8em;
  padding: 15px 0;
}

#site-title p {
  margin-top: 0;
  margin-bottom: 0;
}

#site-title p.subtitle {
  font-size: .8em;
}

#site-title a {
  display: inline-block;
  width: auto;
  color: black;
}

#site-title a:hover, #site-title a:focus {
  text-decoration: none;
}

/* This element is in the #global-nav */
#main-nav {
  display: block;
  min-height: 52px;
  color: white;
  background-color: #00446e;
}

#main-nav ul {
  display: table;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main-nav ul li {
  display: table-cell;
  margin: 0;
  padding: 0;
  background-color: #00446e;
  border-right: 1px solid #266084;
  /*
 span:before {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   top: 10px;
   bottom: 10px;
   left: 0;
   width: 1px;
   @include bgcolor($light-night);
 }
 &:last-child {
   span:after {
     content: '';
     display: block;
     position: absolute;
     z-index: 1;
     top: 10px;
     bottom: 10px;
     right: 0;
     width: 1px;
     @include bgcolor($light-night);
   }
 }
 */
}

#main-nav ul li span {
  display: block;
}

#main-nav ul li:first-child {
  border-left: 1px solid #33799e;
}

#main-nav ul li a {
  position: relative;
  z-index: 2;
  display: table-cell;
  height: 32px;
  line-height: 16px;
  width: 100px;
  padding: 12px 30px 16px 10px;
  vertical-align: bottom;
  text-decoration: none;
  font-weight: 600;
  color: white;
}

#main-nav ul li a[href^="#"] {
  background-image: url("../images/icon-menu-arrow.down.light.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

#main-nav ul li a:hover, #main-nav ul li a:focus {
  background-color: #b94000;
  text-decoration: none;
}

#main-nav ul li a:hover:before, #main-nav ul li a:focus:before {
  display: none;
}

#main-nav ul li.open.active a, #main-nav ul li.open a {
  background-color: #4296c2;
}

#main-nav ul li.open + li:before {
  display: none;
}

#main-nav ul li.active > span a {
  background-color: #33799e;
}

#main-nav ul li.active + li:before {
  display: none;
}

#secondary-nav nav {
  display: none;
}

/* the main content area of the page */
.main-content > .wrap {
  margin-bottom: 20px;
}

.main-content a, .main-content a:visited {
  color: #104486;
  outline: none;
  text-decoration: underline;
}

.main-content a:hover, .main-content a:focus {
  text-decoration: none
}

.main-content img {
  max-width: 100%;
  border: none;
}

.expand-photo img {
  width: 100%;
}

.main-content button {
  outline: none;
}

.main-content section {
  margin-bottom: 20px;
}

.main-content iframe {
  max-width: 100%;
  margin-bottom: 20px;
}

.main-content figcaption a, .main-content figcaption a:visited, .main-content th a, .main-content th a:visited {
  color: #a1cbe1;
  text-decoration: underline;
}

.main-content figcaption a:hover, .main-content figcaption a:focus, .main-content th a:hover, .main-content th a:focus {
  color: #dca080;
  text-decoration: underline;
}

ol, ul {
  margin-top: 0;
  padding-left: 20px;
}

small {
  display: block;
  font-size: .85em;
}

/* in-page link A element that displays on focus to skip the navigation and jump focus the content */
a.skip-to-content {
  position: absolute;
  z-index: 20;
  top: -2em;
  left: 0;
  right: 0;
  line-height: 2em;
  font-size: 1.2em;
  text-align: center;
  white-space: nowrap;
  color: white;
  background: #ec5200;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.skip-to-content:focus {
  top: 0;
  outline: none;
  color: white;
  text-decoration: underline;
  background: #ec5200;
}

.ms-hidden, a.ms-skip, a:hover.ms-skip, a:visited.ms-skip, a.ms-TurnOnAcc, a.ms-SkiptoMainContent, a.ms-SkiptoNavigation {
  position: absolute;
  top: -2000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 3;
  word-wrap: normal;
}

/* The #site-banner is where the H1 for each page is located. On the homepage it also holds the .slideshow. */
#site-banner .site-home {
  margin-bottom: 0px;
}

#site-banner .site-home h1 {
  position: absolute;
  top: -10000px;
  left: 0;
}

#site-banner .site-home #site-banner-image {
  min-height: 0;
}

#site-banner h1 {
  clear: none;
  margin: 0 280px 0 20px;
  line-height: 1.1em;
  color: white;
  font-size: 3em;
}

#site-banner .country-flag {
  display: block;
  height: 80px;
  float: right;
  margin-top: 20px;
  border: 1px solid white;
}

/* DIV element in the #site-banner */
#site-banner-image {
  min-height: 120px;
  color: white;
  background-color: #3398bd;
}

#site-banner .dfat-not-known-yet {
  margin: 0 280px 0 20px;
}

.logo {
  display: inline-block;
  width: 407px;
  height: 70px;
}

#tagline {
  margin-top: 5px;
  margin-left: 105px;
  font-size: .55em;
  color: #666;
}

footer {
  color: white;
  font-size: .85em;
  background-color: #29363f;
  /*
 .expandable-control {
   display: none;
 }
 .expandable-control.expandable-close + .expandable-section,
 .expandable-section {
   display: block;
 }
 */
}

footer a, footer a:visited {
  color: #a4b0be;
}

footer a:hover, footer a:focus, footer a:active {
  color: white;
  text-decoration: underline;
}

footer h2 {
  position: absolute;
  top: -10000px;
  left: 0;
}

footer h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
  color: white;
  font-weight: 600;
  padding: 0;
}

footer h3.prominent {
  font-size: 1.6em;
  line-height: 26px;
  text-transform: none;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 10px;
}

footer section h3 {
  margin-bottom: 10px;
  text-transform: uppercase;
}

footer ul.links {
  padding-bottom: 10px;
}

footer ul.links li {
  background-image: url("../images/icon-list-arrow.right.light.png");
  background-position: 0 6px;
  background-repeat: no-repeat;
}

footer ul.links li a, footer ul.links li a:visited {
  color: #cad6e5;
}

footer ul.links li a:hover, footer ul.links li a:focus {
  color: white;
  text-decoration: underline;
}

footer button {
  display: none;
}

/* DIV in the footer */
#footer-content {
  padding-top: 30px;
  padding-bottom: 20px;
  font-weight: 300;
}

/* DIV in the footer */
#footer-links ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer-links ul li {
  display: inline-block;
  *display: inline;
  float: left;
}

#footer-links ul li a {
  display: inline-block;
  *display: inline;
}

#footer-links a {
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #bebebe;
}

#footer-links a, #footer-links a:visited {
  color: #cad6e5;
}

#footer-links li {
  padding-top: 10px;
  padding-bottom: 20px;
  line-height: 10px;
}

#footer-links li:first-child a {
  border-left: none;
  padding-left: 0;
}

#footer-links .wrap {
  padding-top: 15px;
  border-top: 1px solid #3f515f;
}

/* The .expandable-control, .expandable-open and .expandable-close classes are applied via global.js jQuery with the custom .expandable plugin. This effectively takes the queried elements and turns them into expandable/collapsible controls. They are utiilise primarily for the smallscreen/mobile CSS media querie for the expandable section in the mobile nav (for in-page # targets to .flyout menus), in the emerency contact, the .accordion (info relating the .map) and for making the required sections in the footer expandable. The desktop view also utilises this for the .accordion. */
.ui-collapsible.ui-collapsible-open [data-collapse="content"] {
  display: block;
}

.ui-collapsible.ui-collapsible-close [data-collapse="content"] {
  display: none;
}

.ui-collapsible[data-discrete] [data-collapse="control"] {
  padding-right: 50px;
}

.ui-collapsible[data-discrete] [data-collapse="control"]:hover, .ui-collapsible[data-discrete] [data-collapse="control"]:focus {
  text-decoration: underline;
}

.ui-collapsible [data-collapse="control"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  display: block;
  min-height: 40px;
  width: inherit;
  margin: 0;
  padding: 0 20px;
  text-align: left;
  font-size: 1em;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background: #f1f1ef;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui-collapsible [aria-controls]:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  background-image: url("../images/icon-expand.dark.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ie-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ui-collapsible [aria-controls]:hover, .ui-collapsible [aria-controls]:focus {
  text-decoration: none;
  z-index: 1;
}

.ui-collapsible [aria-controls][aria-expanded="true"]:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -ie-transform: rotate(45deg);
}

.ui-collapsible [data-collapse="content"] {
  padding: 10px 20px;
}

.ui-collapsible .ui-collapse-discrete {
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 40px;
  white-space: nowrap;
  text-indent: 40px;
  overflow: hidden;
  display: block;
  border-left: 1px solid white;
  background-color: inherit;
}

.ui-collapsible .ui-collapse-discrete:after {
  right: 14px;
}

/*.active.ui-collapsible [aria-controls][aria-expanded="true"]:after {-ms-transform: rotate(45deg);}*/

#portfolio {
  padding: 20px 0 10px;
  background-color: #f1f1ef;
}

#portfolio h2 {
  position: absolute;
  top: -10000px;
  left: 0;
}

#portfolio_strip dl {
  display: table;
  width: 100%;
  font-size: .85em;
  background: #00446e;
}

#portfolio_strip dt, #portfolio_strip dd {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: table-cell;
  width: 14.28571%;
  height: 60px;
  vertical-align: middle;
}

#portfolio_strip dt {
  text-align: left;
  color: white;
  text-transform: uppercase;
  padding: 0 10px;
}

#portfolio_strip dd {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  border-left: 1px solid #33799e;
}

#portfolio_strip dd > a {
  display: block;
  position: relative;
  height: 60px;
}

#portfolio_strip dd > a:visited {
  color: white;
}

#portfolio_strip dd > a:hover, #portfolio_strip dd > a:focus {
  background: #33799e;
  text-decoration: none;
}

.main-content #portfolio_strip a {
  text-decoration: none;
}

#portfolio_strip a > span {
  display: block;
  color: white;
}

#portfolio_strip a > span.portfolio-austrade {
  padding-top: 20px;
  padding-left: 56px;
}

#portfolio_strip a > span.portfolio-austrade:before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  left: 18px;
  width: 30px;
  height: 28px;
  margin-top: -12px;
  background-position: 0 -80px;
  background-image: url("../images/icon-sprite.png");
}

#portfolio_strip a > span.portfolio-tourism-australia {
  padding-top: 12px;
  padding-left: 54px;
}

#portfolio_strip a > span.portfolio-tourism-australia:before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  left: 20px;
  width: 26px;
  height: 26px;
  margin-top: -14px;
  background-position: -30px -80px;
  background-image: url("../images/icon-sprite.png");
}

#portfolio_strip a > span.portfolio-efic {
  padding-top: 20px;
  padding-left: 64px;
}

#portfolio_strip a > span.portfolio-efic:before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  left: 36px;
  width: 17px;
  height: 28px;
  margin-top: -15px;
  background-position: -56px -80px;
  background-image: url("../images/icon-sprite.png");
}

#portfolio_strip a > span.portfolio-aciar {
  padding-top: 20px;
  padding-left: 60px;
}

#portfolio_strip a > span.portfolio-aciar:before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  left: 28px;
  width: 22px;
  height: 25px;
  margin-top: -14px;
  background-position: -74px -80px;
  background-image: url("../images/icon-sprite.png");
}

#portfolio_strip a > span.portfolio-asis {
  padding-top: 20px;
  padding-left: 72px;
}

#portfolio_strip a > span.portfolio-asis:before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  left: 26px;
  width: 34px;
  height: 25px;
  margin-top: -14px;
  background-position: -96px -80px;
  background-image: url("../images/icon-sprite.png");
}

#portfolio_strip a > span.portfolio-asno {
  padding-top: 20px;
  padding-left: 72px;
}

#portfolio_strip a > span.portfolio-asno:before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  left: 26px;
  width: 34px;
  height: 25px;
  margin-top: -14px;
  background-position: -96px -80px;
  background-image: url("../images/icon-sprite.png");
}

.introduction {
  margin-bottom: 30px; /*padding-left: 20px; padding-right: 20px; */
}

.introduction p {
  margin-top: 10px;
  font-size: 1.2em;
  color: #666;
}

.feature-generic, .feature, .feature-image, .feature-minister, .feature-quicklinks, .feature-australia-awards, .feature-australia-unsc, .feature-colombo, .feature-open-for-business, .feature-countries {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
  background-color: white;
}

.feature-generic h3, .feature h3, .feature-image h3, .feature-minister h3, .feature-quicklinks h3, .feature-australia-awards h3, .feature-australia-unsc h3, .feature-colombo h3, .feature-open-for-business h3, .feature-countries h3 {
  line-height: 18px;
  margin: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-size: .85em;
  font-weight: 700;
  text-transform: uppercase;
  color: #2a3640;
}

.feature-generic img, .feature img, .feature-image img, .feature-minister img, .feature-quicklinks img, .feature-australia-awards img, .feature-australia-unsc img, .feature-colombo img, .feature-open-for-business img, .feature-countries img {
  display: block;
}

.feature-image {
  height: 235px;
  border: 2px solid #dbdbd5;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#portfolio .feature-image {
  border: none;
}

.feature-image p {
  position: absolute;
  top: -10000px;
  left: 0;
}

.feature-minister {
  min-height: 90px;
  padding: 10px;
}

.feature-minister img {
  float: left;
}

.feature-minister .contentarea {
  margin-left: 80px;
}

.feature-minister h3 {
  clear: none;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.3em;
}

.feature-minister .links {
  padding-bottom: 0;
}

.feature-quicklinks {
  height: auto;
}

.feature-quicklinks .contentarea {
  padding: 20px;
}

.feature-quicklinks h3 {
  margin-bottom: 0;
}

#advancedmenu-middle .feature-quicklinks {
  position: static;
  clear: both
}

#portfolio .fullwidth-content .webpart:first-child .col-6 {
  padding-left: 0
}

#portfolio .fullwidth-content .webpart:nth-child(2) .col-6 {
  padding-right: 0
}

.feature-generic, .feature-australia-awards, .feature-australia-unsc, .feature-colombo, .feature-open-for-business {
  min-height: 235px;
}

.feature-generic .contentarea, .feature-australia-awards .contentarea, .feature-australia-unsc .contentarea, .feature-colombo .contentarea, .feature-open-for-business .contentarea {
  padding: 20px;
  padding-bottom: 50px;
}

.feature-generic h3, .feature-australia-awards h3, .feature-australia-unsc h3, .feature-colombo h3, .feature-open-for-business h3 {
  height: 70px;
  margin: 0;
  padding: 0 5px;
  font-size: 0;
  overflow: hidden;
}

.feature-generic .more-link, .feature-australia-awards .more-link, .feature-australia-unsc .more-link, .feature-colombo .more-link, .feature-open-for-business .more-link {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.feature-australia-awards h3 {
  background-image: url("../images/feature-australia_awards.png");
  background-position: 20px 10px;
  background-repeat: no-repeat;
  background-color: #36769a;
}

.feature-h3-image {
  text-align: center;
}

.feature-australia-unsc h3 {
  background-image: url("../images/feature-australia_unsc.png");
  background-position: 5px 0;
  background-repeat: no-repeat;
  background-color: #7b2116;
}

.feature-colombo h3 {
  background-image: url("../images/feature-colombo-plan.png");
  background-position: 20px 10px;
  background-repeat: no-repeat;
  background-color: #1b8fce;
}

.feature-open-for-business h3 {
  background-image: url("../images/feature-open-for-business.png");
  background-position: 20px 10px;
  background-repeat: no-repeat;
  background-color: #fbab18;
}

.feature-twitter {
  background-image: url("../images/icon-socialmedia-twitter.png");
}

.feature-facebook {
  background-image: url("../images/icon-socialmedia-facebook.png");
}

.feature-countries {
  height: 235px;
  margin-top: 20px;
  padding: 20px;
  color: white;
  background-image: url("../images/feature-countries.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-color: #1180ae;
}

.feature-countries h2 span {
  display: block;
  padding: 0;
}

.feature-countries .more-link {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.feature-main {
  min-height: 215px;
  padding: 20px 20px 0px;
}

.feature-block {
  border-top: 2px solid #dbdbd5;
  padding: 20px 20px 0px;
}

.feature-block h3 {
  clear: none;
  padding-top: 0;
}

.feature-list, .feature-list-long {
  padding: 20px 0 0 0;
  border-top: 2px solid #dbdbd5;
}

.feature-list h3, .feature-list-long h3 {
  line-height: 18px;
  margin: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-size: .85em;
  font-weight: 700;
  text-transform: uppercase;
  color: #2a3640;
}

.feature-list-long {
  padding-left: 0;
  padding-right: 0;
}

.feature-list-long h3 {
  margin-bottom: 15px;
  padding-left: 20px;
}

.feature-list-long .links {
  border-top: 2px solid #dbdbd5;
}

.feature-list-long .links > li {
  padding-top: 15px;
  padding-left: 40px;
  padding-bottom: 15px;
  border-bottom: 2px solid #dbdbd5;
  background-position: 20px 50%;
}

.message, .message-alert {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  min-height: 60px;
  margin-bottom: 20px;
  padding: 15px 20px;
  padding-left: 65px;
  background-color: #d7d7d1;
  background-position: 15px 50%;
  background-repeat: no-repeat;
}

.message p, .message-alert p {
  margin-top: 5px;
}

.message .more-link, .message-alert .more-link {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.message-alert {
  background-image: url("../images/icon-message-alert.png");
}

ul.links {
  margin: 0;
  margin-left: 13px;
  padding: 5px 0 20px;
  list-style: none; /* A .split class causes the LI elements in the .links list to be split over two equal columns. It's important to note that every second item will go into the second column. */
}

ul.links.bullets {
  list-style: disc;
  margin-left: 1.2em;
}

ul.links.bullets > li {
  padding-left: 0;
  background: none;
}

ul.links.split li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  display: inline-block;
  width: 50%;
}

ul.links.split:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul.links li {
  margin: 0;
  margin-left: -13px;
  padding-left: 12px;
  background-image: url("../images/icon-list-arrow.right.dark.png");
  background-position: 0 7px;
  background-repeat: no-repeat;
}

ul.links a, ul.links a:visited {
  color: #104486;
}

/*.main-content ul.links a, .main-content ul.links a:visited { text-decoration: none; }*/
ul.links a:hover, ul.links a:focus {
  text-decoration: underline;
}

.panel-side ul.links a:hover, .panel-side ul.links a:focus {
  text-decoration: none;
}

/* Add this plug in */
.addthis_default_style {
  width: 140px;
  float: right;
}

.social-media-links {
  display: block;
  list-style: none;
  padding: 0;
}

.social-media-links li {
  display: inline-block;
  float: left;
  padding-left: 5px;
}

.social-media-links li:first-child {
  padding-left: 0;
}

.social-media-links li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 0;
  text-indent: 50px;
  overflow: hidden;
  white-space: nowrap;
  background-image: url("../images/icon-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.social-media-links li a.social-sinaweibo {
  background-position: -40px 0;
}

.social-media-links li a.social-blogger {
  background-position: -80px 0;
}

.social-media-links li a.social-youtube {
  background-position: -120px 0;
}

.social-media-links li a.social-flikr {
  background-position: -160px 0;
}

.social-media-links li a.social-facebook {
  background-position: -200px 0;
}

.social-media-share {
  padding: 20px 0;
  font-size: .85em;
  background-color: #efefef;
}

.social-media-share strong {
  line-height: 25px;
  padding-right: 10px;
  text-transform: uppercase;
  vertical-align: bottom;
}

.social-media-share ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-media-share ul li {
  display: inline-block;
  *display: inline;
  float: left;
}

.social-media-share ul li a {
  display: inline-block;
  *display: inline;
}

.social-media-share ul {
  display: inline;
}

.social-media-share ul li {
  float: none;
}

.social-media-share ul li a {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-indent: 16px;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../images/icon-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.social-media-share ul li a.social-twitter {
  background-position: -130px -80px;
}

.social-media-share ul li a.social-facebook {
  background-position: -146px -80px;
}

.social-media-share ul li a.social-plus {
  background-position: -194px -80px;
}

.social-media-share ul li a.mail {
  background-position: -162px -80px;
}

.social-media-share ul li a.print {
  background-position: -178px -80px;
}

.news-list {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #dbdbd5;
}

.news-list > li {
  clear: both;
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #dbdbd5;
}

.news-list > li:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.news-list > li img {
  float: left;
  margin-right: 20px;
  background: url("../images/coat-of-arms-white-news.jpg") no-repeat 50% 50% #d7d7d1;
}

.news-list > li img + div {
  margin-left: 130px;
}

.news-list > li h3, .news-list > li a h3 {
  clear: none;
  display: inline;
  margin-bottom: 10px;
  padding-top: 0;
  font-size: 1.3em;
  font-weight: 300;
  text-transform: none;
  color: #104486;
}

.news-list > li a {
  text-decoration: none;
}

.news-list > li a:hover, .news-list > li a:focus {
  text-decoration: underline
}

.news-list > li a:focus {
  outline: 1px dotted #ec5200
}

.news-list > li .meta {
  display: inline-block;
  font-size: .85em;
  margin-right: 90px;
  padding: 5px 10px;
  background-color: #fbfbfb;
}

.news-list > li .meta a {
  text-decoration: underline;
}

.news-list > li .meta a:hover, .news-list > li .meta a:focus {
  text-decoration: none;
}

.news-list > li .date + .categories:before {
  content: '|';
  display: inline-block;
  margin: 0 0.4em;
}

.news-list > li .date:empty + .categories:before {
  content: '';
  display: inline-block;
  margin: 0;
}

.news-list > li .date:empty + .categories:before {
  content: '';
  display: inline-block;
  margin: 0;
}

.news-list .more-link {
  position: absolute;
  right: 0;
  bottom: 15px;
}

.pagination {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  clear: both;
  margin-top: 20px;
  min-height: 60px;
  position: relative;
  background: #f2f2f0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: .85em;
  color: black;
}

.pagination p {
  margin: 0;
  line-height: 60px;
  text-align: center;
}

.pagination .pagination-newer, .pagination .pagination-older {
  position: absolute;
  text-decoration: none;
  top: 20px;
}

.main-content .pagination .pagination-newer, .main-content .pagination .pagination-older {
  color: black;
}

.pagination .pagination-newer:hover, .pagination .pagination-newer:focus, .pagination .pagination-older:hover, .pagination .pagination-older:focus {
  text-decoration: none;
}

.pagination .pagination-newer {
  left: 20px;
}

.pagination .pagination-newer:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: -2px;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url("../images/icon-left.dark.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #d7d7d1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pagination .pagination-newer:hover:before, .pagination .pagination-newer:focus:before {
  background-color: #fbfbfa;
}

.pagination .pagination-older {
  right: 20px;
}

.pagination .pagination-older:after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: -2px;
  margin-left: 10px;
  vertical-align: middle;
  background-image: url("../images/icon-right.dark.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #d7d7d1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pagination .pagination-older:hover:after, .pagination .pagination-older:focus:after {
  background-color: #fbfbfa;
}

/* A .panel is a block of styled content is the content of the page.
Apart from .panel (generic panel type) there are a variety of panel types available for the website including:
.panel-decorated,
.panel-links,
.panel-side
.panel-image
*/
.panel, .box, .panel-decorated, .panel-news, .panel-links, .panel-side, .panel-minister {
  background-color: #f1f1ef;
  margin-bottom: 2px;
  padding: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.panel h2, .box h2, .panel-decorated h2, .panel-news h2, .panel-links h2, .panel-side h2, .panel-minister h2 {
  margin: 5px 0 20px;
  padding: 0;
}

.panel h3, .box h3, .panel-decorated h3, .panel-news h3, .panel-links h3, .panel-side h3, .panel-minister h3 {
  line-height: 18px;
  margin: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-size: .85em;
  font-weight: 700;
  text-transform: uppercase;
  color: #2a3640;
}

.panel img, .box img, .panel-decorated img, .panel-news img, .panel-links img, .panel-side img, .panel-minister img {
  display: inline-block;
  margin-bottom: 10px;
}

.panel .cols > div:first-child p, .box .cols > div:first-child p, .panel-decorated .cols > div:first-child p, .panel-news .cols > div:first-child p, .panel-links .cols > div:first-child p, .panel-side .cols > div:first-child p, .panel-minister .cols > div:first-child p {
  padding-right: 10px;
}

.panel .links, .box .links, .panel-decorated .links, .panel-news .links, .panel-links .links, .panel-side .links, .panel-minister .links {
  padding-bottom: 0;
}

.panel-decorated, .panel-news, .panel-links {
  background-repeat: no-repeat;
}

.panel-decorated h2, .panel-news h2, .panel-links h2 {
  margin: 5px 0 20px 55px;
}

.panel-decorated h3, .panel-news h3, .panel-links h3 {
  margin-top: 0;
}

.panel-side h2 {
  line-height: 18px;
  margin: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-size: .85em;
  font-weight: 700;
  text-transform: uppercase;
  color: #2a3640;
}

.panel-side a:hover, .panel-side a:focus {
  text-decoration: none
}

.panel-minister {
  display: none;
}

.panel-news, .panel-links {
  min-height: 175px;
  padding: 20px;
  background-position: 20px 20px;
}

.panel-news {
  background-image: url("../images/icon-panel-news.png");
}

.panel-links {
  min-height: 0;
  margin-top: 10px;
  background-image: url("../images/icon-panel-links.png");
}

.panel-image {
  padding: 0;
  margin: 20px auto;
}

#map {
  background: #f2f2f0;
}

#map h2 {
  margin: 0;
  padding: 15px 20px;
  font-weight: 400;
  border-bottom: 2px solid white;
}

#map .col-9 {
  padding-right: 0;
}

#map .col-3 {
  padding-left: 0;
}

#map .custom-controls {
  padding-top: 20px;
  padding-left: 20px;
}

#map .custom-controls .custom-map-zoom-out, #map .custom-controls .custom-map-zoom-in {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-indent: 30px;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  background-image: url("../images/icon-contract.light.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #b94000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#map .custom-controls .custom-map-zoom-out:hover, #map .custom-controls .custom-map-zoom-in:hover, #map .custom-controls .custom-map-zoom-out:focus, #map .custom-controls .custom-map-zoom-in:focus {
  background-color: #ec5200;
}

#map .custom-controls .custom-map-zoom-in {
  margin-bottom: 1px;
  background-image: url("../images/icon-expand.light.png");
}

/* .map is the DIV element where the interactive map is to be located */
.main-content .map {
  background: white;
  min-height: 330px;
  margin-bottom: 10px;
}

.main-content .map-canvas {
  height: 460px;
  background: #f1f1ef;
  border-right: 2px solid white;
}

.main-content .map-canvas img {
  max-width: none;
}

.main-content .map-filters {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 460px;
  padding: 10px 20px 0;
  padding-top: 266px;
  background: #f1f1ef;
}

.main-content .map-filters h2 {
  margin: 0;
  padding-top: 0;
  text-transform: uppercase;
  font-weight: 600;
  color: #2a3640;
}

.main-content .map-filters .form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.main-content .map-filters .form .activate {
  margin: 0;
  /*
 :checked + label span {
   background-position-x: -14px; // checked image in the sprite
 }
 */
}

.main-content .map-filters .form .activate legend {
  float: none;
  display: block;
  margin: 0;
  width: 100%;
  border-bottom: 2px solid white;
  padding: 10px 20px;
  box-sizing: border-box;
}

.main-content .map-filters .form .activate ul {
  overflow: auto;
  height: 200px;
}

.main-content .map-filters .form .activate ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.main-content .map-filters .form .activate ul::-webkit-scrollbar-track {
  background-color: #dbdbd5;
}

.main-content .map-filters .form .activate ul::-webkit-scrollbar-thumb {
  background-color: #b94000;
  border-radius: 0;
}

.main-content .map-filters .form .activate ul::-webkit-scrollbar-thumb:hover {
  background-color: #ec5200;
}

.main-content .map-filters .form .activate ul li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: 2px solid white;
}

.main-content .map-filters .form .activate ul li.active > label > span {
  background-position: -4px -29px;
}

.main-content .map-filters .form .activate ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-content .map-filters .form .activate ul li {
  display: inline-block;
  *display: inline;
  float: left;
}

.main-content .map-filters .form .activate ul li a {
  display: inline-block;
  *display: inline;
}

.main-content .map-filters .form .activate label {
  position: relative;
  display: block;
  line-height: 20px;
  vertical-align: top;
  min-height: 20px;
  margin: 0;
  padding: 12px 20px 12px 50px;
  background-color: #dbdbd5;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.main-content .map-filters .form .activate label:first-child {
  margin-right: 0;
}

.main-content .map-filters .form .activate label:hover {
  background-color: #e2e2dd;
}

.main-content .map-filters .form .activate label span {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  top: 50%;
  left: 20px;
  margin-top: -7px;
  background-image: url("../images/icon-sprite-enable-disable.png");
  background-position: -4px -4px;
  background-repeat: no-repeat;
}

.main-content .map-filters .form .activate input {
  z-index: -1;
  position: absolute;
  /*
 &:focus + label,
 &:hover + label,
 &:active + label { background-color: $light-clay; background-position: -14px 0; span {
     background-position-y: -14px; }
 }
 */
}

.main-content .map-filters .form .activate input:focus + label {
  background-color: #f2f2f0;
}

.main-content .map-list {
  display: block;
  list-style: none;
  margin: -20px -20px 10px;
  padding: 15px 20px 10px;
  background: #d7d7d1;
  border-bottom: 2px solid white;
}

.main-content .map-list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.main-content .map-list li {
  display: inline-block;
  *display: inline;
  float: left;
}

.main-content .map-list li a {
  display: inline-block;
  *display: inline;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px 5px 0;
  font-size: .85em;
  font-weight: 700;
  text-align: center;
  background: #f1f1ef;
  color: black;
  text-decoration: none;
}

.main-content .map-list li a:hover, .main-content .map-list li a:focus, .main-content .map-list li a:active {
  background-color: white;
  text-decoration: none;
  padding: 0px;
}

.main-content .map-list li a:visited {
  color: black;
}

.main-content .map-locations ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-content .map-locations ul li {
  display: inline-block;
  *display: inline;
  float: left;
}

.main-content .map-locations ul li a {
  display: inline-block;
  *display: inline;
}

.main-content .map-locations ol {
  margin: 0;
  padding: 0;
}

.main-content .map-locations ol li {
  display: block;
  float: none;
}

.main-content .map-locations ol.level2 {
  margin-top: 5px;
  margin-left: 40px;
}

.main-content .map-locations ol.level2 > li {
  padding-left: 5px;
}

.main-content .map-locations ol.level2 .ui-collapsible {
  padding-left: 0;
}

.main-content .map-locations ol.level3 {
  margin-left: 20px;
}

.main-content .map-locations ol .ui-collapsible [data-collapse="control"] {
  height: inherit;
  min-height: inherit;
  line-height: inherit;
  padding: 1px 15px 1px 5px;
  background-color: #fafaf9;
}

.main-content .map-locations ol .ui-collapsible [data-collapse="control"]:hover, .main-content .map-locations ol .ui-collapsible [data-collapse="control"]:focus {
  background-color: #f1f1ef;
}

.main-content .map-locations ol .ui-collapsible [aria-controls]:after {
  margin-top: -5px;
}

.main-content .map-locations ol .ui-collapsible [data-collapse="content"] {
  padding: 0;
}

.main-content .map-locations a {
  text-decoration: none;
}

.main-content .map-locations a:hover, .main-content .map-locations a:focus {
  text-decoration: underline;
}

.main-content .map-locations a.alphabet_index {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: -5px 0 0;
  font-weight: 600;
  text-align: center;
  background: white;
  color: black;
  text-decoration: none;
}

.main-content .map-locations a.alphabet_index:hover, .main-content .map-locations a.alphabet_index:focus {
  text-decoration: none;
}

.main-content .map-locations a.alphabet_index:visited {
  color: black;
}

/* The .accordion is a group of collapsible widgets (one open at a time) utilising DL > DT | DD elements. It is used to present information in relation to the .map. */
.accordion {
  overflow: auto;
  margin: 0;
}

.accordion .ui-collapsible [aria-controls] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  padding: 9px 10px;
  min-height: 27px;
  line-height: 27px;
  text-decoration: none;
  color: white;
  border-top: 1px solid #ec5200;
  background-color: #b94000;
}

.accordion .ui-collapsible [aria-controls]:first-child {
  border-top: none;
}

.accordion .ui-collapsible [aria-controls]:hover, .accordion .ui-collapsible [aria-controls]:focus {
  background-color: #ec5200;
}

.accordion .ui-collapsible [aria-controls]:after {
  background-image: url("../images/icon-expand.light.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.accordion .ui-collapsible [aria-controls].ui-collapsible-open {
  background-color: #29363f;
}

.accordion .ui-collapsible [aria-controls].ui-collapsible-open:hover, .accordion .ui-collapsible [aria-controls].ui-collapsible-open:focus {
  background-color: #3f515f;
}

.accordion .ui-collapsible [data-collapse="content"] {
  margin: 0;
  padding: 0;
  background-color: #f1f1ef;
}

.accordion .ui-collapsible [data-collapse="content"] .accordion-content {
  overflow: auto;
  padding: 0 10px 0 20px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
}

.accordion .ui-collapsible [data-collapse="content"] .accordion-content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 0;
}

.accordion .ui-collapsible [data-collapse="content"] .accordion-content::-webkit-scrollbar-track {
  background-color: #d3d3cd;
}

.accordion .ui-collapsible [data-collapse="content"] .accordion-content::-webkit-scrollbar-thumb {
  background-color: #b94000;
}

.accordion .ui-collapsible [data-collapse="content"] .accordion-content::-webkit-scrollbar-thumb:hover {
  background-color: #ec5200;
}

.accordion .ui-collapsible [data-collapse="content"] .accordion-content p {
  margin-top: 0;
}

.accordion .ui-collapsible [data-collapse="content"] .accordion-content ul.links {
  margin-bottom: 0;
}

.collapsible-group [data-collapse="control"] {
  background: purple;
}

/* data tables displayed in the .main-content content area of the page */
.main-content table.data {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

.main-content table.data caption {
  margin-bottom: 10px;
  text-align: left;
  font-size: 1.25em;
  word-wrap: break-word;
}

.main-content table.data thead th {
  color: white;
  font-weight: 300;
  background-color: #29363f;
}

.main-content table.data tr.row-heading {
  background-color: #f2f2f0;
}

.main-content table.data th, .main-content table.data td {
  padding: 5px 10px;
  text-align: left;
  word-wrap: break-word;
}

.main-content table.data th.left, .main-content table.data td.left {
  text-align: left;
}

.main-content table.data th.right, .main-content table.data td.right {
  text-align: right;
}

.main-content table.data tbody td {
  border-bottom: 1px solid #f1f1ef;
}

.main-content table.data tfoot {
  background-color: #e2e2dd;
}

/* all tables displayed in the #page-content area of the page */
.page-content table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

.page-content table caption {
  margin-bottom: 10px;
  text-align: left;
  font-size: 1.25em;
  word-wrap: break-word;
}

.page-content table thead th {
  color: white;
  font-weight: 300;
  background-color: #29363f;
}

.page-content table tr.row-heading {
  background-color: #f2f2f0;
}

.page-content table th, .page-content table td {
  padding: 5px 10px;
  text-align: left;
  word-wrap: break-word;
}

.page-content table th.left, .page-content table td.left {
  text-align: left;
}

.page-content table th.right, .page-content table td.right {
  text-align: right;
}

.page-content table tbody td {
  border-bottom: 1px solid #f1f1ef;
}

.page-content table td, .page-content table th {
  border-bottom: 1px solid #f1f1ef;
  border-right: 1px solid #f1f1ef;
  border-left: 1px solid #f1f1ef;
}

.page-content table tfoot {
  background-color: #e2e2dd;
}

#DfatPageLastUpdated { /* Hide the page last updated date */
  display: none;
}

.footnotes {
  margin-bottom: 20px;
  font-size: 0.85em
}

footer#footnotes, div#footnotes {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid # DBDBD5;
}

.footnotes ol {
  list-style: none;
  padding-left: 10px;
}

/* form elements and their fields displayed in .form DIV elements */
.form { /* groups of radio buttons and checkboxs are contained in a FIELDSET with the class of .radiobuttons and .checkboxes respectively */
}

.form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.form fieldset legend {
  margin: 0;
  padding: 0;
}

.form .field { /* DIV and FIELDSET elements */
  margin-bottom: 15px;
}

.form .field label, .form .field legend {
  display: block;
  margin-bottom: 5px;
}

.form label.required {
  position: relative;
  color: #b94000;
}

.form label.required:before {
  content: '*';
  position: absolute;
  display: block;
  right: 100%;
  margin-right: 5px;
  color: #b94000;
}

.form label.offscreen { /* LABLE elements with .offscreen are displayed out of the view-port (but still accessible to screenreaders). The placeholder attribute provides labe-type meaning in the form. For older browsers (IE8 and less) that do not support placholder attributes the form labels are displayed. */
  position: absolute;
  top: -10000px;
  left: 0;
}

body.ie6 .form label.offscreen, body.ie7 .form label.offscreen, body.ie8 .form label.offscreen {
  position: static;
  color: #29363f;
  font-size: .9em;
}

.form input[type="text"], .form input[type="search"], .form input[type="email"], .form input[type="image"], .form input[type="file"], .form input.text, .form textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  padding: 5px 10px;
  *padding-left: 0;
  *padding-right: 0;
  background: white;
  border: none;
  font-size: .85em;
  font-weight: 400;
  outline: none;
  background-color: #fbfbfb;
  border-radius: 0;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ie-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.form input[type="text"]:hover, .form input[type="text"]:focus, .form input[type="search"]:hover, .form input[type="search"]:focus, .form input[type="email"]:hover, .form input[type="email"]:focus, .form input[type="image"]:hover, .form input[type="image"]:focus, .form input[type="file"]:hover, .form input[type="file"]:focus, .form input.text:hover, .form input.text:focus, .form textarea:hover, .form textarea:focus {
  background-color: white;
}

.form input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  height: 25px;
  padding: 0 10px;
  font-size: .85em;
}

.form input[type="text"], .form input.text {
  height: 25px;
  height: 25px;
}

.form textarea {
  padding-top: 10px;
  padding-bottom: 10px;
}

.form select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  border: none;
  border-radius: 0;
  height: 25px;
  line-height: 25px;
  font-size: .85em;
  margin: 0;
  padding: 0 0 0 10px;
  font-weight: 400;
  outline: none;
}

.webkit .form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url("../images/icon-sprite-select.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-color: #fbfbfb;
  background-size: 25px auto;
}

.form select:focus {
  background-position: 100% -25px;
  background-color: white;
}

.form .radiobuttons.vertical legend, .form .checkbox.vertical legend {
  margin-bottom: 5px;
}

.form .radiobuttons.vertical legend, .form .radiobuttons.vertical li, .form .checkbox.vertical legend, .form .checkbox.vertical li {
  display: block;
  float: none;
}

.form .radiobuttons legend, .form .checkbox legend {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
}

.form .radiobuttons ul, .form .checkbox ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.form .radiobuttons ul li, .form .checkbox ul li {
  display: inline-block;
  *display: inline;
  float: left;
}

.form .radiobuttons ul li a, .form .checkbox ul li a {
  display: inline-block;
  *display: inline;
}

.form .radiobuttons label, .form .checkbox label {
  display: inline;
  line-height: 20px;
  vertical-align: top;
  margin-right: 3px;
  padding: 0 11px 0 3px;
}

.form .radiobuttons label:first-child, .form .checkbox label:first-child {
  margin-right: 0;
}

.form .radiobuttons label span, .form .checkbox label span {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 3px;
}

.form .radiobuttons input, .form .checkbox input {
  z-index: -1;
  position: absolute;
}

.form .radiobuttons input:focus + label, .form .radiobuttons input:hover + label, .form .radiobuttons input:active + label, .form .checkbox input:focus + label, .form .checkbox input:hover + label, .form .checkbox input:active + label {
  background-color: #f2f2f0;
  background-position: -14px 0;
}

.form .radiobuttons input:focus + label span, .form .radiobuttons input:hover + label span, .form .radiobuttons input:active + label span, .form .checkbox input:focus + label span, .form .checkbox input:hover + label span, .form .checkbox input:active + label span {
  background-position-y: -14px;
}

.form .radiobuttons :checked + label span, .form .checkbox :checked + label span {
  background-position-x: -14px;
}

body.ie7 .form .radiobuttons label, body.ie8 .form .radiobuttons label, .opera .form .radiobuttons label, .mobile .form .radiobuttons label, body.ie7 .form .checkbox label, body.ie8 .form .checkbox label, .opera .form .checkbox label, .mobile .form .checkbox label {
  padding-left: 5px;
  border-radius: 0 10px 10px 0;
}

body.ie7 .form .radiobuttons label span, body.ie8 .form .radiobuttons label span, .opera .form .radiobuttons label span, .mobile .form .radiobuttons label span, body.ie7 .form .checkbox label span, body.ie8 .form .checkbox label span, .opera .form .checkbox label span, .mobile .form .checkbox label span {
  display: none;
}

body.ie7 .form .radiobuttons input, body.ie8 .form .radiobuttons input, .opera .form .radiobuttons input, .mobile .form .radiobuttons input, body.ie7 .form .checkbox input, body.ie8 .form .checkbox input, .opera .form .checkbox input, .mobile .form .checkbox input {
  position: static;
}

body.ie7 .form .radiobuttons input:focus + label, body.ie7 .form .radiobuttons input:hover + label, body.ie7 .form .radiobuttons input:active + label, body.ie8 .form .radiobuttons input:focus + label, body.ie8 .form .radiobuttons input:hover + label, body.ie8 .form .radiobuttons input:active + label, .opera .form .radiobuttons input:focus + label, .opera .form .radiobuttons input:hover + label, .opera .form .radiobuttons input:active + label, .mobile .form .radiobuttons input:focus + label, .mobile .form .radiobuttons input:hover + label, .mobile .form .radiobuttons input:active + label, body.ie7 .form .checkbox input:focus + label, body.ie7 .form .checkbox input:hover + label, body.ie7 .form .checkbox input:active + label, body.ie8 .form .checkbox input:focus + label, body.ie8 .form .checkbox input:hover + label, body.ie8 .form .checkbox input:active + label, .opera .form .checkbox input:focus + label, .opera .form .checkbox input:hover + label, .opera .form .checkbox input:active + label, .mobile .form .checkbox input:focus + label, .mobile .form .checkbox input:hover + label, .mobile .form .checkbox input:active + label {
  background: none;
}

.form .radiobuttons label {
  border-radius: 10px;
}

.form .radiobuttons label span {
  background-image: url("../images/icon-sprite-radiobuttons.svg");
}

.form .checkbox label {
  border-radius: 0 10px 10px 0;
}

.form .checkbox label span {
  background-image: url("../images/icon-sprite-checkbox.svg");
}

.form button, .form input[type="reset"], .form input[type="button"], .form input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ie-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  font-size: .85em;
  font-weight: 600;
  color: white;
  background-color: #b94000;
  border: none;
  border-radius: 0;
  cursor: pointer;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  height: 26px;
  line-height: 26px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ie-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  display: block;
  margin: 0 0 0 auto;
  color: white;
  background-color: #b94000;
}

.form button:hover, .form button:focus, .form input[type="reset"]:hover, .form input[type="reset"]:focus, .form input[type="button"]:hover, .form input[type="button"]:focus, .form input[type="submit"]:hover, .form input[type="submit"]:focus {
  background-color: #ec5200;
  text-decoration: none;
}

.form button:hover, .form button:focus, .form input[type="reset"]:hover, .form input[type="reset"]:focus, .form input[type="button"]:hover, .form input[type="button"]:focus, .form input[type="submit"]:hover, .form input[type="submit"]:focus {
  background-color: #ec5200;
}

.form input[type="reset"] {
  background-color: #29363f;
}

.form input[type="reset"]:hover, .form input[type="reset"]:focus {
  background-color: #3f515f;
}

.form .form-controls {
  text-align: right;
  margin-top: 10px;
}

.form .form-controls button, .form .form-controls input {
  margin-left: 5px;
  display: inline-block;
}

.form .with-placeholder {
  color: #a0a0a0;
}

.form#dfat_offices {
  position: relative;
  border: 1px solid #e2e2dd;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form#dfat_offices > div:first-child {
  margin-right: 25px;
}

.form#dfat_offices select {
  width: 100%;
  font-weight: 400;
  background-color: white;
  font-size: .85em;
  margin: 0;
}

.form#dfat_offices button, .form#dfat_offices input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  padding: 0;
}

.form.dfat_filter {
  background-color: #f2f2f0;
  margin-bottom: 20px;
  padding: 15px 20px;
}

.form.dfat_filter label {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  vertical-align: middle;
}

.form.dfat_filter button, .form.dfat_filter input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  padding: 0;
}

.form .select-wrap {
  display: inline-block;
  position: relative;
  border: 1px solid #e2e2dd;
}

.form .select-wrap select {
  width: auto;
  min-width: 100px;
  margin: 0;
  margin-right: 25px;
  font-size: .85em;
  font-weight: 400;
  background-color: white;
}

.form .select-wrap button, .form .select-wrap input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  padding: 0;
}

.slideshow {
  position: relative;
  height: 366px;
  margin-bottom: 20px;
  overflow: hidden;
}

.slideshow .slideshow-slides {
  position: relative;
  height: 366px;
  margin: 0;
  padding: 0;
  margin-right: 232px;
}

.slideshow .slideshow-slides .slideshow-slide {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: inherit;
  overflow: hidden;
  background: url("../images/coat-of-arms-white-news.png") no-repeat 0 50% #fff;
}

.slideshow .slideshow-slides .slideshow-slide:first-child {
  z-index: 1;
}

.slideshow .slideshow-slides .slideshow-slide img {
  display: block; /*max-*/
  width: 100%;
}

.slideshow .slideshow-slides .slideshow-slide .slideshow-caption {
  position: absolute;
  min-height: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 120px;
  color: white;
  background-color: #2a3640;
  background-color: rgba(41, 54, 63, 0.9);
}

.slideshow .slideshow-slides .slideshow-slide .slideshow-caption p {
  margin: 5px 0 15px;
  font-weight: 300;
  font-size: .85em;
}

.slideshow .slideshow-slides .slideshow-slide .slideshow-caption p.heavy {
  font-weight: 600;
  margin: 0;
}

.slideshow .slideshow-slides .slideshow-slide .slideshow-caption .more-link {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: white;
  background-color: #b94000;
}

.slideshow .slideshow-slides .slideshow-slide .slideshow-caption .more-link:hover, .slideshow .slideshow-slides .slideshow-slide .slideshow-caption .more-link:focus {
  background-color: #ec5200;
}

.slideshow .slideshow-controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .85em;
  display: block;
  width: 230px;
}

.slideshow .slideshow-controls li {
  clear: both;
  position: relative;
  display: block;
  margin-bottom: 2px;
  background-color: #d7d7d1;
  -webkit-transition: background 0.6s ease-in-out;
  -moz-transition: background 0.6s ease-in-out;
  -ie-transition: background 0.6s ease-in-out;
  -o-transition: background 0.6s ease-in-out;
  transition: background 0.6s ease-in-out;
}

.slideshow .slideshow-controls li.active {
  background-color: #2a3640;
}

.slideshow .slideshow-controls li.active a {
  color: white;
}

.slideshow .slideshow-controls li.active a:hover, .slideshow .slideshow-controls li.active a:focus {
  background-color: #2a3640;
}

.slideshow .slideshow-controls li a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  padding: 10px 10px;
  color: #2a3640;
  height: 90px;
  font-weight: 600;
  text-decoration: none;
}

.slideshow .slideshow-controls li a img {
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  background: url("../images/coat-of-arms-white-news.jpg") no-repeat 50% 50% #d7d7d1;
}

.slideshow .slideshow-controls li a span {
  display: block;
  padding-top: 15px;
}

.slideshow .slideshow-controls li a:hover, .slideshow .slideshow-controls li a:focus {
  text-decoration: none;
  background-color: #efefec;
}

.slideshow .slideshow-play-pause {
  position: absolute;
  z-index: 3;
  display: block;
  top: 20px;
  left: 20px;
  margin-left: 26px;
  padding: 0 5px;
  height: 25px;
  border: none;
  width: auto;
  min-width: 45px;
  font-weight: 400;
  color: white;
  background-position: 10px;
  cursor: pointer;
  border-radius: 0;
  overflow: visible;
  background-color: #b94000;
  -webkit-transition: none 0.2s ease-in-out;
  -moz-transition: none 0.2s ease-in-out;
  -ie-transition: none 0.2s ease-in-out;
  -o-transition: none 0.2s ease-in-out;
  transition: none 0.2s ease-in-out;
}

.slideshow .slideshow-play-pause span {
  text-align: left;
}

.slideshow .slideshow-play-pause span:first-child {
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 25px;
  margin-right: 1px;
  font-size: 0;
  background-image: url("../images/icon-pause.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #b94000;
}

.slideshow .slideshow-play-pause:hover, .slideshow .slideshow-play-pause:focus {
  background-color: #ec5200;
}

.slideshow .slideshow-play-pause:hover span:first-child, .slideshow .slideshow-play-pause:focus span:first-child {
  background-color: #ec5200;
}

.slideshow .slideshow-play-pause.slideshow-play span:first-child {
  background-image: url("../images/icon-playing.png");
}

.slideshow .slideshow-mobile-prev, .slideshow .slideshow-mobile-next {
  display: none;
}

.tabset {
  margin-top: 20px;
  margin-bottom: 20px;
}

.tabset h2 {
  margin: 0;
  padding: 15px 20px;
  font-weight: 400;
}

.tabset .ui-tabs-nav {
  display: block;
  background: #f1f1ef;
  border: 2px solid white;
  border-left: none;
  border-right: none;
  margin: 0;
  padding: 0;
}

.tabset .ui-tabs-nav:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.tabset .ui-tabs-nav li {
  list-style: none;
  display: block;
  position: relative;
  float: left;
  line-height: 1.8em;
  border-bottom-width: 0;
  white-space: nowrap;
  background: #b94000;
}

.tabset .ui-tabs-nav li.ui-state-active a {
  background: #d7d7d1;
}

.tabset .ui-tabs-nav li.ui-state-active a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: #d7d7d1;
}

.tabset .ui-tabs-nav li.ui-state-active a, .tabset .ui-tabs-nav li.ui-state-active a:visited {
  color: black;
}

.tabset .ui-tabs-nav li.ui-state-active a:hover, .tabset .ui-tabs-nav li.ui-state-active a:focus {
  background: #d7d7d1;
}

.tabset .ui-tabs-nav li a {
  position: relative;
  display: block;
  min-width: 150px;
  line-height: 50px;
  padding: 5px 20px;
  border: 2px solid white;
  border-left: none;
  border-top: none;
  border-bottom: none;
  font-weight: 600;
  text-decoration: none;
}

.tabset .ui-tabs-nav li a, .tabset .ui-tabs-nav li a:visited {
  color: white;
}

.tabset .ui-tabs-nav li a:hover, .tabset .ui-tabs-nav li a:focus {
  text-decoration: none;
  background: #ec5200;
}

.tabset .ui-tabs-panel {
  padding: 20px;
  background: #f2f2f0;
}

/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  position: relative;
  margin: 0 auto 20px;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { /*width: 100%;*/
  display: block;
  margin: 0 auto;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  position: absolute;
  display: block;
  z-index: 10;
  overflow: hidden; /* opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; */
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img { /*width: 100%;*/
  display: block; /* opacity: .7; cursor: pointer; */
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

.flexslider .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 6px 20px;
  font-size: .85em;
  font-weight: 300;
  color: white;
  background: rgba(41, 54, 63, 0.9);
}

.ie .flexslider .caption {
  background-image: url("../images/slideshow-controls-bg-ie.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-color: transparent;
}

.flexslider ul.slides > li {
  position: relative;
}

#slider {
  margin-bottom: 0;
  background-color: black;
}

#slider .flex-direction-nav a {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
  width: 25px;
  margin: 0;
  font-size: 0;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#slider .flex-prev {
  left: 0;
  background-image: url("../images/icon-prev.png");
  background-position: 48% 50%;
  background-repeat: no-repeat;
}

#slider .flex-next {
  right: 0;
  background-image: url("../images/icon-next.png");
  background-position: 48% 50%;
  background-repeat: no-repeat;
}

#slider:hover .flex-next:hover, #slider:hover .flex-prev:hover {
  background-color: #ec5200;
  opacity: 1;
}

#carousel {
  background-color: #d7d7d1;
}

#carousel ul.slides {
  background: black;
}

#carousel ul.slides > li {
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: .5;
}

#carousel ul.slides > li:hover, #carousel ul.slides > li:focus {
  opacity: .8;
}

#carousel ul.slides > li.flex-active-slide {
  opacity: 1;
}

#carousel ul.slides > li.flex-active-slide:hover, #carousel ul.slides > li.flex-active-slide:focus {
  opacity: 1;
}

#carousel .flex-viewport {
  padding: 10px 0;
  margin: 0 60px;
}

#carousel .flex-direction-nav a {
  margin: 0;
  font-size: 0;
}

#carousel .flex-direction-nav a.flex-disabled {
  opacity: .75;
  cursor: default;
}

#carousel .flex-direction-nav a.flex-prev, #carousel .flex-direction-nav a.flex-next {
  width: 25px;
  height: 25px;
  top: 25px;
}

#carousel .flex-direction-nav a.flex-prev:hover, #carousel .flex-direction-nav a.flex-prev:focus, #carousel .flex-direction-nav a.flex-next:hover, #carousel .flex-direction-nav a.flex-next:focus {
  background-color: #ec5200;
  opacity: 1;
}

#carousel .flex-direction-nav a.flex-prev {
  left: 20px;
  background-image: url("../images/icon-prev.png");
  background-position: 48% 50%;
  background-repeat: no-repeat;
  background-color: #b94000;
}

#carousel .flex-direction-nav a.flex-next {
  right: 20px;
  background-image: url("../images/icon-next.png");
  background-position: 48% 50%;
  background-repeat: no-repeat;
  background-color: #b94000;
}

.flexslider-place {
  display: block;
  padding: 0 20px 10px;
  text-align: center;
  font-weight: 400;
  font-size: .85em;
  color: #29363f;
}

@-moz-document url-prefix() {
  .form select {
    background-image: none;
    padding-left: 5px;
    padding-right: 0;
  }
  .form select:focus {
    background-image: none;
  }
  .form .radiobuttons input, .form .checkbox input {
    position: static;
  }
  .form .radiobuttons label, .form .checkbox label {
    padding-left: 10px;
  }
  .form .radiobuttons label span, .form .checkbox label span {
    display: none;
  }
}