/* @less partials */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* @group GN Additions */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Greys */
/* @end */
/* @group Slide show (flickerplate) */
.flickerplate ul.flicks > li .flick-inner .flick-content {
  max-width: 100%!important;
}
.flick-inner {
  background: rgba(0, 0, 0, 0.3);
}
.flickerplate {
  height: 850px!important;
  background-color: white!important;
}
.flickerplate .dot-navigation {
  z-index: 9999!important;
}
.flick-title h2 {
  margin-top: 0px!important;
  color: white;
  padding-left: 0.3rem;
}
.flick-title h2 a {
  color: white;
}
.flick-title .dash {
  background-color: white;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .flick-title h2 {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
}
.flick-sub-text {
  color: #ffffff !important;
}
.flick-sub-text p {
  margin-top: 0px;
  font-size: 1.3em;
  line-height: 1.25em;
  padding-right: 0px!important;
}
.flickerplate .arrow-navigation {
  z-index: 9!important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .flickerplate .arrow-navigation {
    display: none!important;
  }
}
.arrow-navigation.left,
.arrow-navigation.right {
  -moz-opacity: 0.45;
  -khtml-opacity: 0.45;
  -webkit-opacity: 0.45;
  opacity: 0.45;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45);
  filter: alpha(opacity=45);
  transition: all 0.1s linear;
}
.arrow-navigation.left {
  background: url(images/flick-left.png) center center no-repeat !important;
  background-size: 64px 64px !important;
  -webkit-background-size: 64px 64px !important;
  -moz-background-size: 64px 64px !important;
  -o-background-size: 64px 64px !important;
}
.arrow-navigation.right {
  background: url(images/flick-right.png) center center no-repeat !important;
  background-size: 64px 64px !important;
  -webkit-background-size: 64px 64px !important;
  -moz-background-size: 64px 64px !important;
  -o-background-size: 64px 64px !important;
}
.arrow-navigation.left:hover,
.arrow-navigation.right:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer!important;
}
.flickerplate .arrow-navigation.left:before,
.flickerplate .arrow-navigation.right:before {
  display: none!important;
}
.flickerplate ul li {
  -webkit-transition: opacity 0.8s ease-out 0s !important;
  -moz-transition: opacity 0.8s ease-out 0s !important;
  -o-transition: opacity 0.8s ease-out 0s !important;
  -ms-transition: opacity 0.8s ease-out 0s !important;
  transition: opacity 0.8s ease-out 0s !important;
}
/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .flickerplate {
    height: 450px!important;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .flickerplate {
    height: 490px!important;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .flickerplate {
    height: 300px!important;
  }
  .flickerplate .flick-title h2 {
    line-height: 1.2em!important;
    letter-spacing: -1px;
  }
  .flickerplate .flick-sub-text p {
    font-size: 0.9em;
    line-height: 1.26em;
    margin-bottom: 25px;
  }
  .flickerplate .dot-navigation {
    bottom: 0px!important;
  }
  .flickerplate .dot-navigation .dot {
    width: 7px;
    height: 7px;
  }
  .flickerplate .dot-navigation ul li {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
/* @end */
.FlickerContent {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.FlickerContent .CentreAll {
  text-align: center;
}
.flickerplate ul.flicks > li .flick-sub-text,
.flickerplate ul.flicks > li .flick-title {
  text-align: left!important;
}