/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 25 February 2016 12:13:53
*/


/**
 * version: 0.0.1
 * file:    wide.css
 * author:  Squiz Australia
 * updated: 14-04-2014 16:54
 *
 * Table of Contents:
 * 1. Modules

 */


.login-btn{float:right; background:#AD0922; border-radius: 8px; width:12%; height:40px;}
.login-btn a{display:block; color:#fff; font-family: "Source Sans Pro",sans-serif; padding: 8px; font-weight:bold; text-decoration:none; text-align:center;}
.login-btn__mobile-desktop{display:block;}
.login-btn__tablet{display:none;}


.has-right-col .print-page{margin-right:40px;}

.print-only{display:none;}

.overview-hidden{display:none;}

.tablet-hidden{display:inline;}

.navtest2-arrow{display:none!important;}

.navtest-arrow{display:none!important;}

.navtest2-link {
    display: block !important;
}


.gosa-logo{
    float:right;
    margin-top: 8px;
    margin-right: 2em;
    width: auto;
}

.language-menu-header{
  /*margin-left:-10em;*/
  margin-left:26.6em;

}


/*
--------------------
1. Modules
--------------------
*/
/*
--------------------
Navigation
--------------------
*/

.nav-container ul{
    font-size:1em; }

.nav-container .nav{width:63%;}

.nav-container .supplement-container {
  margin-top: -0.65em; }
.nav-container .logos {
  /* width: 183px;
  height: 50px;
  background: url('http://www.rtwsa.com/__data/assets/image/0016/4840/sprite-sheet.png?v=0.0.26') -42px -97px; */}
.nav-container .sub-nav {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease;
  -moz-transition: max-height 0.2s ease;
  transition: max-height 0.2s ease; }
.nav-container .sub-nav-container {
  padding-top: 4.5em;
  background-color: #464748;
  padding-bottom: 1.8em;
  width: 100%;
  padding-left: 2.4%;
  padding-right: 2.4%; }
.nav-container .first-level {
  border: none; }
  .nav-container .first-level > li:hover .sub-nav, .nav-container .first-level > li:focus .sub-nav {
    max-height: 38em;
    -webkit-transition: max-height 0.5s 0.3s ease;
    -moz-transition: max-height 0.5s 0.3s ease;
    transition: max-height 0.5s 0.3s ease; }
  .nav-container .first-level > li:hover > a, .nav-container .first-level > li:focus > a {
    text-decoration: none;
    /*background: #171819;*/
    background-color: #464748;
    color: #FFF;
  }
  .nav-container .first-level > li:hover .triangle-up, .nav-container .first-level > li:focus .triangle-up {
    opacity: 1; }
  .nav-container .first-level > li > a.active {
    background: none; }
.nav-container .category-container {
  position: relative;
  border: none;
  width: 68%;
  /* min-height: 21.5em; */
}
.nav-container .image-container {
  margin: 0.2em 0 0 2.2em;
  padding: 0;
  width: 15.6em; }
  .nav-container .image-container img {
    margin-bottom: 0.9em; }
.nav-container .category {
  float: left; /* float: left; */
  margin-bottom: 2em; /* was margin-bottom:6em; */
/*  border-left: 1px solid #d6d7d8; */
  padding: 0 0 0 1.7em;
  width: 33.3%;
  border-bottom:none;
/* NEW overflow:hidden; */
/* NEW margin-bottom:10px; */
/* NEW height:200px; */
}

/*.nav-container .category + .category{border-left: 1px solid #d6d7d8;}*/

.nav-container .category + .category + .category + div.clear + div.clear + .category{float:left; margin-top:0px; border-left: 0px solid #d6d7d8!important;}
.nav-container .category + .category + .category + div.clear + .category{float:left; margin-top:0px; border-left: 0px solid #d6d7d8!important;}

/*
.category-container div + div + div + div + div.category{float:left; margin-top:0px; border-left: 0px solid #d6d7d8;}
.category-container div + div + div + div + div + div.category{float:left; margin-top:0px; border-left: 1px solid #d6d7d8;}
*/

/* targets last .category block in last megamenu to fix float issue 
#main-navigation ul li + li + li + li + li + li .category-container div + div + div + div.category{float:none;}
*/
/*
.category-container div.category{float:none; border-left:none;}
.category-container div + div.category{float:left; border-left:none;}
.category-container div + div + div.category{float:left; margin-top:-210px; border-left: 1px solid #d6d7d8;}
.category-container div + div + div + div.category{float:left; margin-top:0px; border-left: 1px solid #d6d7d8;}
.category-container div + div + div + div + div.category{float:left; margin-top:-210px; border-left: 1px solid #d6d7d8;}
.category-container div + div + div + div + div + div.category{float:left; margin-top:0px; border-left: 1px solid #d6d7d8;}
 */


  .nav-container .category:first-child {
    border: none; }
  .nav-container .category ul {
    padding: 0; }
  .nav-container .category > a {
    border: none;
    padding: 0;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 45px;
    border-bottom: 1px solid #e7e94e;
    margin-bottom: 20px;
  }
    .nav-container .category > a:after {
      content: none; }
    .nav-container .category > a:hover, .nav-container .category > a:focus {
      text-decoration: underline;
      background: transparent; }
    .nav-container .category > a.active:after {
      content: none; }
.nav-container .extra-menu {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  border-left: none;
  border-right: 1px solid #d6d7d8;
  padding-top: 0.45em;
  padding-bottom: 0.4em;
  width: 33.5%; }
.nav-container .third-level {
  display: block !important;
  margin-top: 0.2em;
  background: transparent; }
  .nav-container .third-level a {
    padding-top: 0.4em;
    padding-bottom: 0.3em;
    padding-right: 0; }
    .nav-container .third-level a:before {
      top: 1em; }

.nav-tertiary-container {
  display: inline;
  float: left;
  width: 24.03509%;
  margin: 0 1.31579%;
  *width: 24.03504%;
  *margin: 0 1.31574%;
  margin: -2.4em 0 0;
  padding-left: 2.4%; }

.nav-tertiary h4.js-btn-accordion:after {content:'';}
.nav-tertiary h4.js-btn-accordion a{/* padding:0.8em 4em 0.8em 0.6em; */}

.quick-links {
  right: 2.5%;
  top: 3.6em; }

.sticky-menu.site-navigation {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /*background: #219271;*/
  /* Old browsers */
  /*background: -moz-linear-gradient(top, #219271 0%, #14775b 100%);*/
  /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #219271), color-stop(100%, #14775b));*/
  /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top, #219271 0%, #14775b 100%);*/
  /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top, #219271 0%, #14775b 100%);*/
  /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top, #219271 0%, #14775b 100%);*/
  /* IE10+ */
  /*background: linear, to bottom, #219271 0%, #14775b 100%;*/
  /* W3C */ }
  .sticky-menu.site-navigation .nav-container {
    margin-top: 0;
    padding-top: 0; }
  .sticky-menu.site-navigation .nav {
    margin-top: 0.7em; }
  .sticky-menu.site-navigation .supplement-container {
    margin-top: -0.2em; }
  .sticky-menu.site-navigation .logos {
    margin-top: 0.6em;
    margin-right: 2.6em;
    width: 158px; /* was 160px */
    height: 41px;
    /* background: url('http://www.rtwsa.com/__data/assets/image/0016/4840/sprite-sheet.png?v=0.0.26') -42px -149px; */ }
  .sticky-menu.site-navigation .triangle-up {
    bottom: -0.95em; }
  .sticky-menu.site-navigation .first-level > li:hover > a, .sticky-menu.site-navigation .first-level > li:focus > a {
    background: #464748; /* background: #006b4f; 23/06/14 */ }
  .sticky-menu.site-navigation .first-level > li > a {
    margin-bottom: 0; }
    .sticky-menu.site-navigation .first-level > li > a:hover, .sticky-menu.site-navigation .first-level > li > a:focus {
      background: #464748; /* background: #006b4f; */ }
  .sticky-menu.site-navigation .first-level > li .button-home {
    /* background: #239f7b; */}
  .sticky-menu.site-navigation .first-level > .active > a, .sticky-menu.site-navigation .first-level > .parent > a {
    /* background: #006b4f; */ }
  .sticky-menu.site-navigation form[role="search"] {
    display: block;
    right: 2.6%;
    padding-top: 1.1em;
    width: 2.5em;
    max-width: 2.5em;
    background: #2b3239;
    /* Old browsers */
    background: -moz-linear-gradient(top, #2b3239 0%, #23282d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b3239), color-stop(100%, #23282d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b3239 0%, #23282d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2b3239 0%, #23282d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2b3239 0%, #23282d 100%);
    /* IE10+ */
    background: linear, to bottom, #2b3239 0%, #23282d 100%;
    /* W3C */ }
    .sticky-menu.site-navigation form[role="search"] p {
      display: none;
      border-left: 1px solid #006b4f; }
    .sticky-menu.site-navigation form[role="search"] input[type="text"] {
      color: #fff;
      background: transparent; }
    .sticky-menu.site-navigation form[role="search"] button {
      top: 0.6em;
      color: #fff; }
      .sticky-menu.site-navigation form[role="search"] button:before {
        font-size: 1.5rem;
        color:#fff; }
    .sticky-menu.site-navigation form[role="search"].active {
      width: 100%;
      max-width: 100%; }
      .sticky-menu.site-navigation form[role="search"].active p {
        display: block; }

/*
--------------------
Site Header
--------------------
*/
  .header .contact-us {
    display: none; }

form[role="search"] {
  /*width: 15.1em;*/
  width: 200px;
  max-width: 15.1em; }
  form[role="search"] p {
    display: block; }

/*
--------------------
Feature
--------------------
*/
.aside-feature-container {
  position: absolute;
  right: 2.4%;
  top: 15em; /* top: 19em; */
  display: inline;
  float: left;
  width: 24.45175%;
  margin: 0 1.31579%;
  *width: 24.4517%;
  *margin: 0 1.31574%;
  margin-right: 0; }

/*
--------------------
Carousel (slider)
--------------------
*/
.carousel-container .cta-container {
  position: absolute;
  left: 2.4%;
  top:6em; /* top:6.8em; */
  width: 20em;
  border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.carousel-container .carousel-nav {
  /*bottom: 2.5em;
  right: 2.5%; */
  bottom: auto;
  left: 280px;
  right: auto;
  top: 230px;
  z-index: 400;
}
.carousel-container.cta__green .cta-container > ul, .carousel-container.cta__purple .cta-container > ul, .carousel-container.cta__orange .cta-container > ul, .carousel-container.cta__blue .cta-container > ul {
  padding: 0;
  background: transparent; }
  .carousel-container.cta__green .cta-container > ul h2, .carousel-container.cta__purple .cta-container > ul h2, .carousel-container.cta__orange .cta-container > ul h2, .carousel-container.cta__blue .cta-container > ul h2 {
    font-size:1.5em; /* font-size:1.9em;*/}
  .carousel-container.cta__green .cta-container > ul li, .carousel-container.cta__purple .cta-container > ul li, .carousel-container.cta__orange .cta-container > ul li, .carousel-container.cta__blue .cta-container > ul li {
    height:203px; /* height:269px; */
    width:318px; /* width:411px; */
    /*padding:0.8em 2em 0px 2.75em; padding:1.6em 3em 0 3.75em; */
    padding: 1.3em;
    /*background-color: rgba(0,0,0,0.70);*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;*/
    /*background-image: url('http://www.rtwsa.com/__data/assets/image/0016/4840/sprite-sheet.png?v=0.0.26');
    background-position: -268px -2px;*/
  }
.carousel-container.cta__purple .cta-container > ul li {
  background-position: -681px -273px; }
.carousel-container.cta__orange .cta-container > ul li {
  background-position: -268px -273px; }
.carousel-container.cta__blue .cta-container > ul li {
  background-position: -681px -2px; }


/*
--------------------
Flexslider
--------------------
*/
.flexslider {
  height:21em; /* height:18.8em; */}

.flexslider .slides img {
  position: absolute;
  left: 50%;
  /* top: -120px; */
  margin:0px 0px 0px -800px;  /* margin:-30px 0px 0px -800px;  margin:0px 0px 0px -800px; */
  width: 1600px;
  min-width: 1600px; }

/*
--------------------
Footer
--------------------
*/
.footer {
  width: 100%;
  padding-left: 2.4%;
  padding-right: 2.4%; }
  .footer .content-container {
    padding-top: 5.5em;
    padding-bottom: 3.8em; }
  .footer .section-listing-wrap {
    margin-bottom: 2.55em;
    overflow: auto; }
  .footer .section-listing {

    display: inline;
    float: left;
    /*width: 17.36842%;
    margin: 0 1.31579%;
    width: 17.36837%;
    padding-right: 1em;
    margin: 0 1.31574%;*/
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0; 
    margin: 0;
    padding: 0;
    width: 23%;
    margin-left: 2.5%;
  }
    .footer .section-listing:first-child {
      margin-left: 0; }
    .footer .section-listing h4 {
      margin-bottom: 1.2em;
      padding: 0;
      font-size: 1.25em;
      line-height: 1.1em;
      border-bottom: 1px solid #696969;
      padding-bottom: 5px;
      cursor: default; }
      .footer .section-listing h4:after {
        content: none; }
      .footer .section-listing h4:hover, .footer .section-listing h4:focus, .footer .section-listing h4.active {
        background: none; }
    .footer .section-listing ul {
      display: block !important; }
    .footer .section-listing li {
      margin-top: 0.4em; }
      .footer .section-listing li a {
        padding: 0 0 0 1.1em; }
        .footer .section-listing li a:before {
          top: 0.3em;
          left: 0em; }
        .footer .section-listing li a:hover, .footer .section-listing li a:focus {
          text-decoration: underline;
          background: none; }

.footer-social-links {
  position: absolute;
  left: 0;
  top: 1.6em;
  margin: 0; }

.site-links {
  display: inline-block;
  margin-right: 1.5em;
  margin-bottom: 0.5em; }
  .site-links .links-list a {
    margin-bottom: 0.6em;
    text-decoration: none;
  }

.back-to-top {
  float: right;
  margin-top: 0.2em; }

/*
--------------------
All pages.
--------------------
*/
.aside-contact-sticky {
  display: block;
  z-index: 6000; }

/*
--------------------
Home Page
--------------------
*/
.cta-employers-workers-container {
  position: relative;
  margin-top: -2em;
  margin-bottom: 1.4em;
  width: 100%;
  padding-left: 2.4%;
  padding-right: 2.4%;
  padding-left: 0;
  overflow: auto;
  z-index: 800; }

.home-cta-container {
  position: absolute;
  right: 2.4%;
  bottom: 0;
  margin-top: 0;
  padding: 0;
  width: 33%;
  background: transparent; }

.aside-home-cta {
  padding: 1.85em 2.05em 1.5em; /* padding: 1.85em 2.05em 2.25em; */
  width: 100%;
  height: 280px;
}

.aside-home-cta ul{
  font-size: 1em;
}

.employers-workers-container {
  width: 600%;
  border-radius: 0 12px 12px 0;
  -moz-border-radius: 0 12px 12px 0;
  -webkit-border-radius: 0 12px 12px 0;
  padding: 0;
  margin-left: -537.1%; }

.container-background {
  float: right;
  width: 10%;
  height: 280px;
  padding: 2.2em 3.2em 1.3em 0%; /* padding: 3.2em 3.2em 3.3em 0%; */
  background: #fff;
  overflow: hidden; }

.home-specific-links__employers, .home-specific-links__workers {
  width: 47%; }

.home-specific-links__employers {
  margin-right: 6%; }

.news-topics-video-container {
  display: block;
  margin-bottom: 1.4em;
  padding-top: 0;
  width: 100%;
  padding-left: 2.4%;
  padding-right: 2.4%;
  overflow: auto; }

.news-topics-container {
  float: left;
  margin-bottom: 0;
  padding-right: 1.3em;
/*  width: 52%; }*/
  width: 63.5%; }

.home-specific-links__news {
  margin-bottom: 0; }


.home .video-embed-container {
  float: right;
  z-index: -100!important;
/*  width: 48%; }*/
  width: 34.5%;
  min-height: 265px; }

.home .captioned-video {
  margin-bottom: 0; }

/*
--------------------
Inside page
--------------------
*/
.page-banner {
  height: 13.5em; }
  .page-banner img {
    margin-top:-4em;
    /*margin: -6em 0 0 -17%;
    width: 135%;
    min-width: 135%;*/ }

.breadcrumbs-container, .page-content {
  display: inline;
  float: left;
  width: 97.36842%;
  margin: 0 1.31579%;
  *width: 97.36837%;
  *margin: 0 1.31574%; }

.breadcrumbs-container {
  margin-top: 1.65em;
  margin-bottom: 1.3em; }

.has-right-col .breadcrumbs-container, .has-right-col .page-content, .has-left-col .breadcrumbs-container, .has-left-col .page-content {
  display: inline;
  float: left;
  width: 70.70175%;
  margin: 0 1.31579%;
  *width: 70.7017%;
  *margin: 0 1.31574%;
  margin-right: 2.5%; }
.has-right-col .breadcrumbs-container, .has-left-col .breadcrumbs-container {
  margin-top: 1.65em;
  margin-bottom: 0em; }

.has-left-col .breadcrumbs-container, .has-left-col .page-content {
  float: right; }
.has-left-col.has-right-col .breadcrumbs-container, .has-left-col.has-right-col .page-content {
  display: inline;
  float: left;
  width: 43.61842%;
  margin: 0 1.31579%;
  *width: 43.61837%;
  *margin: 0 1.31574%;
  float: right;
  margin-right: 28.56579%; }
.has-left-col.has-right-col .breadcrumbs-container {
  margin-top: 1.65em;
  margin-bottom: 0em; }

/*
-------------------------
Content Maintenance Guide
-------------------------
 */
.has-left-col .colour-palette, .has-right-col .colour-palette {
  display: block;
  width: 103.58852%;
  margin: 0 -1.79426%;
  *width: 103.58847%;
  *margin: 0 -1.79431%;
  *zoom: 1; }
  .has-left-col .colour-palette:before, .has-left-col .colour-palette:after, .has-right-col .colour-palette:before, .has-right-col .colour-palette:after {
    content: " ";
    display: table; }
  .has-left-col .colour-palette:after, .has-right-col .colour-palette:after {
    clear: both; }
  .has-left-col .colour-palette > li, .has-right-col .colour-palette > li {
    display: inline;
    float: left;
    width: 21.41148%;
    margin: 0 1.79426%;
    *width: 21.41143%;
    *margin: 0 1.79421%; }

.has-left-col.has-right-col .colour-palette {
  display: block;
  width: 105.6899%;
  margin: 0 -2.84495%;
  *width: 105.68985%;
  *margin: 0 -2.845%;
  *zoom: 1; }
  .has-left-col.has-right-col .colour-palette:before, .has-left-col.has-right-col .colour-palette:after {
    content: " ";
    display: table; }
  .has-left-col.has-right-col .colour-palette:after {
    clear: both; }
  .has-left-col.has-right-col .colour-palette > li {
    display: inline;
    float: left;
    width: 17.89474%;
    margin: 0 2.87081%;
    *width: 17.89469%;
    *margin: 0 2.87076%; }


.navtest-link{width: 100%}