/*********************
BREAKPOINTS
*********************/
/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
.none {
  display: none; }

section {
  position: relative;
  display: block;
  clear: both; }

main {
  overflow-x: hidden !important; }

.video-section {
  overflow: hidden; }

.nooverflow, .BGImage {
  overflow: hidden !important; }

.allowoverflow {
  overflow: visible; }

.insetbgpicbox, .insetYouTube {
  width: 100%;
  height: 100%; }

.sectionBreak {
  height: 1px;
  margin: 0px auto;
  width: 65%;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #ccc), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  background: linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  border: 0;
  position: relative;
  margin-top: -1px;
  z-index: 1; }

.fullWidthSectionBreak {
  width: 100%; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .sectionBreak {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 65%; } }

/* @group Section Spacing */
.SectionSpace {
  padding-top: 4rem;
  padding-bottom: 4rem; }

/* Large screens ----------- */
@media only screen and (min-width: 1224px) {
  .SectionSpace {
    padding-top: 5rem;
    padding-bottom: 5rem; } }

/* iPad in landscape ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .SectionSpace {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; } }

/* iPad in portrait ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .SectionSpace {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .SectionSpace {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; } }

/* @end */