/* Other */
.total-hidden {
  display: none;
  visibility: hidden;
}

.nav.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #FFF;
  overflow: hidden;
  z-index: 100;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

/* Layout */
html,
body {
  padding: 0px;
  border: 0px;
  margin: 0px;
  font-size: 100%;
  min-width: 320px;
}

.fixed-container {
  max-width: 1152px;
  display: block;
  margin: 0 auto;
}

.grid-row {
  width: 100%;
}

.grid-row::after {
  display: block;
  content: '';
  clear: both;
}

[class^="grid-col-"] {
  float: left;
}

[class^="grid-offset-"] {
  float: left;
}

.grid-col-1 {
  width: 5.555555555555556%;
}

.grid-col-2 {
  width: 11.11111111111111%;
}

.grid-col-3 {
  width: 16.66666666666667%;
}

.grid-col-4 {
  width: 22.22222222222222%
}

.grid-col-5 {
  width: 27.77777777777778%;
}

.grid-col-6 {
  width: 33.33333333333334%;
}

.grid-col-7 {
  width: 38.8888888888889%;
}

.grid-col-8 {
  width: 44.44444444444444%;
}

.grid-col-9 {
  width: 50%;
}

.grid-col-10 {
  width: 55.55555555555555%;
}

.grid-col-11 {
  width: 61.11111111111111%;
}

.grid-col-12 {
  width: 66.66666666666667%;
}

.grid-col-13 {
  width: 72.22222222222223%;
}

.grid-col-14 {
  width: 77.77777777777779%;
}

.grid-col-15 {
  width: 83.33333333333335%;
}

.grid-col-16 {
  width: 88.88888888888888%;
}

.grid-col-17 {
  width: 94.44444444444444%;
}

.grid-col-18 {
  width: 100%;
}

.grid-offset-1 {
  margin-left: 5.555555555555556%;
}

.grid-offset-2 {
  margin-left: 11.11111111111111%;
}

.grid-offset-3 {
  margin-left: 16.66666666666667%;
}

.grid-offset-4 {
  margin-left: 22.22222222222222%
}

.grid-offset-5 {
  margin-left: 27.77777777777778%;
}

.grid-offset-6 {
  margin-left: 33.33333333333334%;
}

.grid-offset-7 {
  margin-left: 38.8888888888889%;
}

.grid-offset-8 {
  margin-left: 44.44444444444444%;
}

.grid-offset-9 {
  margin-left: 50%;
}

.grid-offset-10 {
  margin-left: 55.55555555555555%;
}

.grid-offset-11 {
  margin-left: 61.11111111111111%;
}

.grid-offset-12 {
  margin-left: 66.66666666666667%;
}

.grid-offset-13 {
  margin-left: 72.22222222222223%;
}

.grid-offset-14 {
  margin-left: 77.77777777777779%;
}

.grid-offset-15 {
  margin-left: 83.33333333333335%;
}

.grid-offset-16 {
  margin-left: 88.88888888888888%;
}

.grid-offset-17 {
  margin-left: 94.44444444444444%;
}

.grid-offset-18 {
  margin-left: 100%;
}

/* <div> Effects */
.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

.bg-transparent-black-25 {
  background: rgba(0, 0, 0, 0.25);
}

.bg-transparent-black-50 {
  background: rgba(0, 0, 0, 0.5);
}

.bg-transparent-black-75 {
  background: rgba(0, 0, 0, 0.75);
}

