/* BEGIN section component */
section, .page-section {
  /* We recommend removing the selection of the <section> tag as it is too vague and would affect elements on the page also using <section> */
  height: auto;
  margin: 0 auto;
  width: 100%;
  position: relative;
  /*font: 1.143rem/1.500rem arial, helvetica, sans-serif, sans-serif;*/
  /* do not reset font styling on generic elements like <section>, do this for a specific component if required*/ }

.sectioncomponent section {
  background-size: cover; }

.sectionpar, #footer-wrapper {
  margin: 0 auto; }

@media (min-width: 768px) {
  .sectionpar {
    width: 750px; } }
@media (min-width: 992px) {
  .sectionpar {
    width: 970px; } }
@media (min-width: 1200px) {
  .sectionpar {
    width: 1170px; } }
@media (min-width: 768px) {
  #footer-wrapper {
    width: 750px; } }
@media (min-width: 992px) {
  #footer-wrapper {
    width: 970px; } }
@media (min-width: 1200px) {
  #footer-wrapper {
    width: 1170px; } }
/* MG: PR-1400 Full width section  */
section.fullwidth .parsys.sectionpar {
  width: 100%;
  padding: 60px; }

/* MG: PR-1372 Section BG video  */
section.videobg {
  position: relative;
  overflow: hidden;

}


section.videobg .sectionvideo {
  position: absolute;
  width: 100%;
  height: auto !important;
	
}

section.videobg .parsys.sectionpar {
  position: relative;
  z-index: 999 !important; }

/* MG: Section clearing bug (Max) */
#wrapper section:before,
#wrapper section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

#wrapper section:after {
  clear: both; }

#wrapper section {
  *zoom: 1; }

/* MG: Section bg bug (Max) */
section.prlx,
section.prlx-slow,
section.prlx-fix {
  background: transparent; }

/* MG: Youtube BG vid */
.videobgyt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.videobgyt .screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  opacity: 0;
  transition: opacity .5s; }

.videobgyt.active .screen {
  opacity: 1; }

/* MG: Fix for YT video */
section.videobgyt {
  position: relative;
  width: 100%;
  /* padding-bottom: 56.25%; */ }

section.videobgyt .sectionytplayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

_:-ms-fullscreen, :root .videobgyt {
  display: block !important;
  overflow: hidden !important; }

/* MG: PR-1520 IE BG video display bug */
/*
_:-ms-fullscreen, :root
*/
section.videobg {
  display: inline-block;
}

/*  Section colour theming
********************/
/* Begin NEW CSS implemented for v1.0.8 */
.page-section.page-section--col-white {
  /* Sections with a white background */
  background: #fff; }
.page-section.page-section--col-light-grey {
  /* Sections with a light grey background (#f2f2f2) */
  background: #f2f2f2; }
.page-section.page-section--col-grey {
  /* Sections with a brand grey background (#736b53) */
  background: #736b53; }
.page-section.page-section--col-black-70 {
  /* Sections with black 70% background (#6d6e71) */
  background: #6d6e71; }
.page-section.page-section--col-black {
  /* Sections with black background (#404041) */
  color: #404041; }
.page-section.page-section--col-primary {
  /* Section with the primary colour of the chosen colour scheme family */
  background: #e0301e;
  /* Loop to create colour variations */ }
  .page-primary-col--blue .page-section.page-section--col-primary {
    background: #9fc357; }
  .page-primary-col--red .page-section.page-section--col-primary {
    background: #e0301e; }
  .page-primary-col--burgundy .page-section.page-section--col-primary {
    background: #a32020;
	padding: 0px;  
}
  .page-primary-col--maroon .page-section.page-section--col-primary {
    background: #602320; }
  .page-primary-col--rose .page-section.page-section--col-primary {
    background: #d93954; }
.page-section.page-section--col-secondary {
  /* Section with the secondary colour of the chosen colour scheme family */
  background: #a32020;
  /* Loop to create colour variations */ }
  .page-secondary-col--orange .page-section.page-section--col-secondary {
    background: #9fc357; }
  .page-secondary-col--red .page-section.page-section--col-secondary {
    background: #e0301e; }
  .page-secondary-col--burgundy .page-section.page-section--col-secondary {
    background: #a32020; }
  .page-secondary-col--maroon .page-section.page-section--col-secondary {
    background: #602320; }
  .page-secondary-col--rose .page-section.page-section--col-secondary {
    background: #d93954; }
.page-section.page-section--col-tertiary {
  /* Section with the tertiary colour of the chosen colour scheme family */
  background: #602320;
  /* Loop to create colour variations */ }
  .page-tertiary-col--orange .page-section.page-section--col-tertiary {
    background: #9fc357; }
  .page-tertiary-col--red .page-section.page-section--col-tertiary {
    background: #e0301e; }
  .page-tertiary-col--burgundy .page-section.page-section--col-tertiary {
    background: #a32020; }
  .page-tertiary-col--maroon .page-section.page-section--col-tertiary {
    background: #602320; }
  .page-tertiary-col--rose .page-section.page-section--col-tertiary {
    background: #d93954; }

/* End NEW CSS implemented for v1.0.8 */
/*  end Section colour theming
********************/
/* Temporary fix on component level for container to restore padding left/right - will be fix on the structural level in v 1.0.9 */
.container {
  padding-left: 15px;
  padding-right: 15px; }

/* END section component */
@media (max-width: 767px) {
  .no-background__mobile {
    background-image: none !important; } }