.background-white-dropshadow {
  background: #FFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

/* Text */

h1,
h2,
h3,
h4,
p,
sub,
em,
sup,
span,
ul,
ol,
li {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

h1,
.h1 {
  display: block;
  color: #000000;
  font-weight: 700;
  font-size: 3.2em;
  padding: 0px 20px 20px 20px;
  color: #FFF;
  padding: 50px;
  margin: 0px;
}

h2,
.h2 {
  color: #14377d;
  font-size: 2.4em;
  padding: 30px 20px 20px 20px;
  margin: 0px;
}

h3,
.h3 {
  color: #14377d;
  font-size: 1.5em;
  padding: 0 20px 20px 20px;
  margin: 0px
}

p {
  line-height: 1.6;
  font-size: 1.1em;
  padding: 20px;
  letter-spacing: 0.025em;
}

a {
  text-decoration: none;
}

.colour-white {
  color: #FFF;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.hover-text {
  display: block;
}

/* Icons */
.icon-medical,
.icon-sports,
.icon-government {
  width: auto;
  padding: 20px;
  height: 100px;
}

/* Backgrounds */
.background-colour-lg {
  background: #e6e6e6;
}

.background-colour-dg {
  background: #666666;
}

.background-soccer {
  background: url("/img/soccer-ball-bg.jpg");
  background-size: cover;
}

.background-soccer-play {
  background: url("/img/soccer-game-bg.jpg");
  background-size: cover;
}

.background-trs {
  background: url("/img/asi-nice-shot.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: black;
  background-position: top;
}

/* Specific DIV Targeting */

a.nav-option div {
  transition: background-color 0.2s ease-in;
}

a.nav-option:hover div {
  background-color: #a6a6a6;
}

a.nav-option.home div {
  box-sizing: border-box;
  height: 50px;
}

.nav.fixed .container {
  text-align: right;
  font-size: 0;
}

.nav.fixed a[href="#home"] div {
  float: left;
}

.nav.fixed .container p {
  margin: 0px;
  padding: 11px 0px;
  color: #333;
  font-size: 18px;
}

.nav.fixed span {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  margin: 0px;
  font-size: 36px;
  color: #000;
  display: block;
}

.nav.fixed div.link {
  display: inline-block;
  padding: 2px 15px 2px 15px;
  vertical-align: top;
}

.nav.fixed div.button-black,
.nav.fixed div.button-blue {
  font-weight: 700;
  font-size: 0.98em;
  padding: 2px 15px;
}

.nav.fixed div.button-black p,
.nav.fixed div.button-blue p {
  color: #FFF;
}

.nav.fixed div.button-black {
  background: #000;
}

.nav.fixed div.button-blue {
  background: #14377d;
}

.mobile-menu {
  display: none;
}

.mobile-menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.mobile-menu ul:first-child {
  border-top: 1px solid #D2D2D2;
}

.mobile-menu li {
  padding: 10px;
  border-bottom: 1px solid #D2D2D2;
}

.mobile-menu a li {
  color: #000;
}

.all {
  margin-top: 50px;
}

.background-soccer h3 {
  color: #FFF;
  margin: 0px;
  padding: 40px;
}

#introducing {
  background: url(/img/nrl-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
}

#introducing .grid-col-9 {
  background: #FFF;
}

#introducing h3 {
  padding: 20px 40px 0px 20px;
}

#introducing h2 {
  padding: 30px 40px 20px 20px;
}

#introducing p {
  padding: 20px 40px 20px 20px;
}

.grid-col-9.image-container {
  height: 450px;
  overflow: hidden;
}

.hover-container {
  height: 290px;
  transition: height 0.5s ease-in-out;
  overflow-y: hidden;
}

.hover-container:hover {
  height: 415px;
}

.hover-container:hover p {
  display: block;
}

.hover-container:hover span.hover-text {
  display: none;
}

.hover-container p {
  display: none;
}

.background-trs p {
  margin: 0px;
  padding: 0px 40px 35px 40px;
}

.background-soccer-play a {
  color: #FFF;
  text-decoration: underline;
}

hr {
  width: 50%;
}

.testimonials {
  margin-bottom: 45px;
}

.testimonials .grid-col-4 p {
  margin: 0px;
  padding: 0px 20px;
}

.testimonials .grid-col-14 p {
  margin: 0px;
  padding: 15px 20px 35px 20px;
}

.testimonials blockquote {
  font-size: 18px;
  margin: 0px;
  padding: 2em;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  border-left: 5px solid #828282;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  quotes: "\201C""\201D""\2018""\2019";
}

.testimonials blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.testimonials blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

#faqs {
  padding-bottom: 35px;
}

#faqs h3 {
  cursor: pointer;
  padding: 20px;
  border-bottom: 1px solid #D2D2D2;
}

#faqs h3.active {
  background: #FFF;
}

#faqs p {
  margin: 0px;
  padding: 15px;
  background: #FFF;
  position: relative;
  border-bottom: 1px solid #D2D2D2;
}

.container.people {
  padding-top: 35px;
}

#return-button {
  position: fixed;
  bottom: 0px;
  right: 15px;
  padding: 10px;
  background: #FFF;
  text-align: center;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

#return-button sup {
  color: #D2D2D2;
}

.footer p {
  color: #d2d2d2;
}

.footer a {
  color: #d2d2d2;
  text-decoration: underline;
}

.fancybox-inner h3 {
  padding: 0px 20px;
}

.fancybox-inner p {
  margin: 5px 20px 15px 20px;
  padding: 0px;
}

#trs-screens .grid-row.bg-transparent-black-75 {
  min-height: 1500px;
}

#open-mobile-menu {
  display: none;
  cursor: pointer;
}

#open-mobile-menu .hamburger {
  height: 51px;
  box-sizing: border-box;
}

#open-mobile-menu .hamburger-text {
  font-size: 12px;
  margin: 0 0 0 15px;
  box-sizing: border-box;
  align-content: center;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: normal;
  text-transform: uppercase;
  user-select: none;
}

@media (max-width: 1500px) {
  .grid-offset-4.grid-col-10,
  .grid-offset-8.grid-col-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px;
    box-sizing: border-box;
  }

  .grid-row.bg-transparent-black-75>.grid-col-10 {
    width: 100%;
  }

  #trs-screens .grid-row.bg-transparent-black-75 {
    min-height: auto;
  }

  .nav.fixed .container p {
    font-size: 16px;
  }

  .grid-col-5.background-white-dropshadow.hover-container h2,
  .grid-col-6.background-white-dropshadow.hover-container h2 {
    font-size: 1.5em;
  }

  .grid-col-5.background-white-dropshadow.hover-container img,
  .grid-col-6.background-white-dropshadow.hover-container img {
    padding: 0px;
  }

  .grid-col-5.background-white-dropshadow.hover-container p,
  .grid-col-6.background-white-dropshadow.hover-container p {
    font-size: 0.94em;
    margin-top: 0px;
  }

  .hover-container {
    height: 230px;
  }

  .hover-container:hover {
    height: 320px;
  }
}

@media (max-width: 1450px) {
  #open-mobile-menu {
    display: inline-flex;
  }

  .nav.fixed {
    min-width: 320px;
  }

  .nav.fixed .mobile-only {
    display: block;
  }

  .nav.fixed .mobile-hidden {
    display: none;
  }
}

@media (max-width: 1250px) {
  #introducing {
    background-size: cover;
    background-position: top left;
  }
}

@media (max-width: 840px) {
  .grid-row>.grid-col-9,
  .grid-offset-9.grid-col-9,
  .grid-col-5.background-white-dropshadow.hover-container,
  .grid-col-6.background-white-dropshadow.hover-container,
  .people .grid-row>.grid-col-4,
  .people .grid-row>.grid-col-14 {
    width: 100%;
    margin-left: 0px;
  }

  .grid-col-5.background-white-dropshadow.hover-container,
  .grid-col-6.background-white-dropshadow.hover-container {
    margin-bottom: 20px;
  }

  .grid-col-6.text-center {
    width: 100%;
    padding-bottom: 20px;
  }

  #introducing *,
  #trs-screens *,
  .background-soccer-play *,
  .people * {
    text-align: center !important;
  }

  #introducing p {
    margin: 0px;
  }

  .people h3 {
    padding: 20px 20px 10px 20px;
  }

  .people p {
    padding: 20px;
    margin: 0px 0px 20px 0px;
  }

  .testimonials .grid-col-14 {
    width: 100%;
  }

  .testimonials .grid-col-4 {
    display: block;
    width: 100%;
    margin: 25px 0px 0px 0px;
  }

  #return-button {
    display: none;
  }
}

@media (max-width: 390px) {
  .nav.fixed .grid-col-3 p {
    font-size: 0.8em;
    padding: 16px 0;
  }

  /* h1 font */
  h1 {
    font-size: 2.4em !important;
  }

  h2 {
    font-size: 1.6em !important;
  }

  h3 {
    font-size: 1.2em !important;
  }
}