/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/*************************/
/* ZEBRA CUSTOM SETTINGS */
/*************************/
/* ZEBRA CUSTOM SETTINGS END */
/*******************/
/* IMPORT SETTINGS */
/*******************/
/******************/
/* ZEBRA NOTES */
/******************/
/* NOTES END */
/***********************/
/* RESPONSIVE SETTINGS */
/***********************/
/* RESPONSIVE SETTINGS END */
/**************************/
/* BROWSER RESET SETTINGS */
/**************************/
/* BROWSER RESET SETTINGS END */
/*******************/
/* HELPER SETTINGS */
/*******************/
/* HELPER SETTINGS END */
/*******************/
/* HIDDEN SETTINGS */
/*******************/
/* HIDDEN SETTINGS END */
/*******************/
/* COLUMN SETTINGS */
/*******************/
/* COLUMN SETTINGS END */
/************************/
/* POSITIONING SETTINGS */
/************************/
/* POSITIONING SETTINGS END */
/******************************/
/* BACKGROUND EXTEND SETTINGS */
/******************************/
/* BACKGROUND SETTINGS END */
/********************/
/* SPACING SETTINGS */
/********************/
/* SPACING SETTINGS END */
/*****************/
/* GRID SETTINGS */
/*****************/
/* GRID SETTINGS END */
/*******************/
/* GUTTER SETTINGS */
/*******************/
/* GUTTER SETTINGS END */
/******************/
/* DEBUG SETTINGS */
/******************/
/* DEBUG SETTINGS END */
/************************/
/* ZEBRA SETTINGS CHECK */
/************************/
/* ZEBRA SETTINGS CHECK END */
/***************/
/* ZEBRA DEBUG */
/***************/
/* ZEBRA DEBUG END */
/* IMPORT SETTINGS END */
/*************************/
/* RESPONSIVE PROPERTIES */
/*************************/
/* RESPONSIVE PROPERTIES END */
/*****************/
/* BROWSER RESET */
/*****************/
/* BROWSER RESET END */
/******************/
/* HELPER CLASSES */
/******************/
.site-wrapper {
  display: block;
  max-width: 1680px;
  margin: 0 auto; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/* HELPER CLASSES END */
/*********************************/
/* ROWS AND ROW MODIFIER CLASSES */
/*********************************/
.row {
  margin-right: auto;
  margin-left: auto; }
  .row--contained {
    max-width: 1680px; }
  .row--full {
    width: 100%; }
  .row--flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    .row--flex .col--stretch {
      flex: 1 1 auto; }
  .row--justify-l {
    justify-content: flex-start; }
  .row--justify-c {
    justify-content: center; }
  .row--justify-r {
    justify-content: flex-end; }
  .row--align-l {
    align-items: flex-start; }
  .row--align-c {
    align-items: center; }
  .row--align-r {
    align-items: flex-end; }

/* ROWS AND ROW MODIFIERS END */
/**************************************/
/* COLUMN AND COLUMN MODIFIER CLASSES */
/**************************************/
[class*='col--1'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--2'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--3'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--4'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--5'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--6'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--7'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--8'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

[class*='col--9'] {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }

.col--1-12 {
  width: 8.3333333333%; }

.col--2-12 {
  width: 16.6666666667%; }

.col--3-12 {
  width: 25%; }

.col--4-12 {
  width: 33.3333333333%; }

.col--5-12 {
  width: 41.6666666667%; }

.col--6-12 {
  width: 50%; }

.col--7-12 {
  width: 58.3333333333%; }

.col--8-12 {
  width: 66.6666666667%; }

.col--9-12 {
  width: 75%; }

.col--10-12 {
  width: 83.3333333333%; }

.col--11-12 {
  width: 91.6666666667%; }

.col--12-12 {
  width: 100%; }

.col--auto {
  display: inline-block;
  vertical-align: top;
  width: auto; }

.col--auto, .col--stretch {
  font-size: 18px; }

.col--left {
  float: left; }

.col--right {
  float: right; }

.col--align-top {
  vertical-align: top; }

.col--align-middle {
  vertical-align: middle; }

.col--align-bottom {
  vertical-align: bottom; }

.col--flex-col, .col--flex-row {
  display: flex;
  flex-wrap: wrap; }
  .col--flex-col > *, .col--flex-row > * {
    flex-grow: 1; }

.col--flex-col {
  flex-direction: column; }
  .col--flex-col > .row {
    margin-right: 0;
    margin-left: 0; }

.col--flex-row {
  flex-direction: row; }

@media all and (max-width: 1400px) {
  .col__xxxl--1-12 {
    width: 8.3333333333%; }
  .col__xxxl--2-12 {
    width: 16.6666666667%; }
  .col__xxxl--3-12 {
    width: 25%; }
  .col__xxxl--4-12 {
    width: 33.3333333333%; }
  .col__xxxl--5-12 {
    width: 41.6666666667%; }
  .col__xxxl--6-12 {
    width: 50%; }
  .col__xxxl--7-12 {
    width: 58.3333333333%; }
  .col__xxxl--8-12 {
    width: 66.6666666667%; }
  .col__xxxl--9-12 {
    width: 75%; }
  .col__xxxl--10-12 {
    width: 83.3333333333%; }
  .col__xxxl--11-12 {
    width: 91.6666666667%; }
  .col__xxxl--12-12 {
    width: 100%; } }

@media all and (max-width: 1280px) {
  .col__xxl--1-12 {
    width: 8.3333333333%; }
  .col__xxl--2-12 {
    width: 16.6666666667%; }
  .col__xxl--3-12 {
    width: 25%; }
  .col__xxl--4-12 {
    width: 33.3333333333%; }
  .col__xxl--5-12 {
    width: 41.6666666667%; }
  .col__xxl--6-12 {
    width: 50%; }
  .col__xxl--7-12 {
    width: 58.3333333333%; }
  .col__xxl--8-12 {
    width: 66.6666666667%; }
  .col__xxl--9-12 {
    width: 75%; }
  .col__xxl--10-12 {
    width: 83.3333333333%; }
  .col__xxl--11-12 {
    width: 91.6666666667%; }
  .col__xxl--12-12 {
    width: 100%; } }

@media all and (max-width: 1024px) {
  .col__xl--1-12 {
    width: 8.3333333333%; }
  .col__xl--2-12 {
    width: 16.6666666667%; }
  .col__xl--3-12 {
    width: 25%; }
  .col__xl--4-12 {
    width: 33.3333333333%; }
  .col__xl--5-12 {
    width: 41.6666666667%; }
  .col__xl--6-12 {
    width: 50%; }
  .col__xl--7-12 {
    width: 58.3333333333%; }
  .col__xl--8-12 {
    width: 66.6666666667%; }
  .col__xl--9-12 {
    width: 75%; }
  .col__xl--10-12 {
    width: 83.3333333333%; }
  .col__xl--11-12 {
    width: 91.6666666667%; }
  .col__xl--12-12 {
    width: 100%; } }

@media all and (max-width: 980px) {
  .col__l--1-12 {
    width: 8.3333333333%; }
  .col__l--2-12 {
    width: 16.6666666667%; }
  .col__l--3-12 {
    width: 25%; }
  .col__l--4-12 {
    width: 33.3333333333%; }
  .col__l--5-12 {
    width: 41.6666666667%; }
  .col__l--6-12 {
    width: 50%; }
  .col__l--7-12 {
    width: 58.3333333333%; }
  .col__l--8-12 {
    width: 66.6666666667%; }
  .col__l--9-12 {
    width: 75%; }
  .col__l--10-12 {
    width: 83.3333333333%; }
  .col__l--11-12 {
    width: 91.6666666667%; }
  .col__l--12-12 {
    width: 100%; } }

@media all and (max-width: 768px) {
  .col__m--1-12 {
    width: 8.3333333333%; }
  .col__m--2-12 {
    width: 16.6666666667%; }
  .col__m--3-12 {
    width: 25%; }
  .col__m--4-12 {
    width: 33.3333333333%; }
  .col__m--5-12 {
    width: 41.6666666667%; }
  .col__m--6-12 {
    width: 50%; }
  .col__m--7-12 {
    width: 58.3333333333%; }
  .col__m--8-12 {
    width: 66.6666666667%; }
  .col__m--9-12 {
    width: 75%; }
  .col__m--10-12 {
    width: 83.3333333333%; }
  .col__m--11-12 {
    width: 91.6666666667%; }
  .col__m--12-12 {
    width: 100%; } }

@media all and (max-width: 599px) {
  .col__s--1-12 {
    width: 8.3333333333%; }
  .col__s--2-12 {
    width: 16.6666666667%; }
  .col__s--3-12 {
    width: 25%; }
  .col__s--4-12 {
    width: 33.3333333333%; }
  .col__s--5-12 {
    width: 41.6666666667%; }
  .col__s--6-12 {
    width: 50%; }
  .col__s--7-12 {
    width: 58.3333333333%; }
  .col__s--8-12 {
    width: 66.6666666667%; }
  .col__s--9-12 {
    width: 75%; }
  .col__s--10-12 {
    width: 83.3333333333%; }
  .col__s--11-12 {
    width: 91.6666666667%; }
  .col__s--12-12 {
    width: 100%; } }

@media all and (max-width: 500px) {
  .col__xs--1-12 {
    width: 8.3333333333%; }
  .col__xs--2-12 {
    width: 16.6666666667%; }
  .col__xs--3-12 {
    width: 25%; }
  .col__xs--4-12 {
    width: 33.3333333333%; }
  .col__xs--5-12 {
    width: 41.6666666667%; }
  .col__xs--6-12 {
    width: 50%; }
  .col__xs--7-12 {
    width: 58.3333333333%; }
  .col__xs--8-12 {
    width: 66.6666666667%; }
  .col__xs--9-12 {
    width: 75%; }
  .col__xs--10-12 {
    width: 83.3333333333%; }
  .col__xs--11-12 {
    width: 91.6666666667%; }
  .col__xs--12-12 {
    width: 100%; } }

@media all and (max-width: 435px) {
  .col__xxs--1-12 {
    width: 8.3333333333%; }
  .col__xxs--2-12 {
    width: 16.6666666667%; }
  .col__xxs--3-12 {
    width: 25%; }
  .col__xxs--4-12 {
    width: 33.3333333333%; }
  .col__xxs--5-12 {
    width: 41.6666666667%; }
  .col__xxs--6-12 {
    width: 50%; }
  .col__xxs--7-12 {
    width: 58.3333333333%; }
  .col__xxs--8-12 {
    width: 66.6666666667%; }
  .col__xxs--9-12 {
    width: 75%; }
  .col__xxs--10-12 {
    width: 83.3333333333%; }
  .col__xxs--11-12 {
    width: 91.6666666667%; }
  .col__xxs--12-12 {
    width: 100%; } }

@media all and (max-width: 360px) {
  .col__xxxs--1-12 {
    width: 8.3333333333%; }
  .col__xxxs--2-12 {
    width: 16.6666666667%; }
  .col__xxxs--3-12 {
    width: 25%; }
  .col__xxxs--4-12 {
    width: 33.3333333333%; }
  .col__xxxs--5-12 {
    width: 41.6666666667%; }
  .col__xxxs--6-12 {
    width: 50%; }
  .col__xxxs--7-12 {
    width: 58.3333333333%; }
  .col__xxxs--8-12 {
    width: 66.6666666667%; }
  .col__xxxs--9-12 {
    width: 75%; }
  .col__xxxs--10-12 {
    width: 83.3333333333%; }
  .col__xxxs--11-12 {
    width: 91.6666666667%; }
  .col__xxxs--12-12 {
    width: 100%; } }

/* COLUMN AND COLUMN MODIFIERS END */
/*****************************/
/* BACKGROUND EXTEND CLASSES */
/*****************************/
.bg-ext {
  position: relative; }
  .bg-ext:before, .bg-ext:after {
    content: "";
    position: absolute;
    top: 0;
    width: 1680px;
    height: 100%;
    background: inherit; }
  .bg-ext:before {
    right: 100%; }
  .bg-ext:after {
    left: 100%; }
  .bg-ext--l, .bg-ext--r {
    position: relative; }
  .bg-ext--l {
    background-position: left top; }
    .bg-ext--l:before {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit;
      right: 100%;
      background-position: right top; }
  .bg-ext--r {
    background-position: right top; }
    .bg-ext--r:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit;
      left: 100%;
      background-position: left top; }
  .bg-ext .bg-ext {
    z-index: 1; }
    .bg-ext .bg-ext--l, .bg-ext .bg-ext--r {
      z-index: 1; }

@media all and (max-width: 1400px) {
  .bg-ext__xxxl {
    position: relative; }
    .bg-ext__xxxl:before, .bg-ext__xxxl:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__xxxl:before {
      right: 100%; }
    .bg-ext__xxxl:after {
      left: 100%; }
    .bg-ext__xxxl--l, .bg-ext__xxxl--r {
      position: relative; }
    .bg-ext__xxxl--l {
      position: relative;
      background-position: left top; }
      .bg-ext__xxxl--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__xxxl--r {
      position: relative;
      background-position: right top; }
      .bg-ext__xxxl--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__xxxl--none:before, .bg-ext__xxxl--none:after {
      display: none; } }

@media all and (max-width: 1280px) {
  .bg-ext__xxl {
    position: relative; }
    .bg-ext__xxl:before, .bg-ext__xxl:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__xxl:before {
      right: 100%; }
    .bg-ext__xxl:after {
      left: 100%; }
    .bg-ext__xxl--l, .bg-ext__xxl--r {
      position: relative; }
    .bg-ext__xxl--l {
      position: relative;
      background-position: left top; }
      .bg-ext__xxl--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__xxl--r {
      position: relative;
      background-position: right top; }
      .bg-ext__xxl--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__xxl--none:before, .bg-ext__xxl--none:after {
      display: none; } }

@media all and (max-width: 1024px) {
  .bg-ext__xl {
    position: relative; }
    .bg-ext__xl:before, .bg-ext__xl:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__xl:before {
      right: 100%; }
    .bg-ext__xl:after {
      left: 100%; }
    .bg-ext__xl--l, .bg-ext__xl--r {
      position: relative; }
    .bg-ext__xl--l {
      position: relative;
      background-position: left top; }
      .bg-ext__xl--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__xl--r {
      position: relative;
      background-position: right top; }
      .bg-ext__xl--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__xl--none:before, .bg-ext__xl--none:after {
      display: none; } }

@media all and (max-width: 980px) {
  .bg-ext__l {
    position: relative; }
    .bg-ext__l:before, .bg-ext__l:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__l:before {
      right: 100%; }
    .bg-ext__l:after {
      left: 100%; }
    .bg-ext__l--l, .bg-ext__l--r {
      position: relative; }
    .bg-ext__l--l {
      position: relative;
      background-position: left top; }
      .bg-ext__l--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__l--r {
      position: relative;
      background-position: right top; }
      .bg-ext__l--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__l--none:before, .bg-ext__l--none:after {
      display: none; } }

@media all and (max-width: 768px) {
  .bg-ext__m {
    position: relative; }
    .bg-ext__m:before, .bg-ext__m:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__m:before {
      right: 100%; }
    .bg-ext__m:after {
      left: 100%; }
    .bg-ext__m--l, .bg-ext__m--r {
      position: relative; }
    .bg-ext__m--l {
      position: relative;
      background-position: left top; }
      .bg-ext__m--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__m--r {
      position: relative;
      background-position: right top; }
      .bg-ext__m--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__m--none:before, .bg-ext__m--none:after {
      display: none; } }

@media all and (max-width: 599px) {
  .bg-ext__s {
    position: relative; }
    .bg-ext__s:before, .bg-ext__s:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__s:before {
      right: 100%; }
    .bg-ext__s:after {
      left: 100%; }
    .bg-ext__s--l, .bg-ext__s--r {
      position: relative; }
    .bg-ext__s--l {
      position: relative;
      background-position: left top; }
      .bg-ext__s--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__s--r {
      position: relative;
      background-position: right top; }
      .bg-ext__s--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__s--none:before, .bg-ext__s--none:after {
      display: none; } }

@media all and (max-width: 500px) {
  .bg-ext__xs {
    position: relative; }
    .bg-ext__xs:before, .bg-ext__xs:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__xs:before {
      right: 100%; }
    .bg-ext__xs:after {
      left: 100%; }
    .bg-ext__xs--l, .bg-ext__xs--r {
      position: relative; }
    .bg-ext__xs--l {
      position: relative;
      background-position: left top; }
      .bg-ext__xs--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__xs--r {
      position: relative;
      background-position: right top; }
      .bg-ext__xs--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__xs--none:before, .bg-ext__xs--none:after {
      display: none; } }

@media all and (max-width: 435px) {
  .bg-ext__xxs {
    position: relative; }
    .bg-ext__xxs:before, .bg-ext__xxs:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__xxs:before {
      right: 100%; }
    .bg-ext__xxs:after {
      left: 100%; }
    .bg-ext__xxs--l, .bg-ext__xxs--r {
      position: relative; }
    .bg-ext__xxs--l {
      position: relative;
      background-position: left top; }
      .bg-ext__xxs--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__xxs--r {
      position: relative;
      background-position: right top; }
      .bg-ext__xxs--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__xxs--none:before, .bg-ext__xxs--none:after {
      display: none; } }

@media all and (max-width: 360px) {
  .bg-ext__xxxs {
    position: relative; }
    .bg-ext__xxxs:before, .bg-ext__xxxs:after {
      content: "";
      position: absolute;
      top: 0;
      width: 1680px;
      height: 100%;
      background: inherit; }
    .bg-ext__xxxs:before {
      right: 100%; }
    .bg-ext__xxxs:after {
      left: 100%; }
    .bg-ext__xxxs--l, .bg-ext__xxxs--r {
      position: relative; }
    .bg-ext__xxxs--l {
      position: relative;
      background-position: left top; }
      .bg-ext__xxxs--l:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        right: 100%;
        background-position: right top; }
    .bg-ext__xxxs--r {
      position: relative;
      background-position: right top; }
      .bg-ext__xxxs--r:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1680px;
        height: 100%;
        background: inherit;
        left: 100%;
        background-position: left top; }
    .bg-ext__xxxs--none:before, .bg-ext__xxxs--none:after {
      display: none; } }

/* BACKGROUND EXTENDS END */
/****************************/
/* PADDING & MARGIN CLASSES */
/****************************/
.p--15 {
  padding: 15px; }

.p--t-15 {
  padding-top: 15px; }

.p--r-15 {
  padding-right: 15px; }

.p--b-15 {
  padding-bottom: 15px; }

.p--l-15 {
  padding-left: 15px; }

.p--x-15 {
  padding-left: 15px;
  padding-right: 15px; }

.p--y-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.p--20 {
  padding: 20px; }

.p--t-20 {
  padding-top: 20px; }

.p--r-20 {
  padding-right: 20px; }

.p--b-20 {
  padding-bottom: 20px; }

.p--l-20 {
  padding-left: 20px; }

.p--x-20 {
  padding-left: 20px;
  padding-right: 20px; }

.p--y-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.p--35 {
  padding: 35px; }

.p--t-35 {
  padding-top: 35px; }

.p--r-35 {
  padding-right: 35px; }

.p--b-35 {
  padding-bottom: 35px; }

.p--l-35 {
  padding-left: 35px; }

.p--x-35 {
  padding-left: 35px;
  padding-right: 35px; }

.p--y-35 {
  padding-top: 35px;
  padding-bottom: 35px; }

.p--40 {
  padding: 40px; }

.p--t-40 {
  padding-top: 40px; }

.p--r-40 {
  padding-right: 40px; }

.p--b-40 {
  padding-bottom: 40px; }

.p--l-40 {
  padding-left: 40px; }

.p--x-40 {
  padding-left: 40px;
  padding-right: 40px; }

.p--y-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.p--45 {
  padding: 45px; }

.p--t-45 {
  padding-top: 45px; }

.p--r-45 {
  padding-right: 45px; }

.p--b-45 {
  padding-bottom: 45px; }

.p--l-45 {
  padding-left: 45px; }

.p--x-45 {
  padding-left: 45px;
  padding-right: 45px; }

.p--y-45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.p--80 {
  padding: 80px; }

.p--t-80 {
  padding-top: 80px; }

.p--r-80 {
  padding-right: 80px; }

.p--b-80 {
  padding-bottom: 80px; }

.p--l-80 {
  padding-left: 80px; }

.p--x-80 {
  padding-left: 80px;
  padding-right: 80px; }

.p--y-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.p--150 {
  padding: 150px; }

.p--t-150 {
  padding-top: 150px; }

.p--r-150 {
  padding-right: 150px; }

.p--b-150 {
  padding-bottom: 150px; }

.p--l-150 {
  padding-left: 150px; }

.p--x-150 {
  padding-left: 150px;
  padding-right: 150px; }

.p--y-150 {
  padding-top: 150px;
  padding-bottom: 150px; }

@media all and (max-width: 1400px) {
  .p__xxxl--15 {
    padding: 15px; }
  .p__xxxl--t-15 {
    padding-top: 15px; }
  .p__xxxl--r-15 {
    padding-right: 15px; }
  .p__xxxl--b-15 {
    padding-bottom: 15px; }
  .p__xxxl--l-15 {
    padding-left: 15px; }
  .p__xxxl--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__xxxl--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__xxxl--20 {
    padding: 20px; }
  .p__xxxl--t-20 {
    padding-top: 20px; }
  .p__xxxl--r-20 {
    padding-right: 20px; }
  .p__xxxl--b-20 {
    padding-bottom: 20px; }
  .p__xxxl--l-20 {
    padding-left: 20px; }
  .p__xxxl--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__xxxl--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__xxxl--35 {
    padding: 35px; }
  .p__xxxl--t-35 {
    padding-top: 35px; }
  .p__xxxl--r-35 {
    padding-right: 35px; }
  .p__xxxl--b-35 {
    padding-bottom: 35px; }
  .p__xxxl--l-35 {
    padding-left: 35px; }
  .p__xxxl--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__xxxl--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__xxxl--40 {
    padding: 40px; }
  .p__xxxl--t-40 {
    padding-top: 40px; }
  .p__xxxl--r-40 {
    padding-right: 40px; }
  .p__xxxl--b-40 {
    padding-bottom: 40px; }
  .p__xxxl--l-40 {
    padding-left: 40px; }
  .p__xxxl--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__xxxl--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__xxxl--45 {
    padding: 45px; }
  .p__xxxl--t-45 {
    padding-top: 45px; }
  .p__xxxl--r-45 {
    padding-right: 45px; }
  .p__xxxl--b-45 {
    padding-bottom: 45px; }
  .p__xxxl--l-45 {
    padding-left: 45px; }
  .p__xxxl--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__xxxl--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__xxxl--80 {
    padding: 80px; }
  .p__xxxl--t-80 {
    padding-top: 80px; }
  .p__xxxl--r-80 {
    padding-right: 80px; }
  .p__xxxl--b-80 {
    padding-bottom: 80px; }
  .p__xxxl--l-80 {
    padding-left: 80px; }
  .p__xxxl--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__xxxl--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__xxxl--150 {
    padding: 150px; }
  .p__xxxl--t-150 {
    padding-top: 150px; }
  .p__xxxl--r-150 {
    padding-right: 150px; }
  .p__xxxl--b-150 {
    padding-bottom: 150px; }
  .p__xxxl--l-150 {
    padding-left: 150px; }
  .p__xxxl--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__xxxl--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 1280px) {
  .p__xxl--15 {
    padding: 15px; }
  .p__xxl--t-15 {
    padding-top: 15px; }
  .p__xxl--r-15 {
    padding-right: 15px; }
  .p__xxl--b-15 {
    padding-bottom: 15px; }
  .p__xxl--l-15 {
    padding-left: 15px; }
  .p__xxl--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__xxl--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__xxl--20 {
    padding: 20px; }
  .p__xxl--t-20 {
    padding-top: 20px; }
  .p__xxl--r-20 {
    padding-right: 20px; }
  .p__xxl--b-20 {
    padding-bottom: 20px; }
  .p__xxl--l-20 {
    padding-left: 20px; }
  .p__xxl--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__xxl--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__xxl--35 {
    padding: 35px; }
  .p__xxl--t-35 {
    padding-top: 35px; }
  .p__xxl--r-35 {
    padding-right: 35px; }
  .p__xxl--b-35 {
    padding-bottom: 35px; }
  .p__xxl--l-35 {
    padding-left: 35px; }
  .p__xxl--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__xxl--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__xxl--40 {
    padding: 40px; }
  .p__xxl--t-40 {
    padding-top: 40px; }
  .p__xxl--r-40 {
    padding-right: 40px; }
  .p__xxl--b-40 {
    padding-bottom: 40px; }
  .p__xxl--l-40 {
    padding-left: 40px; }
  .p__xxl--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__xxl--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__xxl--45 {
    padding: 45px; }
  .p__xxl--t-45 {
    padding-top: 45px; }
  .p__xxl--r-45 {
    padding-right: 45px; }
  .p__xxl--b-45 {
    padding-bottom: 45px; }
  .p__xxl--l-45 {
    padding-left: 45px; }
  .p__xxl--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__xxl--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__xxl--80 {
    padding: 80px; }
  .p__xxl--t-80 {
    padding-top: 80px; }
  .p__xxl--r-80 {
    padding-right: 80px; }
  .p__xxl--b-80 {
    padding-bottom: 80px; }
  .p__xxl--l-80 {
    padding-left: 80px; }
  .p__xxl--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__xxl--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__xxl--150 {
    padding: 150px; }
  .p__xxl--t-150 {
    padding-top: 150px; }
  .p__xxl--r-150 {
    padding-right: 150px; }
  .p__xxl--b-150 {
    padding-bottom: 150px; }
  .p__xxl--l-150 {
    padding-left: 150px; }
  .p__xxl--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__xxl--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 1024px) {
  .p__xl--15 {
    padding: 15px; }
  .p__xl--t-15 {
    padding-top: 15px; }
  .p__xl--r-15 {
    padding-right: 15px; }
  .p__xl--b-15 {
    padding-bottom: 15px; }
  .p__xl--l-15 {
    padding-left: 15px; }
  .p__xl--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__xl--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__xl--20 {
    padding: 20px; }
  .p__xl--t-20 {
    padding-top: 20px; }
  .p__xl--r-20 {
    padding-right: 20px; }
  .p__xl--b-20 {
    padding-bottom: 20px; }
  .p__xl--l-20 {
    padding-left: 20px; }
  .p__xl--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__xl--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__xl--35 {
    padding: 35px; }
  .p__xl--t-35 {
    padding-top: 35px; }
  .p__xl--r-35 {
    padding-right: 35px; }
  .p__xl--b-35 {
    padding-bottom: 35px; }
  .p__xl--l-35 {
    padding-left: 35px; }
  .p__xl--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__xl--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__xl--40 {
    padding: 40px; }
  .p__xl--t-40 {
    padding-top: 40px; }
  .p__xl--r-40 {
    padding-right: 40px; }
  .p__xl--b-40 {
    padding-bottom: 40px; }
  .p__xl--l-40 {
    padding-left: 40px; }
  .p__xl--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__xl--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__xl--45 {
    padding: 45px; }
  .p__xl--t-45 {
    padding-top: 45px; }
  .p__xl--r-45 {
    padding-right: 45px; }
  .p__xl--b-45 {
    padding-bottom: 45px; }
  .p__xl--l-45 {
    padding-left: 45px; }
  .p__xl--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__xl--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__xl--80 {
    padding: 80px; }
  .p__xl--t-80 {
    padding-top: 80px; }
  .p__xl--r-80 {
    padding-right: 80px; }
  .p__xl--b-80 {
    padding-bottom: 80px; }
  .p__xl--l-80 {
    padding-left: 80px; }
  .p__xl--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__xl--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__xl--150 {
    padding: 150px; }
  .p__xl--t-150 {
    padding-top: 150px; }
  .p__xl--r-150 {
    padding-right: 150px; }
  .p__xl--b-150 {
    padding-bottom: 150px; }
  .p__xl--l-150 {
    padding-left: 150px; }
  .p__xl--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__xl--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 980px) {
  .p__l--15 {
    padding: 15px; }
  .p__l--t-15 {
    padding-top: 15px; }
  .p__l--r-15 {
    padding-right: 15px; }
  .p__l--b-15 {
    padding-bottom: 15px; }
  .p__l--l-15 {
    padding-left: 15px; }
  .p__l--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__l--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__l--20 {
    padding: 20px; }
  .p__l--t-20 {
    padding-top: 20px; }
  .p__l--r-20 {
    padding-right: 20px; }
  .p__l--b-20 {
    padding-bottom: 20px; }
  .p__l--l-20 {
    padding-left: 20px; }
  .p__l--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__l--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__l--35 {
    padding: 35px; }
  .p__l--t-35 {
    padding-top: 35px; }
  .p__l--r-35 {
    padding-right: 35px; }
  .p__l--b-35 {
    padding-bottom: 35px; }
  .p__l--l-35 {
    padding-left: 35px; }
  .p__l--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__l--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__l--40 {
    padding: 40px; }
  .p__l--t-40 {
    padding-top: 40px; }
  .p__l--r-40 {
    padding-right: 40px; }
  .p__l--b-40 {
    padding-bottom: 40px; }
  .p__l--l-40 {
    padding-left: 40px; }
  .p__l--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__l--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__l--45 {
    padding: 45px; }
  .p__l--t-45 {
    padding-top: 45px; }
  .p__l--r-45 {
    padding-right: 45px; }
  .p__l--b-45 {
    padding-bottom: 45px; }
  .p__l--l-45 {
    padding-left: 45px; }
  .p__l--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__l--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__l--80 {
    padding: 80px; }
  .p__l--t-80 {
    padding-top: 80px; }
  .p__l--r-80 {
    padding-right: 80px; }
  .p__l--b-80 {
    padding-bottom: 80px; }
  .p__l--l-80 {
    padding-left: 80px; }
  .p__l--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__l--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__l--150 {
    padding: 150px; }
  .p__l--t-150 {
    padding-top: 150px; }
  .p__l--r-150 {
    padding-right: 150px; }
  .p__l--b-150 {
    padding-bottom: 150px; }
  .p__l--l-150 {
    padding-left: 150px; }
  .p__l--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__l--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 768px) {
  .p__m--15 {
    padding: 15px; }
  .p__m--t-15 {
    padding-top: 15px; }
  .p__m--r-15 {
    padding-right: 15px; }
  .p__m--b-15 {
    padding-bottom: 15px; }
  .p__m--l-15 {
    padding-left: 15px; }
  .p__m--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__m--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__m--20 {
    padding: 20px; }
  .p__m--t-20 {
    padding-top: 20px; }
  .p__m--r-20 {
    padding-right: 20px; }
  .p__m--b-20 {
    padding-bottom: 20px; }
  .p__m--l-20 {
    padding-left: 20px; }
  .p__m--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__m--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__m--35 {
    padding: 35px; }
  .p__m--t-35 {
    padding-top: 35px; }
  .p__m--r-35 {
    padding-right: 35px; }
  .p__m--b-35 {
    padding-bottom: 35px; }
  .p__m--l-35 {
    padding-left: 35px; }
  .p__m--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__m--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__m--40 {
    padding: 40px; }
  .p__m--t-40 {
    padding-top: 40px; }
  .p__m--r-40 {
    padding-right: 40px; }
  .p__m--b-40 {
    padding-bottom: 40px; }
  .p__m--l-40 {
    padding-left: 40px; }
  .p__m--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__m--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__m--45 {
    padding: 45px; }
  .p__m--t-45 {
    padding-top: 45px; }
  .p__m--r-45 {
    padding-right: 45px; }
  .p__m--b-45 {
    padding-bottom: 45px; }
  .p__m--l-45 {
    padding-left: 45px; }
  .p__m--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__m--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__m--80 {
    padding: 80px; }
  .p__m--t-80 {
    padding-top: 80px; }
  .p__m--r-80 {
    padding-right: 80px; }
  .p__m--b-80 {
    padding-bottom: 80px; }
  .p__m--l-80 {
    padding-left: 80px; }
  .p__m--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__m--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__m--150 {
    padding: 150px; }
  .p__m--t-150 {
    padding-top: 150px; }
  .p__m--r-150 {
    padding-right: 150px; }
  .p__m--b-150 {
    padding-bottom: 150px; }
  .p__m--l-150 {
    padding-left: 150px; }
  .p__m--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__m--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 599px) {
  .p__s--15 {
    padding: 15px; }
  .p__s--t-15 {
    padding-top: 15px; }
  .p__s--r-15 {
    padding-right: 15px; }
  .p__s--b-15 {
    padding-bottom: 15px; }
  .p__s--l-15 {
    padding-left: 15px; }
  .p__s--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__s--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__s--20 {
    padding: 20px; }
  .p__s--t-20 {
    padding-top: 20px; }
  .p__s--r-20 {
    padding-right: 20px; }
  .p__s--b-20 {
    padding-bottom: 20px; }
  .p__s--l-20 {
    padding-left: 20px; }
  .p__s--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__s--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__s--35 {
    padding: 35px; }
  .p__s--t-35 {
    padding-top: 35px; }
  .p__s--r-35 {
    padding-right: 35px; }
  .p__s--b-35 {
    padding-bottom: 35px; }
  .p__s--l-35 {
    padding-left: 35px; }
  .p__s--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__s--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__s--40 {
    padding: 40px; }
  .p__s--t-40 {
    padding-top: 40px; }
  .p__s--r-40 {
    padding-right: 40px; }
  .p__s--b-40 {
    padding-bottom: 40px; }
  .p__s--l-40 {
    padding-left: 40px; }
  .p__s--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__s--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__s--45 {
    padding: 45px; }
  .p__s--t-45 {
    padding-top: 45px; }
  .p__s--r-45 {
    padding-right: 45px; }
  .p__s--b-45 {
    padding-bottom: 45px; }
  .p__s--l-45 {
    padding-left: 45px; }
  .p__s--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__s--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__s--80 {
    padding: 80px; }
  .p__s--t-80 {
    padding-top: 80px; }
  .p__s--r-80 {
    padding-right: 80px; }
  .p__s--b-80 {
    padding-bottom: 80px; }
  .p__s--l-80 {
    padding-left: 80px; }
  .p__s--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__s--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__s--150 {
    padding: 150px; }
  .p__s--t-150 {
    padding-top: 150px; }
  .p__s--r-150 {
    padding-right: 150px; }
  .p__s--b-150 {
    padding-bottom: 150px; }
  .p__s--l-150 {
    padding-left: 150px; }
  .p__s--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__s--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 500px) {
  .p__xs--15 {
    padding: 15px; }
  .p__xs--t-15 {
    padding-top: 15px; }
  .p__xs--r-15 {
    padding-right: 15px; }
  .p__xs--b-15 {
    padding-bottom: 15px; }
  .p__xs--l-15 {
    padding-left: 15px; }
  .p__xs--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__xs--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__xs--20 {
    padding: 20px; }
  .p__xs--t-20 {
    padding-top: 20px; }
  .p__xs--r-20 {
    padding-right: 20px; }
  .p__xs--b-20 {
    padding-bottom: 20px; }
  .p__xs--l-20 {
    padding-left: 20px; }
  .p__xs--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__xs--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__xs--35 {
    padding: 35px; }
  .p__xs--t-35 {
    padding-top: 35px; }
  .p__xs--r-35 {
    padding-right: 35px; }
  .p__xs--b-35 {
    padding-bottom: 35px; }
  .p__xs--l-35 {
    padding-left: 35px; }
  .p__xs--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__xs--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__xs--40 {
    padding: 40px; }
  .p__xs--t-40 {
    padding-top: 40px; }
  .p__xs--r-40 {
    padding-right: 40px; }
  .p__xs--b-40 {
    padding-bottom: 40px; }
  .p__xs--l-40 {
    padding-left: 40px; }
  .p__xs--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__xs--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__xs--45 {
    padding: 45px; }
  .p__xs--t-45 {
    padding-top: 45px; }
  .p__xs--r-45 {
    padding-right: 45px; }
  .p__xs--b-45 {
    padding-bottom: 45px; }
  .p__xs--l-45 {
    padding-left: 45px; }
  .p__xs--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__xs--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__xs--80 {
    padding: 80px; }
  .p__xs--t-80 {
    padding-top: 80px; }
  .p__xs--r-80 {
    padding-right: 80px; }
  .p__xs--b-80 {
    padding-bottom: 80px; }
  .p__xs--l-80 {
    padding-left: 80px; }
  .p__xs--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__xs--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__xs--150 {
    padding: 150px; }
  .p__xs--t-150 {
    padding-top: 150px; }
  .p__xs--r-150 {
    padding-right: 150px; }
  .p__xs--b-150 {
    padding-bottom: 150px; }
  .p__xs--l-150 {
    padding-left: 150px; }
  .p__xs--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__xs--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 435px) {
  .p__xxs--15 {
    padding: 15px; }
  .p__xxs--t-15 {
    padding-top: 15px; }
  .p__xxs--r-15 {
    padding-right: 15px; }
  .p__xxs--b-15 {
    padding-bottom: 15px; }
  .p__xxs--l-15 {
    padding-left: 15px; }
  .p__xxs--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__xxs--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__xxs--20 {
    padding: 20px; }
  .p__xxs--t-20 {
    padding-top: 20px; }
  .p__xxs--r-20 {
    padding-right: 20px; }
  .p__xxs--b-20 {
    padding-bottom: 20px; }
  .p__xxs--l-20 {
    padding-left: 20px; }
  .p__xxs--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__xxs--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__xxs--35 {
    padding: 35px; }
  .p__xxs--t-35 {
    padding-top: 35px; }
  .p__xxs--r-35 {
    padding-right: 35px; }
  .p__xxs--b-35 {
    padding-bottom: 35px; }
  .p__xxs--l-35 {
    padding-left: 35px; }
  .p__xxs--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__xxs--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__xxs--40 {
    padding: 40px; }
  .p__xxs--t-40 {
    padding-top: 40px; }
  .p__xxs--r-40 {
    padding-right: 40px; }
  .p__xxs--b-40 {
    padding-bottom: 40px; }
  .p__xxs--l-40 {
    padding-left: 40px; }
  .p__xxs--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__xxs--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__xxs--45 {
    padding: 45px; }
  .p__xxs--t-45 {
    padding-top: 45px; }
  .p__xxs--r-45 {
    padding-right: 45px; }
  .p__xxs--b-45 {
    padding-bottom: 45px; }
  .p__xxs--l-45 {
    padding-left: 45px; }
  .p__xxs--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__xxs--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__xxs--80 {
    padding: 80px; }
  .p__xxs--t-80 {
    padding-top: 80px; }
  .p__xxs--r-80 {
    padding-right: 80px; }
  .p__xxs--b-80 {
    padding-bottom: 80px; }
  .p__xxs--l-80 {
    padding-left: 80px; }
  .p__xxs--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__xxs--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__xxs--150 {
    padding: 150px; }
  .p__xxs--t-150 {
    padding-top: 150px; }
  .p__xxs--r-150 {
    padding-right: 150px; }
  .p__xxs--b-150 {
    padding-bottom: 150px; }
  .p__xxs--l-150 {
    padding-left: 150px; }
  .p__xxs--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__xxs--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

@media all and (max-width: 360px) {
  .p__xxxs--15 {
    padding: 15px; }
  .p__xxxs--t-15 {
    padding-top: 15px; }
  .p__xxxs--r-15 {
    padding-right: 15px; }
  .p__xxxs--b-15 {
    padding-bottom: 15px; }
  .p__xxxs--l-15 {
    padding-left: 15px; }
  .p__xxxs--x-15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p__xxxs--y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p__xxxs--20 {
    padding: 20px; }
  .p__xxxs--t-20 {
    padding-top: 20px; }
  .p__xxxs--r-20 {
    padding-right: 20px; }
  .p__xxxs--b-20 {
    padding-bottom: 20px; }
  .p__xxxs--l-20 {
    padding-left: 20px; }
  .p__xxxs--x-20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p__xxxs--y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p__xxxs--35 {
    padding: 35px; }
  .p__xxxs--t-35 {
    padding-top: 35px; }
  .p__xxxs--r-35 {
    padding-right: 35px; }
  .p__xxxs--b-35 {
    padding-bottom: 35px; }
  .p__xxxs--l-35 {
    padding-left: 35px; }
  .p__xxxs--x-35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p__xxxs--y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p__xxxs--40 {
    padding: 40px; }
  .p__xxxs--t-40 {
    padding-top: 40px; }
  .p__xxxs--r-40 {
    padding-right: 40px; }
  .p__xxxs--b-40 {
    padding-bottom: 40px; }
  .p__xxxs--l-40 {
    padding-left: 40px; }
  .p__xxxs--x-40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p__xxxs--y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p__xxxs--45 {
    padding: 45px; }
  .p__xxxs--t-45 {
    padding-top: 45px; }
  .p__xxxs--r-45 {
    padding-right: 45px; }
  .p__xxxs--b-45 {
    padding-bottom: 45px; }
  .p__xxxs--l-45 {
    padding-left: 45px; }
  .p__xxxs--x-45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p__xxxs--y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p__xxxs--80 {
    padding: 80px; }
  .p__xxxs--t-80 {
    padding-top: 80px; }
  .p__xxxs--r-80 {
    padding-right: 80px; }
  .p__xxxs--b-80 {
    padding-bottom: 80px; }
  .p__xxxs--l-80 {
    padding-left: 80px; }
  .p__xxxs--x-80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p__xxxs--y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p__xxxs--150 {
    padding: 150px; }
  .p__xxxs--t-150 {
    padding-top: 150px; }
  .p__xxxs--r-150 {
    padding-right: 150px; }
  .p__xxxs--b-150 {
    padding-bottom: 150px; }
  .p__xxxs--l-150 {
    padding-left: 150px; }
  .p__xxxs--x-150 {
    padding-left: 150px;
    padding-right: 150px; }
  .p__xxxs--y-150 {
    padding-top: 150px;
    padding-bottom: 150px; } }

.m--15 {
  margin: 15px; }

.m--t-15 {
  margin-top: 15px; }

.m--r-15 {
  margin-right: 15px; }

.m--b-15 {
  margin-bottom: 15px; }

.m--l-15 {
  margin-left: 15px; }

.m--x-15 {
  margin-left: 15px;
  margin-right: 15px; }

.m--y-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.m--20 {
  margin: 20px; }

.m--t-20 {
  margin-top: 20px; }

.m--r-20 {
  margin-right: 20px; }

.m--b-20 {
  margin-bottom: 20px; }

.m--l-20 {
  margin-left: 20px; }

.m--x-20 {
  margin-left: 20px;
  margin-right: 20px; }

.m--y-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.m--35 {
  margin: 35px; }

.m--t-35 {
  margin-top: 35px; }

.m--r-35 {
  margin-right: 35px; }

.m--b-35 {
  margin-bottom: 35px; }

.m--l-35 {
  margin-left: 35px; }

.m--x-35 {
  margin-left: 35px;
  margin-right: 35px; }

.m--y-35 {
  margin-top: 35px;
  margin-bottom: 35px; }

.m--40 {
  margin: 40px; }

.m--t-40 {
  margin-top: 40px; }

.m--r-40 {
  margin-right: 40px; }

.m--b-40 {
  margin-bottom: 40px; }

.m--l-40 {
  margin-left: 40px; }

.m--x-40 {
  margin-left: 40px;
  margin-right: 40px; }

.m--y-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.m--45 {
  margin: 45px; }

.m--t-45 {
  margin-top: 45px; }

.m--r-45 {
  margin-right: 45px; }

.m--b-45 {
  margin-bottom: 45px; }

.m--l-45 {
  margin-left: 45px; }

.m--x-45 {
  margin-left: 45px;
  margin-right: 45px; }

.m--y-45 {
  margin-top: 45px;
  margin-bottom: 45px; }

.m--80 {
  margin: 80px; }

.m--t-80 {
  margin-top: 80px; }

.m--r-80 {
  margin-right: 80px; }

.m--b-80 {
  margin-bottom: 80px; }

.m--l-80 {
  margin-left: 80px; }

.m--x-80 {
  margin-left: 80px;
  margin-right: 80px; }

.m--y-80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.m--150 {
  margin: 150px; }

.m--t-150 {
  margin-top: 150px; }

.m--r-150 {
  margin-right: 150px; }

.m--b-150 {
  margin-bottom: 150px; }

.m--l-150 {
  margin-left: 150px; }

.m--x-150 {
  margin-left: 150px;
  margin-right: 150px; }

.m--y-150 {
  margin-top: 150px;
  margin-bottom: 150px; }

@media all and (max-width: 1400px) {
  .m__xxxl--15 {
    margin: 15px; }
  .m__xxxl--t-15 {
    margin-top: 15px; }
  .m__xxxl--r-15 {
    margin-right: 15px; }
  .m__xxxl--b-15 {
    margin-bottom: 15px; }
  .m__xxxl--l-15 {
    margin-left: 15px; }
  .m__xxxl--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__xxxl--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__xxxl--20 {
    margin: 20px; }
  .m__xxxl--t-20 {
    margin-top: 20px; }
  .m__xxxl--r-20 {
    margin-right: 20px; }
  .m__xxxl--b-20 {
    margin-bottom: 20px; }
  .m__xxxl--l-20 {
    margin-left: 20px; }
  .m__xxxl--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__xxxl--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__xxxl--35 {
    margin: 35px; }
  .m__xxxl--t-35 {
    margin-top: 35px; }
  .m__xxxl--r-35 {
    margin-right: 35px; }
  .m__xxxl--b-35 {
    margin-bottom: 35px; }
  .m__xxxl--l-35 {
    margin-left: 35px; }
  .m__xxxl--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__xxxl--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__xxxl--40 {
    margin: 40px; }
  .m__xxxl--t-40 {
    margin-top: 40px; }
  .m__xxxl--r-40 {
    margin-right: 40px; }
  .m__xxxl--b-40 {
    margin-bottom: 40px; }
  .m__xxxl--l-40 {
    margin-left: 40px; }
  .m__xxxl--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__xxxl--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__xxxl--45 {
    margin: 45px; }
  .m__xxxl--t-45 {
    margin-top: 45px; }
  .m__xxxl--r-45 {
    margin-right: 45px; }
  .m__xxxl--b-45 {
    margin-bottom: 45px; }
  .m__xxxl--l-45 {
    margin-left: 45px; }
  .m__xxxl--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__xxxl--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__xxxl--80 {
    margin: 80px; }
  .m__xxxl--t-80 {
    margin-top: 80px; }
  .m__xxxl--r-80 {
    margin-right: 80px; }
  .m__xxxl--b-80 {
    margin-bottom: 80px; }
  .m__xxxl--l-80 {
    margin-left: 80px; }
  .m__xxxl--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__xxxl--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__xxxl--150 {
    margin: 150px; }
  .m__xxxl--t-150 {
    margin-top: 150px; }
  .m__xxxl--r-150 {
    margin-right: 150px; }
  .m__xxxl--b-150 {
    margin-bottom: 150px; }
  .m__xxxl--l-150 {
    margin-left: 150px; }
  .m__xxxl--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__xxxl--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 1280px) {
  .m__xxl--15 {
    margin: 15px; }
  .m__xxl--t-15 {
    margin-top: 15px; }
  .m__xxl--r-15 {
    margin-right: 15px; }
  .m__xxl--b-15 {
    margin-bottom: 15px; }
  .m__xxl--l-15 {
    margin-left: 15px; }
  .m__xxl--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__xxl--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__xxl--20 {
    margin: 20px; }
  .m__xxl--t-20 {
    margin-top: 20px; }
  .m__xxl--r-20 {
    margin-right: 20px; }
  .m__xxl--b-20 {
    margin-bottom: 20px; }
  .m__xxl--l-20 {
    margin-left: 20px; }
  .m__xxl--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__xxl--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__xxl--35 {
    margin: 35px; }
  .m__xxl--t-35 {
    margin-top: 35px; }
  .m__xxl--r-35 {
    margin-right: 35px; }
  .m__xxl--b-35 {
    margin-bottom: 35px; }
  .m__xxl--l-35 {
    margin-left: 35px; }
  .m__xxl--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__xxl--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__xxl--40 {
    margin: 40px; }
  .m__xxl--t-40 {
    margin-top: 40px; }
  .m__xxl--r-40 {
    margin-right: 40px; }
  .m__xxl--b-40 {
    margin-bottom: 40px; }
  .m__xxl--l-40 {
    margin-left: 40px; }
  .m__xxl--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__xxl--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__xxl--45 {
    margin: 45px; }
  .m__xxl--t-45 {
    margin-top: 45px; }
  .m__xxl--r-45 {
    margin-right: 45px; }
  .m__xxl--b-45 {
    margin-bottom: 45px; }
  .m__xxl--l-45 {
    margin-left: 45px; }
  .m__xxl--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__xxl--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__xxl--80 {
    margin: 80px; }
  .m__xxl--t-80 {
    margin-top: 80px; }
  .m__xxl--r-80 {
    margin-right: 80px; }
  .m__xxl--b-80 {
    margin-bottom: 80px; }
  .m__xxl--l-80 {
    margin-left: 80px; }
  .m__xxl--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__xxl--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__xxl--150 {
    margin: 150px; }
  .m__xxl--t-150 {
    margin-top: 150px; }
  .m__xxl--r-150 {
    margin-right: 150px; }
  .m__xxl--b-150 {
    margin-bottom: 150px; }
  .m__xxl--l-150 {
    margin-left: 150px; }
  .m__xxl--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__xxl--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 1024px) {
  .m__xl--15 {
    margin: 15px; }
  .m__xl--t-15 {
    margin-top: 15px; }
  .m__xl--r-15 {
    margin-right: 15px; }
  .m__xl--b-15 {
    margin-bottom: 15px; }
  .m__xl--l-15 {
    margin-left: 15px; }
  .m__xl--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__xl--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__xl--20 {
    margin: 20px; }
  .m__xl--t-20 {
    margin-top: 20px; }
  .m__xl--r-20 {
    margin-right: 20px; }
  .m__xl--b-20 {
    margin-bottom: 20px; }
  .m__xl--l-20 {
    margin-left: 20px; }
  .m__xl--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__xl--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__xl--35 {
    margin: 35px; }
  .m__xl--t-35 {
    margin-top: 35px; }
  .m__xl--r-35 {
    margin-right: 35px; }
  .m__xl--b-35 {
    margin-bottom: 35px; }
  .m__xl--l-35 {
    margin-left: 35px; }
  .m__xl--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__xl--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__xl--40 {
    margin: 40px; }
  .m__xl--t-40 {
    margin-top: 40px; }
  .m__xl--r-40 {
    margin-right: 40px; }
  .m__xl--b-40 {
    margin-bottom: 40px; }
  .m__xl--l-40 {
    margin-left: 40px; }
  .m__xl--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__xl--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__xl--45 {
    margin: 45px; }
  .m__xl--t-45 {
    margin-top: 45px; }
  .m__xl--r-45 {
    margin-right: 45px; }
  .m__xl--b-45 {
    margin-bottom: 45px; }
  .m__xl--l-45 {
    margin-left: 45px; }
  .m__xl--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__xl--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__xl--80 {
    margin: 80px; }
  .m__xl--t-80 {
    margin-top: 80px; }
  .m__xl--r-80 {
    margin-right: 80px; }
  .m__xl--b-80 {
    margin-bottom: 80px; }
  .m__xl--l-80 {
    margin-left: 80px; }
  .m__xl--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__xl--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__xl--150 {
    margin: 150px; }
  .m__xl--t-150 {
    margin-top: 150px; }
  .m__xl--r-150 {
    margin-right: 150px; }
  .m__xl--b-150 {
    margin-bottom: 150px; }
  .m__xl--l-150 {
    margin-left: 150px; }
  .m__xl--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__xl--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 980px) {
  .m__l--15 {
    margin: 15px; }
  .m__l--t-15 {
    margin-top: 15px; }
  .m__l--r-15 {
    margin-right: 15px; }
  .m__l--b-15 {
    margin-bottom: 15px; }
  .m__l--l-15 {
    margin-left: 15px; }
  .m__l--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__l--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__l--20 {
    margin: 20px; }
  .m__l--t-20 {
    margin-top: 20px; }
  .m__l--r-20 {
    margin-right: 20px; }
  .m__l--b-20 {
    margin-bottom: 20px; }
  .m__l--l-20 {
    margin-left: 20px; }
  .m__l--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__l--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__l--35 {
    margin: 35px; }
  .m__l--t-35 {
    margin-top: 35px; }
  .m__l--r-35 {
    margin-right: 35px; }
  .m__l--b-35 {
    margin-bottom: 35px; }
  .m__l--l-35 {
    margin-left: 35px; }
  .m__l--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__l--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__l--40 {
    margin: 40px; }
  .m__l--t-40 {
    margin-top: 40px; }
  .m__l--r-40 {
    margin-right: 40px; }
  .m__l--b-40 {
    margin-bottom: 40px; }
  .m__l--l-40 {
    margin-left: 40px; }
  .m__l--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__l--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__l--45 {
    margin: 45px; }
  .m__l--t-45 {
    margin-top: 45px; }
  .m__l--r-45 {
    margin-right: 45px; }
  .m__l--b-45 {
    margin-bottom: 45px; }
  .m__l--l-45 {
    margin-left: 45px; }
  .m__l--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__l--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__l--80 {
    margin: 80px; }
  .m__l--t-80 {
    margin-top: 80px; }
  .m__l--r-80 {
    margin-right: 80px; }
  .m__l--b-80 {
    margin-bottom: 80px; }
  .m__l--l-80 {
    margin-left: 80px; }
  .m__l--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__l--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__l--150 {
    margin: 150px; }
  .m__l--t-150 {
    margin-top: 150px; }
  .m__l--r-150 {
    margin-right: 150px; }
  .m__l--b-150 {
    margin-bottom: 150px; }
  .m__l--l-150 {
    margin-left: 150px; }
  .m__l--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__l--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 768px) {
  .m__m--15 {
    margin: 15px; }
  .m__m--t-15 {
    margin-top: 15px; }
  .m__m--r-15 {
    margin-right: 15px; }
  .m__m--b-15 {
    margin-bottom: 15px; }
  .m__m--l-15 {
    margin-left: 15px; }
  .m__m--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__m--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__m--20 {
    margin: 20px; }
  .m__m--t-20 {
    margin-top: 20px; }
  .m__m--r-20 {
    margin-right: 20px; }
  .m__m--b-20 {
    margin-bottom: 20px; }
  .m__m--l-20 {
    margin-left: 20px; }
  .m__m--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__m--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__m--35 {
    margin: 35px; }
  .m__m--t-35 {
    margin-top: 35px; }
  .m__m--r-35 {
    margin-right: 35px; }
  .m__m--b-35 {
    margin-bottom: 35px; }
  .m__m--l-35 {
    margin-left: 35px; }
  .m__m--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__m--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__m--40 {
    margin: 40px; }
  .m__m--t-40 {
    margin-top: 40px; }
  .m__m--r-40 {
    margin-right: 40px; }
  .m__m--b-40 {
    margin-bottom: 40px; }
  .m__m--l-40 {
    margin-left: 40px; }
  .m__m--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__m--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__m--45 {
    margin: 45px; }
  .m__m--t-45 {
    margin-top: 45px; }
  .m__m--r-45 {
    margin-right: 45px; }
  .m__m--b-45 {
    margin-bottom: 45px; }
  .m__m--l-45 {
    margin-left: 45px; }
  .m__m--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__m--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__m--80 {
    margin: 80px; }
  .m__m--t-80 {
    margin-top: 80px; }
  .m__m--r-80 {
    margin-right: 80px; }
  .m__m--b-80 {
    margin-bottom: 80px; }
  .m__m--l-80 {
    margin-left: 80px; }
  .m__m--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__m--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__m--150 {
    margin: 150px; }
  .m__m--t-150 {
    margin-top: 150px; }
  .m__m--r-150 {
    margin-right: 150px; }
  .m__m--b-150 {
    margin-bottom: 150px; }
  .m__m--l-150 {
    margin-left: 150px; }
  .m__m--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__m--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 599px) {
  .m__s--15 {
    margin: 15px; }
  .m__s--t-15 {
    margin-top: 15px; }
  .m__s--r-15 {
    margin-right: 15px; }
  .m__s--b-15 {
    margin-bottom: 15px; }
  .m__s--l-15 {
    margin-left: 15px; }
  .m__s--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__s--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__s--20 {
    margin: 20px; }
  .m__s--t-20 {
    margin-top: 20px; }
  .m__s--r-20 {
    margin-right: 20px; }
  .m__s--b-20 {
    margin-bottom: 20px; }
  .m__s--l-20 {
    margin-left: 20px; }
  .m__s--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__s--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__s--35 {
    margin: 35px; }
  .m__s--t-35 {
    margin-top: 35px; }
  .m__s--r-35 {
    margin-right: 35px; }
  .m__s--b-35 {
    margin-bottom: 35px; }
  .m__s--l-35 {
    margin-left: 35px; }
  .m__s--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__s--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__s--40 {
    margin: 40px; }
  .m__s--t-40 {
    margin-top: 40px; }
  .m__s--r-40 {
    margin-right: 40px; }
  .m__s--b-40 {
    margin-bottom: 40px; }
  .m__s--l-40 {
    margin-left: 40px; }
  .m__s--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__s--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__s--45 {
    margin: 45px; }
  .m__s--t-45 {
    margin-top: 45px; }
  .m__s--r-45 {
    margin-right: 45px; }
  .m__s--b-45 {
    margin-bottom: 45px; }
  .m__s--l-45 {
    margin-left: 45px; }
  .m__s--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__s--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__s--80 {
    margin: 80px; }
  .m__s--t-80 {
    margin-top: 80px; }
  .m__s--r-80 {
    margin-right: 80px; }
  .m__s--b-80 {
    margin-bottom: 80px; }
  .m__s--l-80 {
    margin-left: 80px; }
  .m__s--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__s--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__s--150 {
    margin: 150px; }
  .m__s--t-150 {
    margin-top: 150px; }
  .m__s--r-150 {
    margin-right: 150px; }
  .m__s--b-150 {
    margin-bottom: 150px; }
  .m__s--l-150 {
    margin-left: 150px; }
  .m__s--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__s--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 500px) {
  .m__xs--15 {
    margin: 15px; }
  .m__xs--t-15 {
    margin-top: 15px; }
  .m__xs--r-15 {
    margin-right: 15px; }
  .m__xs--b-15 {
    margin-bottom: 15px; }
  .m__xs--l-15 {
    margin-left: 15px; }
  .m__xs--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__xs--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__xs--20 {
    margin: 20px; }
  .m__xs--t-20 {
    margin-top: 20px; }
  .m__xs--r-20 {
    margin-right: 20px; }
  .m__xs--b-20 {
    margin-bottom: 20px; }
  .m__xs--l-20 {
    margin-left: 20px; }
  .m__xs--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__xs--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__xs--35 {
    margin: 35px; }
  .m__xs--t-35 {
    margin-top: 35px; }
  .m__xs--r-35 {
    margin-right: 35px; }
  .m__xs--b-35 {
    margin-bottom: 35px; }
  .m__xs--l-35 {
    margin-left: 35px; }
  .m__xs--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__xs--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__xs--40 {
    margin: 40px; }
  .m__xs--t-40 {
    margin-top: 40px; }
  .m__xs--r-40 {
    margin-right: 40px; }
  .m__xs--b-40 {
    margin-bottom: 40px; }
  .m__xs--l-40 {
    margin-left: 40px; }
  .m__xs--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__xs--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__xs--45 {
    margin: 45px; }
  .m__xs--t-45 {
    margin-top: 45px; }
  .m__xs--r-45 {
    margin-right: 45px; }
  .m__xs--b-45 {
    margin-bottom: 45px; }
  .m__xs--l-45 {
    margin-left: 45px; }
  .m__xs--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__xs--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__xs--80 {
    margin: 80px; }
  .m__xs--t-80 {
    margin-top: 80px; }
  .m__xs--r-80 {
    margin-right: 80px; }
  .m__xs--b-80 {
    margin-bottom: 80px; }
  .m__xs--l-80 {
    margin-left: 80px; }
  .m__xs--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__xs--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__xs--150 {
    margin: 150px; }
  .m__xs--t-150 {
    margin-top: 150px; }
  .m__xs--r-150 {
    margin-right: 150px; }
  .m__xs--b-150 {
    margin-bottom: 150px; }
  .m__xs--l-150 {
    margin-left: 150px; }
  .m__xs--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__xs--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 435px) {
  .m__xxs--15 {
    margin: 15px; }
  .m__xxs--t-15 {
    margin-top: 15px; }
  .m__xxs--r-15 {
    margin-right: 15px; }
  .m__xxs--b-15 {
    margin-bottom: 15px; }
  .m__xxs--l-15 {
    margin-left: 15px; }
  .m__xxs--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__xxs--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__xxs--20 {
    margin: 20px; }
  .m__xxs--t-20 {
    margin-top: 20px; }
  .m__xxs--r-20 {
    margin-right: 20px; }
  .m__xxs--b-20 {
    margin-bottom: 20px; }
  .m__xxs--l-20 {
    margin-left: 20px; }
  .m__xxs--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__xxs--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__xxs--35 {
    margin: 35px; }
  .m__xxs--t-35 {
    margin-top: 35px; }
  .m__xxs--r-35 {
    margin-right: 35px; }
  .m__xxs--b-35 {
    margin-bottom: 35px; }
  .m__xxs--l-35 {
    margin-left: 35px; }
  .m__xxs--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__xxs--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__xxs--40 {
    margin: 40px; }
  .m__xxs--t-40 {
    margin-top: 40px; }
  .m__xxs--r-40 {
    margin-right: 40px; }
  .m__xxs--b-40 {
    margin-bottom: 40px; }
  .m__xxs--l-40 {
    margin-left: 40px; }
  .m__xxs--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__xxs--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__xxs--45 {
    margin: 45px; }
  .m__xxs--t-45 {
    margin-top: 45px; }
  .m__xxs--r-45 {
    margin-right: 45px; }
  .m__xxs--b-45 {
    margin-bottom: 45px; }
  .m__xxs--l-45 {
    margin-left: 45px; }
  .m__xxs--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__xxs--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__xxs--80 {
    margin: 80px; }
  .m__xxs--t-80 {
    margin-top: 80px; }
  .m__xxs--r-80 {
    margin-right: 80px; }
  .m__xxs--b-80 {
    margin-bottom: 80px; }
  .m__xxs--l-80 {
    margin-left: 80px; }
  .m__xxs--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__xxs--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__xxs--150 {
    margin: 150px; }
  .m__xxs--t-150 {
    margin-top: 150px; }
  .m__xxs--r-150 {
    margin-right: 150px; }
  .m__xxs--b-150 {
    margin-bottom: 150px; }
  .m__xxs--l-150 {
    margin-left: 150px; }
  .m__xxs--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__xxs--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

@media all and (max-width: 360px) {
  .m__xxxs--15 {
    margin: 15px; }
  .m__xxxs--t-15 {
    margin-top: 15px; }
  .m__xxxs--r-15 {
    margin-right: 15px; }
  .m__xxxs--b-15 {
    margin-bottom: 15px; }
  .m__xxxs--l-15 {
    margin-left: 15px; }
  .m__xxxs--x-15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m__xxxs--y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .m__xxxs--20 {
    margin: 20px; }
  .m__xxxs--t-20 {
    margin-top: 20px; }
  .m__xxxs--r-20 {
    margin-right: 20px; }
  .m__xxxs--b-20 {
    margin-bottom: 20px; }
  .m__xxxs--l-20 {
    margin-left: 20px; }
  .m__xxxs--x-20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m__xxxs--y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .m__xxxs--35 {
    margin: 35px; }
  .m__xxxs--t-35 {
    margin-top: 35px; }
  .m__xxxs--r-35 {
    margin-right: 35px; }
  .m__xxxs--b-35 {
    margin-bottom: 35px; }
  .m__xxxs--l-35 {
    margin-left: 35px; }
  .m__xxxs--x-35 {
    margin-left: 35px;
    margin-right: 35px; }
  .m__xxxs--y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }
  .m__xxxs--40 {
    margin: 40px; }
  .m__xxxs--t-40 {
    margin-top: 40px; }
  .m__xxxs--r-40 {
    margin-right: 40px; }
  .m__xxxs--b-40 {
    margin-bottom: 40px; }
  .m__xxxs--l-40 {
    margin-left: 40px; }
  .m__xxxs--x-40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m__xxxs--y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .m__xxxs--45 {
    margin: 45px; }
  .m__xxxs--t-45 {
    margin-top: 45px; }
  .m__xxxs--r-45 {
    margin-right: 45px; }
  .m__xxxs--b-45 {
    margin-bottom: 45px; }
  .m__xxxs--l-45 {
    margin-left: 45px; }
  .m__xxxs--x-45 {
    margin-left: 45px;
    margin-right: 45px; }
  .m__xxxs--y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }
  .m__xxxs--80 {
    margin: 80px; }
  .m__xxxs--t-80 {
    margin-top: 80px; }
  .m__xxxs--r-80 {
    margin-right: 80px; }
  .m__xxxs--b-80 {
    margin-bottom: 80px; }
  .m__xxxs--l-80 {
    margin-left: 80px; }
  .m__xxxs--x-80 {
    margin-left: 80px;
    margin-right: 80px; }
  .m__xxxs--y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }
  .m__xxxs--150 {
    margin: 150px; }
  .m__xxxs--t-150 {
    margin-top: 150px; }
  .m__xxxs--r-150 {
    margin-right: 150px; }
  .m__xxxs--b-150 {
    margin-bottom: 150px; }
  .m__xxxs--l-150 {
    margin-left: 150px; }
  .m__xxxs--x-150 {
    margin-left: 150px;
    margin-right: 150px; }
  .m__xxxs--y-150 {
    margin-top: 150px;
    margin-bottom: 150px; } }

/* PADDING & MARGIN CLASSES END */
/****************/
/* GRID CLASSES */
/****************/
[class*="grid--"] > * {
  display: inline-block;
  vertical-align: top; }

.grid--1 > * {
  width: 100%;
  font-size: 18px; }

.grid--2 > * {
  width: 50%;
  font-size: 18px; }

.grid--3 > * {
  width: 33.3333333333%;
  font-size: 18px; }

.grid--4 > * {
  width: 25%;
  font-size: 18px; }

@media all and (max-width: 1400px) {
  .grid__xxxl--1 > * {
    width: 100%; }
  .grid__xxxl--2 > * {
    width: 50%; }
  .grid__xxxl--3 > * {
    width: 33.3333333333%; }
  .grid__xxxl--4 > * {
    width: 25%; } }

@media all and (max-width: 1280px) {
  .grid__xxl--1 > * {
    width: 100%; }
  .grid__xxl--2 > * {
    width: 50%; }
  .grid__xxl--3 > * {
    width: 33.3333333333%; }
  .grid__xxl--4 > * {
    width: 25%; } }

@media all and (max-width: 1024px) {
  .grid__xl--1 > * {
    width: 100%; }
  .grid__xl--2 > * {
    width: 50%; }
  .grid__xl--3 > * {
    width: 33.3333333333%; }
  .grid__xl--4 > * {
    width: 25%; } }

@media all and (max-width: 980px) {
  .grid__l--1 > * {
    width: 100%; }
  .grid__l--2 > * {
    width: 50%; }
  .grid__l--3 > * {
    width: 33.3333333333%; }
  .grid__l--4 > * {
    width: 25%; } }

@media all and (max-width: 768px) {
  .grid__m--1 > * {
    width: 100%; }
  .grid__m--2 > * {
    width: 50%; }
  .grid__m--3 > * {
    width: 33.3333333333%; }
  .grid__m--4 > * {
    width: 25%; } }

@media all and (max-width: 599px) {
  .grid__s--1 > * {
    width: 100%; }
  .grid__s--2 > * {
    width: 50%; }
  .grid__s--3 > * {
    width: 33.3333333333%; }
  .grid__s--4 > * {
    width: 25%; } }

@media all and (max-width: 500px) {
  .grid__xs--1 > * {
    width: 100%; }
  .grid__xs--2 > * {
    width: 50%; }
  .grid__xs--3 > * {
    width: 33.3333333333%; }
  .grid__xs--4 > * {
    width: 25%; } }

@media all and (max-width: 435px) {
  .grid__xxs--1 > * {
    width: 100%; }
  .grid__xxs--2 > * {
    width: 50%; }
  .grid__xxs--3 > * {
    width: 33.3333333333%; }
  .grid__xxs--4 > * {
    width: 25%; } }

@media all and (max-width: 360px) {
  .grid__xxxs--1 > * {
    width: 100%; }
  .grid__xxxs--2 > * {
    width: 50%; }
  .grid__xxxs--3 > * {
    width: 33.3333333333%; }
  .grid__xxxs--4 > * {
    width: 25%; } }

/* GRID CLASSES END */
/******************/
/* GUTTER CLASSES */
/******************/
.gutters--15 {
  margin: -8px; }
  .gutters--15 > * {
    padding: 8px;
    box-sizing: border-box; }

.gutters--x-15 {
  margin-left: -8px;
  margin-right: -8px; }
  .gutters--x-15 > * {
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box; }

.gutters--y-15 {
  margin-top: -8px;
  margin-bottom: -8px; }
  .gutters--y-15 > * {
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box; }

.gutters--30 {
  margin: -15px; }
  .gutters--30 > * {
    padding: 15px;
    box-sizing: border-box; }

.gutters--x-30 {
  margin-left: -15px;
  margin-right: -15px; }
  .gutters--x-30 > * {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; }

.gutters--y-30 {
  margin-top: -15px;
  margin-bottom: -15px; }
  .gutters--y-30 > * {
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box; }

@media all and (max-width: 1400px) {
  .gutters__xxxl--15 {
    margin: -8px; }
    .gutters__xxxl--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__xxxl--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__xxxl--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__xxxl--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__xxxl--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__xxxl--30 {
    margin: -15px; }
    .gutters__xxxl--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__xxxl--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__xxxl--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__xxxl--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__xxxl--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 1280px) {
  .gutters__xxl--15 {
    margin: -8px; }
    .gutters__xxl--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__xxl--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__xxl--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__xxl--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__xxl--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__xxl--30 {
    margin: -15px; }
    .gutters__xxl--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__xxl--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__xxl--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__xxl--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__xxl--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 1024px) {
  .gutters__xl--15 {
    margin: -8px; }
    .gutters__xl--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__xl--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__xl--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__xl--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__xl--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__xl--30 {
    margin: -15px; }
    .gutters__xl--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__xl--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__xl--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__xl--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__xl--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 980px) {
  .gutters__l--15 {
    margin: -8px; }
    .gutters__l--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__l--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__l--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__l--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__l--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__l--30 {
    margin: -15px; }
    .gutters__l--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__l--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__l--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__l--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__l--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 768px) {
  .gutters__m--15 {
    margin: -8px; }
    .gutters__m--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__m--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__m--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__m--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__m--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__m--30 {
    margin: -15px; }
    .gutters__m--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__m--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__m--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__m--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__m--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 599px) {
  .gutters__s--15 {
    margin: -8px; }
    .gutters__s--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__s--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__s--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__s--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__s--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__s--30 {
    margin: -15px; }
    .gutters__s--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__s--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__s--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__s--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__s--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 500px) {
  .gutters__xs--15 {
    margin: -8px; }
    .gutters__xs--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__xs--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__xs--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__xs--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__xs--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__xs--30 {
    margin: -15px; }
    .gutters__xs--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__xs--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__xs--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__xs--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__xs--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 435px) {
  .gutters__xxs--15 {
    margin: -8px; }
    .gutters__xxs--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__xxs--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__xxs--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__xxs--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__xxs--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__xxs--30 {
    margin: -15px; }
    .gutters__xxs--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__xxs--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__xxs--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__xxs--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__xxs--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

@media all and (max-width: 360px) {
  .gutters__xxxs--15 {
    margin: -8px; }
    .gutters__xxxs--15 > * {
      padding: 8px;
      box-sizing: border-box; }
  .gutters__xxxs--x-15 {
    margin-left: -8px;
    margin-right: -8px; }
    .gutters__xxxs--x-15 > * {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box; }
  .gutters__xxxs--y-15 {
    margin-top: -8px;
    margin-bottom: -8px; }
    .gutters__xxxs--y-15 > * {
      padding-top: 8px;
      padding-bottom: 8px;
      box-sizing: border-box; }
  .gutters__xxxs--30 {
    margin: -15px; }
    .gutters__xxxs--30 > * {
      padding: 15px;
      box-sizing: border-box; }
  .gutters__xxxs--x-30 {
    margin-left: -15px;
    margin-right: -15px; }
    .gutters__xxxs--x-30 > * {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
  .gutters__xxxs--y-30 {
    margin-top: -15px;
    margin-bottom: -15px; }
    .gutters__xxxs--y-30 > * {
      padding-top: 15px;
      padding-bottom: 15px;
      box-sizing: border-box; } }

/* GUTTER CLASSES END */
/******************/
/* HIDDEN CLASSES */
/******************/
.hidden {
  display: none; }

@media all and (max-width: 1400px) {
  .hidden__xxxl-down {
    display: none; } }

@media all and (min-width: 1400px) {
  .hidden__xxxl-up {
    display: none; } }

@media all and (max-width: 1280px) {
  .hidden__xxl-down {
    display: none; } }

@media all and (min-width: 1280px) {
  .hidden__xxl-up {
    display: none; } }

@media all and (max-width: 1024px) {
  .hidden__xl-down {
    display: none; } }

@media all and (min-width: 1024px) {
  .hidden__xl-up {
    display: none; } }

@media all and (max-width: 980px) {
  .hidden__l-down {
    display: none; } }

@media all and (min-width: 980px) {
  .hidden__l-up {
    display: none; } }

@media all and (max-width: 768px) {
  .hidden__m-down {
    display: none; } }

@media all and (min-width: 768px) {
  .hidden__m-up {
    display: none; } }

@media all and (max-width: 599px) {
  .hidden__s-down {
    display: none; } }

@media all and (min-width: 599px) {
  .hidden__s-up {
    display: none; } }

@media all and (max-width: 500px) {
  .hidden__xs-down {
    display: none; } }

@media all and (min-width: 500px) {
  .hidden__xs-up {
    display: none; } }

@media all and (max-width: 435px) {
  .hidden__xxs-down {
    display: none; } }

@media all and (min-width: 435px) {
  .hidden__xxs-up {
    display: none; } }

@media all and (max-width: 360px) {
  .hidden__xxxs-down {
    display: none; } }

@media all and (min-width: 360px) {
  .hidden__xxxs-up {
    display: none; } }

/* HIDDEN CLASSES END */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0;
  width: 35px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  outline: none; }

.hamburger-box {
  width: 35px;
  height: 35px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 35px;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

/*
           * 3DX
           */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg); }

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
           * 3DX Reverse
           */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg); }

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
           * 3DY
           */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg); }

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
           * 3DY Reverse
           */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg); }

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
           * 3DXY
           */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg); }

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
           * 3DXY Reverse
           */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
           * Arrow
           */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
           * Arrow Right
           */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
           * Arrow Alt
           */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
           * Arrow Alt Right
           */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
         * Arrow Turn
         */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
         * Arrow Turn Right
         */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
           * Boring
           */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; }

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg); }

/*
           * Collapse
           */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                   * Collapse Reverse
                   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                           * Elastic
                           */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease; }

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0; }

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s; }

/*
                               * Elastic Reverse
                               */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease; }

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0; }

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s; }

/*
                                   * Emphatic
                                   */
.hamburger--emphatic {
  overflow: hidden; }

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in; }

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent; }

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
                                       * Emphatic Reverse
                                       */
.hamburger--emphatic-r {
  overflow: hidden; }

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in; }

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent; }

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
                                           * Minus
                                           */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
                                           * Slider
                                           */
.hamburger--slider .hamburger-inner {
  top: 2px; }

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s; }

.hamburger--slider .hamburger-inner::after {
  top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
                                               * Slider Reverse
                                               */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s; }

.hamburger--slider-r .hamburger-inner::after {
  top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0; }

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
                                                   * Spin
                                                   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                                                           * Spin Reverse
                                                           */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                                                                   * Spring
                                                                   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }

.hamburger--spring .hamburger-inner::before {
  top: 15px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring .hamburger-inner::after {
  top: 30px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent; }

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
                                                                   * Spring Reverse
                                                                   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                                                                           * Stand
                                                                           */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                                                                           * Stand Reverse
                                                                           */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                                                                           * Squeeze
                                                                           */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease; }

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
                                                                                   * Vortex
                                                                                   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear; }

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity; }

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s; }

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; }

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg); }

/*
                                                                                               * Vortex Reverse
                                                                                               */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear; }

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity; }

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s; }

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; }

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg); }

/** calendar **/
.calendar {
  width: 100%;
  background-color: #FFFFFF;
  background-image: url(/AppImages/column_footer.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  font-size: 0.85em;
  margin-bottom: 10px;
  padding-bottom: 10px; }

.calendar_header {
  background-color: #fff; }

.calendar_header h2 {
  background-color: #670164;
  background-image: url(/AppImages/purple_column_header.gif);
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  height: 18px;
  margin-bottom: 0;
  padding: 8px 10px 9px; }

.calendar_controls {
  /*background-image:url(/AppImages/column_bg.gif);
    background-repeat:repeat-y;*/
  padding: 10px 10px 0;
  height: 15px; }

.calendar_back {
  width: 25%;
  display: block;
  float: left;
  background-image: url(/AppImages/calendar_back.gif);
  background-position: center;
  background-repeat: no-repeat;
  height: 38px; }

.calendar_forward {
  width: 25%;
  display: block;
  float: left;
  text-align: right;
  background-image: url(/AppImages/calendar_forward.gif);
  background-position: center;
  background-repeat: no-repeat;
  height: 38px; }

.calendar_back span, .calendar_forward span {
  display: none; }

.calendar_controls h2 {
  width: 50%;
  display: block;
  text-align: center;
  float: left; }

.calendar_table {
  padding: 10px;
  /*background-image:url(/AppImages/column_bg.gif);
    background-repeat:repeat-y;*/ }

.calendar_table table {
  width: 100%;
  border-collapse: collapse;
  cursor: pointer; }

.calendar_table table tr th {
  font-weight: normal;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
  margin: 4px; }

.calendar_table table tr th span {
  display: block;
  margin: 0 auto;
  width: 30px; }

.calendar_table table tr td {
  background-color: #DDDDDD;
  border: 2px solid #FFFFFF; }

.calendar_table table tr td a {
  background-color: #555555;
  color: #FFFFFF;
  display: block;
  height: 30px;
  padding: 3px 0 0;
  text-align: center; }

.calendar_table table tr td a:hover {
  background-color: #444;
  text-decoration: none; }

.calendar_table table tr td.selected a {
  background-color: #626AA1;
  text-decoration: none; }

.calendar_table table tr td.disabled a {
  background-color: #888888;
  text-decoration: none; }

.calendar_full {
  padding-top: 5px;
  display: block; }

/** hide tooltip content inline **/
.day_tooltip {
  display: none; }

.day_content {
  text-align: left;
  font-size: 0.8em; }

.day_content ul {
  margin-left: 20px; }

.day_content h2 {
  font-size: 1.2em;
  font-weight: bold; }

.day_content h3 {
  font-size: 1em; }

.breadcrumbs {
  font-size: 1em;
  padding-bottom: 10px;
  clear: both; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/* 
-- SECTIONS -Try CTRL + F these sections for ninja editing:

RESETS
USEFUL
TYPOGRAPHY/CONTENT
STRUCTURE - MASTERPAGE STUFF
STRUCTURE - LAYOUT TEMPLATE STUFF
MODULES - LISTS
MODULES - DETAIL
MODULES - SPECIFICS
FORM BUILDER
CONTACT FORM
SITE MAP
CALLOUTS
NAVIGATION - MAIN
NAVIGATION - SECOND/THIRD LEVEL
RESPONSIVE

/*** FONTS ***/
/*================================================== */
/*** RESETS
================================================== */
* {
  padding: 0;
  margin: 0; }

html {
  color: #000;
  background: #ffffff; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

* {
  background-repeat: no-repeat; }

body {
  margin: 0;
  padding: 0;
  font-family: "Proxima-Nova", Arial, Verdana, sans serif;
  font-size: 14px;
  color: #000;
  overflow-x: hidden; }

/*** USEFUL
================================================== */
html {
  min-height: 101%; }

/* FireFox Page-Shift Fix */
.clear {
  clear: both; }

.clear_fusion {
  clear: both;
  line-height: 1px;
  height: 1px;
  font-size: 1px; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.image_left {
  float: left;
  margin: 0 15px 5px 0; }

.image_right {
  float: right;
  margin: 0 0 5px 15px; }

.vertical_align {
  display: inline;
  vertical-align: middle; }

.vertical_align_all * {
  display: inline;
  vertical-align: middle; }

.grid_18 ul {
  color: #4d4d4d;
  margin-left: 20px; }

ul li {
  margin-bottom: 15px; }

a img {
  border: 0px none; }

img {
  border: 0px none;
  max-width: 100%; }

.mobile_only {
  display: none !important; }

a {
  color: #23aae1;
  text-decoration: none; }

iframe {
  max-width: 100%; }

.library-details ol {
  color: #4d4d4d;
  margin-left: 20px; }

.library-details ol li {
  margin-bottom: 15px;
  font-size: 16px; }

h1 {
  font-size: 38px;
  font-weight: 600; }

h2, h3, h4, h5, h6 {
  font-weight: 600; }

h2 {
  font-size: 20px;
  margin-bottom: 15px; }

h3 {
  font-size: 18px;
  margin-bottom: 15px; }

h4, h5, h6 {
  font-size: 16px; }

p, label {
  font-size: 16px;
  /*margin-bottom: 20px;*/
  line-height: 1.8; }

.grid_18 h1 {
  font-size: 24px;
  margin-bottom: 15px; }

.main_content p, .main_content li {
  font-size: 16px;
  font-weight: 500; }

.main_content li {
  list-style: none;
  position: relative; }

.main_content li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #005480;
  left: -15px;
  top: 6px; }

blockquote {
  background-color: #005480;
  padding: 20px 15px 20px 90px;
  margin: 1.5em 0;
  color: #ffffff;
  margin-bottom: 1.5em;
  position: relative; }

blockquote p {
  color: #ffffff; }

blockquote strong {
  position: absolute;
  right: 20px;
  bottom: 10px; }

blockquote:before {
  content: ' ';
  position: absolute;
  left: 15px;
  width: 59px;
  height: 37px;
  display: block;
  background-image: url(/AppImages/quote_start.png);
  background-repeat: no-repeat; }

.button, .main-content .actions a,
.search_buttons a,
.button_search,
.forum_new_thread,
.forum_new_thread:visited,
.forum_new_thread:active,
.forum_new_thread:hover {
  padding: 2px 8px;
  color: #fff;
  position: relative;
  background: #005480;
  transition: background-color 400ms;
  cursor: pointer;
  border: none; }

.button:hover, .main-content .actions a:hover,
.search_buttons a:hover {
  background: #0678B4; }

.main_content p a {
  font-weight: bold; }

.event_button a {
  color: #fff;
  font-weight: bold;
  font-size: 16px; }

/* STRUCTURE - MASTERPAGE STUFF */
#wrapper_header, #wrapper_footer {
  background: #fff; }

#wrapper_header {
  padding: 15px 0 0 0; }

#wrapper_header.sticky {
  padding: 15px 0 30px 0;
  margin-bottom: 28px; }

#wrapper_header .grid_19 {
  float: right;
  margin-top: 6px; }

#wrapper_header .logo {
  float: left;
  margin-top: 6px;
  height: 57px;
  overflow: hidden; }

#wrapper_header .logo .small {
  display: none; }

#wrapper_header .logo.sticky {
  position: fixed;
  z-index: 1010;
  top: 0;
  margin-top: 10px;
  height: 29px; }

#wrapper_header .logo img {
  transition: all 200ms; }

#wrapper_header .logo.sticky img {
  width: 120px;
  height: auto; }

/*#wrapper_header .logo.sticky .small
{
    display: block;
    /*width: 82px;
    height: auto;
}*/
#wrapper_header select {
  background: #ededed;
  border: 0;
  padding: 8px 6px 9px 5px;
  color: #4c4c4c;
  font-size: 13px;
  float: left;
  margin-left: 166px;
  width: 194px;
  transition: margin-left 150ms; }

#wrapper_header select.sticky {
  position: fixed;
  top: 8px;
  z-index: 10001;
  padding: 6px 6px 6px 5px;
  margin-left: -65px;
  width: 163px;
  transition: margin-left 0ms; }

#wrapper_header .search_top {
  width: 395px;
  float: right;
  position: relative; }

#wrapper_header input, .mobile_header input {
  padding: 8px 8px 9px 8px;
  border: 0;
  background: url(/CMS_Themes/BPA2014/AppImages/search.gif) no-repeat 96% center #ededed;
  margin-left: 25px;
  font-size: 14px;
  color: #4c4c4c;
  float: left;
  width: 153px;
  /*transition: width 300ms;*/ }

#wrapper_header input:focus {
  /*width: 170px;*/
  outline: none; }

#wrapper_header .search_top .mobile_hidden a {
  position: absolute;
  left: 159px;
  top: 0;
  width: 34px;
  height: 34px;
  transition: background-color 400ms; }

#wrapper_header .search_top .mobile_hidden a:hover {
  background-color: rgba(0, 0, 0, 0.1); }

#wrapper_header .social_icons {
  float: right;
  margin-top: 4px; }

#wrapper_content {
  padding: 0 0 35px 0;
  min-height: 350px;
  max-width: 960px;
  margin: 0 auto; }

h1.page_header {
  font-size: 38px;
  padding: 45px;
  background: #26303b;
  color: #FFF;
  display: block; }

.main_content {
    background: #fff;
    padding: 15px;
    box-shadow: 1px 4px 7px 1px #d3e1ea;
    border-radius: 5px;
}

.cycle_pager_wrapper {
  position: relative; }

#cycle_pager {
  position: absolute;
  z-index: 200;
  top: -47px;
  left: 13px;
  background: #fff;
  height: 23px;
  padding-left: 6px; }

#cycle_pager span {
  font-size: 50px;
  margin-right: 6px;
  color: #ccd8dd;
  cursor: pointer;
  line-height: 16px;
  transition: color 300ms;
  height: 23px;
  float: left;
  font-weight: 100; }

#cycle_pager span:hover {
  color: #80b9d3; }

#cycle_pager span.cycle-pager-active {
  color: #027aaf; }

.search_top .logged_in {
  float: left; }

.search_top a.login {
  text-decoration: none;
  color: #383838;
  padding: 8px 16px 8px 16px;
  border-right: 2px solid #f2f2f2;
  float: left;
  margin-right: 30px; }

.search_top a.login.logout {
  margin-right: 0; }

.main_nav {
  clear: both;
  float: right;
  margin-top: 10px;
  margin-right: 0; }

.main_nav.sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1009;
  width: 100%;
  margin-top: 0;
  padding-top: 14px;
  background: #fff;
  padding-bottom: 35px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  transition: box-shadow 500ms; }

.main_nav.sticky > .panel_nav {
  width: 960px;
  position: absolute;
  left: 50%;
  margin-left: -485px;
  margin-top: -14px; }

.main_nav ul {
  float: right;
  list-style: none;
  position: relative; }

.main_nav .panel_nav > ul > li {
  float: left;
  margin-bottom: 0; }

.main_nav ul li a {
  text-decoration: none;
  color: #262626;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 15px;
  float: left;
  transition: background-color 300ms; }

.main_nav.sticky ul.top_level > li > a {
  padding-top: 16px;
  padding-bottom: 16px; }

.main_nav ul.top_level > li:hover > a,
.main_nav ul.top_level > li.selected > a {
  background: #013b51;
  color: #ffffff; }

.main_nav ul.top_level .panel_nav_sub_panel li a span {
  padding: 0; }

.main_nav .panel_nav > ul.top_level li.selected > a span,
.main_nav .panel_nav > ul.top_level li:hover > a span {
  border-right-color: #013b51; }

.main_nav ul.top_level > li a span {
  border-right: 2px solid #f2f2f2;
  padding: 0 12px;
  transition: border-right 300ms; }

.main_nav ul li.last_item a span {
  border-right: 0; }

.main_nav ul li .expand {
  display: none; }

.page_home .panel_nav_panel {
  display: none !important; }

.panel_nav_panel {
  display: none;
  position: absolute;
  z-index: 1000;
  background: #fff;
  top: 42px;
  right: 0;
  box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1);
  width: 606px !important; }

.panel_nav_sub_panel {
  width: 50%;
  float: left; }

.panel_nav_sub_panel * {
  border-right: 0 !important; }

.main_nav.sticky .panel_nav_panel {
  top: 49px; }

.panel_nav_sub_panel > ul {
  float: left;
  width: 95%;
  padding: 5% 0 5% 5%;
  margin-top: 0; }

.panel_nav_sub_panel > ul > li {
  float: left;
  width: 96%;
  margin-right: 4%; }

.panel_nav_sub_panel > ul > li > a {
  background-color: #eaeaea;
  padding: 3% 7%;
  width: 86%;
  float: left;
  border-right: 0;
  margin-right: 6%;
  text-transform: uppercase;
  font-size: 13px; }

.panel_nav_sub_panel > ul > li > ul:hover {
  background: #f7f7f7; }

.panel_nav_sub_panel > ul > li.selected > a,
.panel_nav_sub_panel > ul > li:hover > a {
  background: #ccc; }

.panel_nav_sub_panel ul li ul {
  width: 96%;
  float: left;
  padding: 6px 0 6px 4%;
  transition: background-color 400ms; }

.panel_nav_sub_panel ul li ul li a {
  float: left;
  width: 92%;
  padding: 3px 4%; }

.panel_nav_sub_panel ul li ul li.selected a,
.panel_nav_sub_panel ul li ul li a:hover {
  color: #007aae; }

.panel_nav_sub_panel .clear {
  clear: none; }

.right_column {
  float: right;
  width: 240px; }

.placeholder_callout p {
  margin-bottom: 10px; }

.grid_6 .grid_6 {
  margin-left: 0;
  margin-right: 0; }

.callout_box {
  min-height: 230px;
  margin-bottom: 10px;
  color: #fff;
  position: relative;
  background-color: #23aae1;
  background-position: 92% 13px; }

.callout_box.half {
  min-height: 0;
  height: 110px;
  transition: opacity 300ms; }

.callout_box.half:hover {
  opacity: 0.9; }

/* Standard */
.callout_box.light {
  background-color: #027aaf; }

.callout_box.medium {
  background-color: #005480; }

.callout_box.dark {
  background-color: #023c56; }

/* Bailiffs */
.bailiffs .callout_box.light {
  background-color: #ac8bc0; }

.bailiffs .callout_box.medium {
  background-color: #9a6db0; }

.bailiffs .callout_box.dark {
  background-color: #87519f; }

/* LA */
.local-authorities .callout_box.light {
  background-color: #00afa1; }

.local-authorities .callout_box.medium {
  background-color: #009084; }

.local-authorities .callout_box.dark {
  background-color: #006c63; }

/* Retail */
.retail .callout_box.light {
  background-color: #ec197a; }

.retail .callout_box.medium {
  background-color: #ca1769; }

.retail .callout_box.dark {
  background-color: #ab145a; }

/* Hospitals */
.hospitals .callout_box.light {
  background-color: #71c055; }

.hospitals .callout_box.medium {
  background-color: #68ad50; }

.hospitals .callout_box.dark {
  background-color: #5d9a47; }

/*.hospitals .callout_box.light  {background-color:#FD5DAB;}
.hospitals .callout_box.medium {background-color:#FF2B93;}
.hospitals .callout_box.dark   {background-color:#E21379;}*/
/* Landowners */
.landowners .callout_box.light {
  background-color: #fba51a; }

.landowners .callout_box.medium {
  background-color: #e09419; }

.landowners .callout_box.dark {
  background-color: #e48710; }

/*.landowners .callout_box.dark   {background-color:#c48114;}*/
/* High Education */
.higher-education .callout_box.light {
  background-color: #FD5DAB; }

.higher-education .callout_box.medium {
  background-color: #FF2B93; }

.higher-education .callout_box.dark {
  background-color: #E21379; }

/* Retail */
.retail .callout_box.light {
  background-color: #dc2329; }

.retail .callout_box.medium {
  background-color: #b31c20; }

.retail .callout_box.dark {
  background-color: #8f161a; }

/* General Public */
.general-public .callout_box.light {
  background-color: #696969; }

.general-public .callout_box.medium {
  background-color: #484848; }

.general-public .callout_box.dark {
  background-color: #2e2e2e; }

.higher-education .home_wrapper .callout_box.half {
  height: 230px; }

.higher-education .home_wrapper .news_callout ul {
  color: #fff; }

.higher-education .home_wrapper .callout_twitter {
  margin-top: 122px; }

.callout_box .callout_title {
  font-family: "Arial", Sans-Serif;
  text-transform: uppercase;
  padding: 15px 15px 25px 15px;
  font-size: 13px;
  font-weight: 100;
  color: #fff;
  letter-spacing: 0.06em;
  margin-bottom: 0; }

.callout_box.half .callout_title {
  text-transform: none;
  padding: 0;
  letter-spacing: normal;
  font-family: "Proxima-Nova", Sans-Serif; }

.callout_box.half .callout_title h3 a {
  float: left;
  color: #fff;
  font-weight: 100;
  font-size: 22px;
  padding: 22px 95px 22px 15px;
  width: 120px;
  line-height: 150%; }

.callout_box p,
.callout_box h3 a {
  padding: 25px 25px 0 15px;
  line-height: 170%;
  font-size: 17px;
  color: #fff;
  font-weight: 100; }

.callout_box .links {
  position: absolute;
  bottom: 20px;
  left: 15px; }

.callout_box .links a,
.callout_box .news_callout_more a,
.callout_box a.news_callout_view_all,
.callout_events .callout_read_more,
.callout_events .callout_view_all,
.callout_poll a.vote_button,
.callout_poll a.results_button {
  background-color: rgba(255, 255, 255, 0.15);
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  margin-right: 5px;
  transition: all 300ms;
  font-family: "Arial", Sans-Serif; }

.callout_box .links a:hover,
.callout_box .news_callout_more a:hover,
.callout_box a.news_callout_view_all:hover {
  box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.4); }

/* Callout icons */
.callout_groups-new {
  background-image: url("/CMS_Themes/BPA2014/AppImages/library.png"); }

.callout_groups {
  background-image: url("/CMS_Themes/BPA2014/AppImages/groups.png"); }

.callout_library {
  background-image: url("/CMS_Themes/BPA2014/AppImages/library.png"); }

.callout_twitter {
  background-image: url("/CMS_Themes/BPA2014/AppImages/twitter.png");
  overflow: hidden;
  /*Precaution*/ }

.callout_news {
  background-image: url("/CMS_Themes/BPA2014/AppImages/news.png"); }

.callout_events {
  background-image: url("/CMS_Themes/BPA2014/AppImages/events.png"); }

.callout_join {
  background-image: url("/CMS_Themes/BPA2014/AppImages/join.png"); }

.callout_benefits {
  background-image: url("/CMS_Themes/BPA2014/AppImages/benefits.png"); }

.callout_parkex {
  background-image: url("/CMS_Themes/BPA2014/AppImages/parkex.png"); }

.callout_directory {
  background-image: url("/CMS_Themes/BPA2014/AppImages/directory.png"); }

.callout_forums {
  background-image: url("/CMS_Themes/BPA2014/AppImages/forums.png"); }

.callout_parkex img {
  width: 235px;
  height: 110px;
  margin-left: -10px; }

/* News Callout */
.callout_news .news_callout_title {
  display: none; }

.callout_news .news_callout_list h2 {
  font-size: 17px;
  font-weight: 100;
  color: #fff;
  padding-top: 15px;
  line-height: 170%; }

.callout_news .news_callout_list h2 a {
  color: #fff; }

.callout_news .news_callout_list {
  max-height: 135px; }

.callout_news ul {
  margin: 0 15px !important; }

.callout_news li {
  list-style: none; }

.callout_news .news_callout_date {
  display: none; }

.callout_news .news_callout_more {
  position: absolute;
  bottom: 22px;
  left: 15px; }

.callout_news .news_callout_view_all {
  position: absolute;
  bottom: 17px;
  left: 100px; }

/* Events Callout */
.callout_events .story {
  display: none; }

.callout_events h3 a {
  float: left;
  padding-top: 28px; }

.callout_events .callout_list_date {
  position: absolute;
  color: #fff;
  left: 15px;
  width: 80px;
  overflow: hidden;
  height: 21px;
  top: 71px;
  font-size: 16px; }

.callout_events .callout_read_more {
  position: absolute;
  top: 191px;
  left: 15px; }

.callout_events .callout_view_all {
  position: absolute;
  top: 191px;
  left: 111px; }

/* Twitter Callout */
.callout_box #tweets {
  position: relative;
  height: 130px;
  overflow: hidden; }

.callout_box #tweets .twitter_item {
  float: left;
  width: 230px; }

/* Poll Callout */
.vote-item {
  padding: 0; }

.callout_poll {
  min-height: 230px;
  background-color: #6998ba;
  background-image: url("/CMS_Themes/BPA2014/AppImages/poll.png");
  background-position: 92% 13px;
  margin-bottom: 15px;
  float: left; }

.callout_poll h2 span {
  font-family: "Arial", Sans-Serif;
  text-transform: uppercase;
  padding: 15px 15px 25px 15px;
  font-size: 13px;
  font-weight: 100;
  color: #fff;
  letter-spacing: 0.06em;
  margin-bottom: 0; }

.callout_poll p {
  color: #fff;
  margin-bottom: 10px;
  margin-left: 15px; }

.callout_poll .poll_answers {
  margin-bottom: 25px;
  background-color: #4a82ab;
  width: 100%; }

.callout_poll label {
  color: #fff; }

.callout_poll input {
  margin: 10px 5px 10px 15px; }

.callout_poll .votes {
  margin-right: 15px; }

.callout_poll .vote_item {
  padding: 0; }

.callout_poll .vote_item .answer_text {
  color: #fff;
  margin: 0 0 0 15px; }

.callout_poll .vote_item_bar {
  margin: 0 15px 0 15px;
  width: 95%;
  display: none; }

.callout_poll .vote_item_bar span {
  background-color: #4a82ab; }

.callout_poll a.vote_button {
  margin: 15px; }

.callout_poll a.results_button {
  display: none;
  margin: 0 15px 15px; }

.callout_poll a.results_button.visible {
  display: inline-block; }

/* Submenu */
.callout_submenu {
  padding-bottom: 10px; }

.callout_submenu ul {
  padding: 0 25px 0 15px;
  list-style: none; }

.callout_submenu ul li {
  margin-bottom: 3px;
  float: left;
  width: 100%; }

.callout_submenu ul li a {
  color: #fff;
  font-size: 17px;
  font-weight: 100;
  display: block;
  border-bottom: 1px solid transparent;
  transition: all 300ms; }

.callout_submenu ul li a:hover {
  background: #027aaf;
  padding-left: 10px; }

.callout_submenu .panel_nav_panel {
  display: none !important; }

/* Recent Comments */
.callout_comments p {
  padding: 0; }

.callout_comments .dsq-widget-list {
  float: left;
  overflow: hidden;
  height: 140px; }

.callout_comments li {
  float: left;
  padding: 10px 25px 0 15px;
  margin-top: 0 !important;
  font-size: 18px; }

.callout_comments .dsq-widget-comment p {
  float: left;
  line-height: 150%; }

p.dsq-widget-meta a {
  text-indent: -9999px;
  margin-top: -130px;
  float: left;
  width: 200px;
  height: 130px; }

.home_wrapper h1 {
  display: none; }

.banner {
  margin-bottom: 10px;
  height: 350px; }

.banner h4 {
  position: absolute;
  top: 32%;
  left: 0;
  color: #fff;
  font-size: 50px;
  line-height: 90%;
  font-weight: 300;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  padding: 10px 10px 10px 20px;
  background: #005480; }

.banner .dynamic_callout_container {
  width: 100%; }

.footer_scroller {
  margin: 50px 5px 20px 5px;
  width: 1400px;
  height: 120px; }

.footer_scroller img {
  padding-bottom: 40px;
  background: url(/CMS_Themes/BPA2014/AppImages/shadow.png) no-repeat 0 bottom;
  margin: 0 5px; }

#wrapper_footer {
  margin-bottom: 70px; }

#wrapper_footer .powernav_title {
  display: none; }

#wrapper_footer .grid_4, #wrapper_footer .grid_6 {
  margin-top: 40px; }

#wrapper_footer .grid_4 .footer_pad_top, #wrapper_footer .grid_6 .footer_pad_top {
  margin-top: 54px; }

#wrapper_footer h3 {
  color: #005480;
  font-size: 20px;
  font-weight: 300; }

#wrapper_footer .grid_6 ul, #wrapper_footer .grid_6 p {
  margin-top: 30px;
  list-style-type: none;
  line-height: 180%; }

#wrapper_footer .grid_6 li a {
  text-decoration: none;
  color: #000000;
  font-size: 16px;
  float: left;
  clear: both; }

#wrapper_footer .footer_icons {
  margin-top: 20px; }

#wrapper_footer .footer_lower {
  margin-top: 30px; }

#wrapper_footer .footer_lower li {
  float: left;
  list-style: none; }

#wrapper_footer .footer_lower li a {
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid; }

.standard_content_content table {
  width: 100%;
  margin-bottom: 20px; }
  .standard_content_content table.no_border th {
    background: none;
    color: inherit; }
  .standard_content_content table.no_border tr:nth-of-type(even) {
    background: none; }
  .standard_content_content table.no_border tr:hover {
    background: none; }

.standard_content_content table th {
  background-color: #005480;
  padding: 5px 0 5px 5px;
  border-right: 0;
  color: #FFF; }

.standard_content_content table td {
  padding: 5px; }

.standard_content_content table tr:nth-of-type(even) {
  background: #f7f7f7; }

.standard_content_content table tr:hover {
  background: #eee; }

.standard_content_content ul,
.standard_content_content ol {
  margin-left: 15px; }

.standard_content_content ul li,
.standard_content_content ol li {
  color: #4d4d4d;
  margin-bottom: 15px; }

/* News/Events */
.news_title_wrapper {
  display: none; }

.news_wrapper .news_list_wrapper .list_item, .news_wrapper .news_list_wrapper .featured_item, .events_list_wrapper .list_item, .events_list_wrapper .featured_item {
  background: #ffffff;
  width: 200px;
  min-height: 200px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 15px;
  position: relative;
  box-sizing: content-box; }

.news_wrapper .news_list_wrapper .featured_item.item_0, .events_list_wrapper .featured_item.item_0 {
  width: 680px; }

.news_wrapper .news_list_wrapper .featured_item .list_image, .events_list_wrapper .featured_item .list_image {
  display: block !important;
  position: static;
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 25px;
  box-sizing: content-box; }

.news_wrapper .news_list_wrapper .featured_item .list_date, .events_list_wrapper .featured_item .list_date {
  margin-top: 5px; }

.news_wrapper .news_list_wrapper .featured_item .list_header a, .events_list_wrapper .featured_item .list_header a {
  margin-top: 10px; }

.news_wrapper .news_list_wrapper .label_featured {
  position: absolute;
  top: 15px;
  left: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  background: #005480;
  padding: 6px 10px; }

.news_wrapper .news_list_wrapper .list_item:nth-child(5n-2) .list_text,
.news_wrapper .news_list_wrapper .list_item:nth-child(6n+1) .list_text,
.news_wrapper .news_list_wrapper .list_item:nth-child(7n-3) .list_text {
  background: rgba(0, 83, 128, 0.9);
  float: left;
  min-width: 200px;
  min-height: 200px;
  z-index: 2;
  position: relative;
  padding: 15px;
  box-sizing: content-box; }

.news_wrapper .news_list_wrapper .list_item .list_image {
  display: none; }

.news_wrapper .news_list_wrapper .list_item:nth-child(5n-2) .list_image,
.news_wrapper .news_list_wrapper .list_item:nth-child(6n+1) .list_image,
.news_wrapper .news_list_wrapper .list_item:nth-child(7n-3) .list_image {
  display: block;
  z-index: 1;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  opacity: 1; }

.news_wrapper .news_list_wrapper .list_item:nth-child(5n-2),
.news_wrapper .news_list_wrapper .list_item:nth-child(6n+1),
.news_wrapper .news_list_wrapper .list_item:nth-child(7n-3) {
  padding: 0;
  width: 230px;
  min-height: 230px; }

.news_wrapper .news_list_wrapper .list_excerpt, .events_list_wrapper .list_excerpt p {
  margin-top: 20px;
  line-height: 150%; }

.news_wrapper .news_list_wrapper .list_item.third_item, .events_list_wrapper .list_item.third_item {
  margin-right: 0; }

.news_wrapper .news_list_wrapper .list_image, .events_list_wrapper .list_image {
  position: absolute;
  top: 0;
  right: 0;
  height: 230px;
  width: 230px;
  overflow: hidden; }

.news_wrapper .news_list_wrapper .list_item img {
  min-height: 230px;
  transition: width 400ms 100ms; }

.events_list_wrapper .list_item img {
  width: 55px;
  transition: width 400ms 100ms; }

.events_list_wrapper .list_item:hover img {
  /*width:200px;*/ }

.news_wrapper .news_list_wrapper .list_date, .events_list_wrapper .list_date {
  margin-top: 22px;
  color: #027aaf; }

.news_wrapper .news_list_wrapper .list_header a, .events_list_wrapper .list_header a {
  margin-top: 35px;
  display: block;
  text-decoration: none;
  color: #013c51;
  font-size: 16px;
  line-height: 160%;
  font-weight: 300; }

.events_list_wrapper .list_item .list_excerpt a,
.events_list_wrapper .list_item .list_extra a {
  float: left;
  background-color: #005480;
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-family: "Arial", Sans-Serif;
  box-sizing: content-box; }

.news_wrapper .news_list_wrapper .list_item:nth-child(5n-2) .list_date,
.news_wrapper .news_list_wrapper .list_item:nth-child(6n+1) .list_date,
.news_wrapper .news_list_wrapper .list_item:nth-child(7n-3) .list_date,
.news_wrapper .news_list_wrapper .list_item:nth-child(5n-2) .list_text a,
.news_wrapper .news_list_wrapper .list_item:nth-child(6n+1) .list_text a,
.news_wrapper .news_list_wrapper .list_item:nth-child(7n-3) .list_text a {
  color: #ffffff; }

.events_list_wrapper .list_item a.list_book {
  display: none;
  margin-left: 56px; }

.events_list_wrapper .featured_item .list_excerpt {
  height: 0; }

.events_list_wrapper .featured_item .list_excerpt a {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #005480;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 12px;
  font-family: "Arial", Sans-Serif;
  float: left; }

.events_list_wrapper .featured_item .list_excerpt a.list_more {
  margin-right: 58px; }

.events_list_wrapper .featured_item .list_extra {
  font-size: 16px;
  font-weight: 100; }

.events_list_wrapper .featured_item .list_extra a.list_more,
.events_list_wrapper .featured_item .list_extra a.list_book {
  display: none; }

.events_list_wrapper .list_item .list_extra {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #005480;
  height: 200px;
  width: 200px;
  padding: 15px;
  color: #fff;
  opacity: 0;
  transition: opacity 300ms;
  box-sizing: content-box; }

.events_list_wrapper .list_item:hover .list_extra {
  opacity: 1; }

.events_list_wrapper .list_item .list_extra p {
  margin-top: 17px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 100; }

.events_list_wrapper .list_item .list_extra a {
  background-color: #fff;
  color: #005480; }

/*** BLOG ***/
.blog_intro, .blog_posts {
  padding-top: 0px; }

h2.blog_posts_item_title, .comments_wrapper h2 {
  border-bottom: 1px dotted #DDDDDD; }

.blog_posts_item h2 a {
  color: #025581; }

.blog_posts_item h2 a:hover {
  color: #000000;
  text-decoration: none; }

.blog_posts_item_link {
  font-size: 0.9em; }

.blog_posts_item_link:hover {
  text-decoration: none; }

.blog_posts_item {
  border-bottom: 1px dotted #199D96;
  margin-bottom: 20px; }

.blog_post_story {
  padding-top: 0px; }

.comment_item {
  padding-bottom: 0px; }

/* News/Events Detail */
.news_detail_wrapper, .events_detail_wrapper {
  padding: 15px;
  background: #fff; }

.news_detail_wrapper .detail_header h2 {
  color: #005480;
  font-size: 24px;
  margin-bottom: 60px; }

.news_detail_wrapper .detail_date {
  color: #027aaf;
  font-weight: bold;
  margin-bottom: 10px;
  display: block; }

.news_detail_wrapper ol {
  margin-left: 20px;
  color: #4d4d4d;
  line-height: 180%; }

.news_detail_wrapper ol li {
  margin-bottom: 15px; }

.library_item {
  float: left;
  position: relative;
  list-style: none;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px; }

.library_item h3 {
  font-size: 18px; }

.library_item.fourth {
  margin-right: 0; }

.library_flip {
  display: block;
  width: 230px;
  height: 230px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.5s;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -o-transition: 0.5s;
  transition: 0.5s; }

.library_standard {
  display: block;
  width: 230px;
  height: 230px; }

.library_item:hover .library_flip {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .library_flip .back.faceLibrary,
  .library_item:hover .library_flip {
    transform: none !important; }
  .library_item:hover .back {
    z-index: 11; } }

.library_flip .faceLibrary {
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  text-align: center; }

.faceLibrary.front {
  z-index: 10;
  background: #ffffff;
  padding: 15px;
  height: 200px;
  width: 200px; }

.faceLibrary.front h2 {
  color: #013c51;
  text-align: left;
  padding-bottom: 20px;
  font-size: 16px;
  margin-bottom: 0; }

.library_flip .faceLibrary.back {
  display: block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.faceLibrary.front .normal {
  width: 100%;
  height: 80%;
  background-size: cover;
  background-position: center !important; }

.faceLibrary.back {
  color: #fff;
  height: 200px;
  width: 200px;
  padding: 15px;
  text-align: left;
  background-color: #027aaf;
  z-index: 12; }

.Report.faceLibrary.back {
  background-color: #005480; }

.Research.faceLibrary.back {
  background-color: #027aaf; }

.Notes.faceLibrary.back {
  background-color: #023c56; }

.faceLibrary.back h2 {
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 30px;
  font-family: "Arial", Sans-Serif;
  color: #fff; }

.faceLibrary.back h3 {
  font-size: 17px;
  line-height: 150%;
  font-weight: 100;
  color: #fff; }

.faceLibrary.back a {
  float: left;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-family: "Arial", Sans-Serif; }

.listing_wrapper > h2 {
  display: none; }

.chosen-container {
  width: auto !important;
  min-width: 215px; }

.chosen-container > a {
  background: #ebebeb !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 5px 15px !important; }

.chosen-container-single .chosen-single div {
  top: 5px; }

.chosen-container .chosen-drop {
  border-radius: 0 !important;
  border: 0 !important;
  background: #ebebeb !important; }

.chosen-container .chosen-drop .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container .chosen-results li.highlighted {
  background: #ddd !important;
  color: #000 !important; }

.ql_searchField input[type=text] {
  background: #ebebeb;
  border: none;
  padding: 9px 10px 8px;
  outline: none;
  width: 195px; }

/* Events Detail */
.event_occurrence_list {
  float: left;
  width: 435px;
  border-right: 1px solid #999;
  margin-right: 15px; }

.listings_groups {
  padding: 0;
  margin: 0 0 50px; }

.listings_groups:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.listings_groups .listings_item {
  position: relative;
  overflow: hidden;
  list-style: none;
  float: left;
  width: 230px;
  height: 230px;
  margin: 4px;
  padding: 0;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -ms-perspective: 600px;
  perspective: 600px; }

.listings_groups .listings_item[data-fourth=true] {
  margin: 4px 3px; }

.listings_groups .listings_item a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none; }

.listings_groups .listings_item h3 {
  margin: 0;
  font-size: 16px;
  color: #fff; }

.listings_groups .listings_item p {
  font-size: 12px;
  line-height: 1.5;
  color: #fff; }

.listings_groups .listings_item .normal {
  width: 100%;
  height: 100%;
  color: rgba(52, 73, 94, 0.6);
  text-align: center;
  font-size: 50px;
  line-height: 230px;
  background-color: #fff;
  background-size: cover;
  background-position: center; }

.listings_groups .listings_item .info {
  width: 190px;
  height: 190px;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
  -moz-transform: rotate3d(1, 0, 0, 90deg);
  -ms-transform: rotate3d(1, 0, 0, 90deg);
  -o-transform: rotate3d(1, 0, 0, 90deg);
  transform: rotate3d(1, 0, 0, 90deg);
  background-color: #027aaf; }

.listings_groups .listings_item .detail {
  display: none; }

#personDetail {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
  max-height: 0;
  overflow: hidden; }

#personDetail img {
  margin-top: 20px;
  margin-left: 20px; }

#personDetail p {
  margin-left: 10px;
  margin-right: 10px; }

#personDetail .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  padding: 15px;
  color: #333;
  cursor: pointer;
  background: url(/CMS_Themes/BPA2014/AppImages/close.gif) no-repeat center #ededed; }

.in-top .info {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
  -moz-animation: in-top 300ms ease 0ms 1 forwards;
  -o-animation: in-top 300ms ease 0ms 1 forwards;
  animation: in-top 300ms ease 0ms 1 forwards; }

.in-right .info {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
  -moz-animation: in-right 300ms ease 0ms 1 forwards;
  -o-animation: in-right 300ms ease 0ms 1 forwards;
  animation: in-right 300ms ease 0ms 1 forwards; }

.in-bottom .info {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
  -moz-animation: in-bottom 300ms ease 0ms 1 forwards;
  -o-animation: in-bottom 300ms ease 0ms 1 forwards;
  animation: in-bottom 300ms ease 0ms 1 forwards; }

.in-left .info {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
  -moz-animation: in-left 300ms ease 0ms 1 forwards;
  -o-animation: in-left 300ms ease 0ms 1 forwards;
  animation: in-left 300ms ease 0ms 1 forwards; }

.out-top .info {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
  -moz-animation: out-top 300ms ease 0ms 1 forwards;
  -o-animation: out-top 300ms ease 0ms 1 forwards;
  animation: out-top 300ms ease 0ms 1 forwards; }

.out-right .info {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
  -moz-animation: out-right 300ms ease 0ms 1 forwards;
  -o-animation: out-right 300ms ease 0ms 1 forwards;
  animation: out-right 300ms ease 0ms 1 forwards; }

.out-bottom .info {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
  -moz-animation: out-bottom 300ms ease 0ms 1 forwards;
  -o-animation: out-bottom 300ms ease 0ms 1 forwards;
  animation: out-bottom 300ms ease 0ms 1 forwards; }

.out-left .info {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
  -moz-animation: out-left 300ms ease 0ms 1 forwards;
  -o-animation: out-left 300ms ease 0ms 1 forwards;
  animation: out-left 300ms ease 0ms 1 forwards; }

@keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg); }
  to {
    transform: rotate3d(0, 0, 0, 0deg); } }

@keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg); }
  to {
    transform: rotate3d(0, 0, 0, 0deg); } }

@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    -moz-transform: rotate3d(1, 0, 0, 90deg);
    -ms-transform: rotate3d(1, 0, 0, 90deg);
    -o-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg); } }

@keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg); }
  to {
    transform: rotate3d(0, 0, 0, 0deg); } }

@keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg); }
  to {
    transform: rotate3d(-1, 0, 0, 102deg); } }

@keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg); }
  to {
    transform: rotate3d(0, -1, 0, 102deg); } }

@keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg); }
  to {
    transform: rotate3d(1, 0, 0, 101deg); } }

@keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg); }
  to {
    transform: rotate3d(0, 1, 0, 102deg); } }

@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); } }

@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); } }

@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); } }

@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); } }

@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 102deg); } }

@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 102deg); } }

@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 101deg); } }

@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg); }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 102deg); } }

/*Add IE/Moz support*/
#personDetail > img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

#personDetail .person_details {
  float: left; }

#personDetail h3 {
  float: left;
  font-size: 24px;
  color: #4d4d4d;
  margin-top: 20px; }

#personDetail p {
  color: #4d4d4d;
  margin-bottom: 0;
  margin-left: 0;
  clear: both; }

#personDetail .detail_text {
  margin: 0 20px 20px; }

#personDetail table {
  width: 100%; }

#personDetail table td {
  padding: 0;
  height: auto; }

/* FAQs */
.faq_list_items .question {
  font-size: 16px;
  cursor: pointer;
  background: #eaeaea;
  padding: 7px 10px;
  transition: background-color 300ms; }

.faq_list_items .question:hover, .faq_list_items .question.active {
  background: #ccc; }

.faq_list_items .answer {
  background: #f7f7f7; }

.faq_list_items .answer p, .faq_list_items .answer ul {
  padding: 3px 10px 4px 10px; }

/* Directories */
.az_search {
  padding: 8px;
  background-color: #F0F0F0;
  margin-bottom: 8px; }

.az_search a, .az_search a:visited, .az_search a:active {
  background-color: #DDDDDD;
  margin-right: 1px;
  padding: 2px 5px; }

.az_search a:hover {
  background-color: #FFFFFF; }

.search_buttons {
  clear: none; }

.directory_search_buttons_wrapper .search_buttons a {
  float: left;
  margin-right: 10px; }

.search_section {
  width: 100%; }

.search_section ul {
  margin-left: 0; }

.search_section ul li {
  padding-left: 10px; }

.search_section ul li:before {
  content: none; }

.search_section label {
  padding-left: 0;
  width: auto;
  margin-right: 10px; }

.search_section select, .search_section input {
  float: left;
  margin: 6px 0;
  padding: 3px; }

.front_end_table, .address_table {
  margin: 10px 0;
  border-collapse: collapse;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  width: 100%; }

table.front_end_table th, table.front_end_table td, .address_table th, .address_table td {
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  padding: 5px; }

table.front_end_table th {
  background-color: #f5f5f5; }

.directory_page_detail .directory_back_link {
  float: right; }

.directory_page_detail .table {
  display: block;
  width: 100%; }

.directory_page_detail .table td {
  float: left;
  display: block;
  width: 100%;
  padding: 10px 0; }

.directory_page_detail .table td li {
  margin-left: 20px; }

/* History */
.timeline .label_featured {
  display: none; }

.timeline .list_item {
  width: 420px;
  background: url(/AppImages/history_arrow.png) no-repeat 440px center #005480;
  color: #fff;
  min-height: 210px;
  margin-left: 40px;
  position: relative;
  clear: both; }

.timeline .list_item.timeline_left {
  padding-right: 75px; }

.timeline .list_item.timeline_right {
  padding-left: 75px;
  background: url(/AppImages/history_arrow_left.png) no-repeat 40px center #23aae1; }

.timeline .list_item.timeline_right {
  float: right;
  margin-right: 40px; }

.timeline .list_date {
  float: right;
  width: 210px;
  min-height: 140px;
  padding-top: 70px;
  background: #78a4bc;
  color: #005480;
  font-size: 46px;
  font-weight: bold;
  text-align: center;
  box-shadow: 10px 0px 10px -3px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 2; }

.timeline .timeline_right .list_date {
  float: left;
  box-shadow: -10px 0px 10px -3px rgba(0, 0, 0, 0.3); }

.timeline .month {
  font-size: 20px;
  display: block;
  line-height: 10px;
  text-transform: uppercase; }

.timeline .list_header {
  float: left;
  width: 190px;
  padding: 15px 10px; }

.timeline .list_header a {
  color: #fff; }

.timeline .list_excerpt {
  float: left;
  width: 210px;
  clear: both; }

.timeline .list_image {
  float: right;
  max-height: 210px;
  width: 210px;
  position: absolute;
  z-index: 1;
  overflow: hidden; }

.timeline .list_image img {
  min-width: 100%;
  min-height: 210px; }

.timeline .timeline_left .list_image {
  right: 75px;
  transition: right 500ms; }

.timeline .timeline_right .list_image {
  left: 75px;
  transition: left 500ms; }

.timeline .list_item.timeline_left:hover .list_image {
  right: -135px; }

.timeline .list_item.timeline_right:hover .list_image {
  left: -135px; }

.timeline .timeline_right .list_date {
  background: #8bd2ef;
  color: #23aae1; }

/* Contact Form */
.contact_form_instructions {
  float: left;
  width: 45%;
  margin-right: 5%;
  min-height: 140px; }

.contact_form_wrapper h1 {
  margin: 20px 0 10px 0; }

.contact_form_wrapper {
  padding-top: 20px; }

.contact_form_wrapper .contact_form {
  float: left; }

.contact_form_wrapper .form_field {
  float: right;
  max-width: 47%;
  margin-bottom: 0; }

.contact_form_wrapper .form_captcha {
  clear: both; }

.contact_form input[type=text], .contact_form input[type=password], .contact_form textarea {
  width: 300px;
  padding: 8px; }

.contact_form .form_captcha {
  float: right;
  width: 320px; }

.contact_form .form_captcha input[type=text] {
  width: 295px; }

.contact_form .form_button a {
  float: right;
  clear: both;
  padding: 10px 15px;
  width: 284px;
  text-align: center; }

/* Search results */
.search_result_details h2 {
  float: left;
  width: 83%; }

.search_results, .refine_search {
  padding: 10px 15px;
  background: #fff; }

.search_result_item {
  margin: 10px 0;
  background: #fff;
  padding: 15px 0; }

.pager_pagecount_multiple {
  background: #fff;
  clear: both; }

/*** FORUM ***/
.forum_category_list_item h2 {
  background-color: #005480 !important; }

.forum_new_thread {
  display: inline-block;
  margin-top: 10px; }

.forum_list_title {
  background: #e9e9e9; }

.forum_table {
  margin: 10px 0 !important; }

.forum_make_post input, .forum_make_post textarea {
  margin: 10px 0; }

.forum_make_post {
  background: #f5f5f5;
  padding: 10px; }

.forum_post_list_header a {
  float: right;
  font-size: 11px; }

.forum_post, .forum_post_alternate {
  border-top: 1px solid #a1a1a1; }

.forum_post_list {
  border-bottom: 1px solid #a1a1a1;
  border-left: 1px solid #a1a1a1;
  border-right: 1px solid #a1a1a1;
  margin-bottom: 10px; }

.forum_post_alternate {
  background-color: #ffffff; }

.forum_post_list p {
  margin-bottom: 0;
  border-left: 1px solid #a1a1a1; }

.forum_post .post_author, .forum_post_alternate .post_author {
  width: 190px;
  float: left;
  padding: 10px; }

.forum_post {
  background-color: #F4F4F4; }

.forum_post_alternate {
  background-color: #eaeaea; }

.forum_post p, .forum_post_alternate p {
  width: 402px;
  float: left;
  padding: 10px; }

/*.forum_make_post .form_button a 
{
	display: block;
	width: 78px;
	padding: 5px;
	}*/
/*
.history_section {
    width:307px;
    float: left;
    clear: both;
    text-align: right;
    padding-right: 33px;
    border-right: 1px solid #ccc;
}
.history_section.history_right {
    float: right;
    text-align: left;
    padding-right: 0;
    padding-left: 32px;
    border-right: 0;
    border-left: 1px solid #ccc;
}
.history_section .dynamic_callout_container {
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 2px #ccc;
}*/
/* Login form */
.dev_login_form h2 {
  display: none; }

.dev_login_form label {
  /*width: 100px;*/
  margin-bottom: 10px;
  float: left; }

.dev_login_form input {
  /*border: 1px solid #ddd;*/
  padding: 3px; }

.dev_login_form .remember_me {
  float: left;
  margin-left: 100px; }

.dev_login_form .remember_me label {
  float: none;
  margin-left: 5px; }

/*.dev_login_form a {
  float: left;
  margin-left: 15px;
  display: block; }*/

.dev_login_form .login_button {
  clear: both;
  margin-left: 100px; }

.dev_login_form .login_button input {
  margin-top: 5px;
  cursor: pointer;
  padding: 3px 10px; }

/* Gallery callout */
.callout_gallery_wrapper .gallery_item {
  width: 146px;
  height: 146px;
  margin: 0 16px 16px 0;
  display: block;
  float: left;
  background-position: center;
  background-size: cover; }

.callout_gallery_wrapper .gallery_item:nth-child(4n+0) {
  margin-right: 0; }

.callout_gallery_wrapper .gallery_item:hover {
  opacity: 0.8; }

#fancybox-title-main, #fancy-bg-n, #fancy-bg-s {
  background-repeat: repeat-x; }

#fancy-bg-w, #fancy-bg-e {
  background-repeat: repeat-y; }

#membershipWrapper .banner {
  margin-bottom: 40px;
  overflow: hidden; }

#membershipWrapper .cycle-item {
  width: 100%; }

#membershipWrapper .cycle-item img {
  width: 100%; }

#membershipWrapper .member_resource {
  height: 360px;
  margin-bottom: 20px; }

#membershipWrapper .overview {
  float: left;
  width: 20%;
  height: 100%;
  background: #005480;
  text-align: center; }

#membershipWrapper .overview h3 {
  color: #fff;
  font-size: 26px;
  font-weight: normal;
  margin-top: 15px;
  padding: 0 5px; }

#membershipWrapper .overview p {
  color: #fff;
  padding: 0 5px; }

#membershipWrapper .overview .fa {
  font-size: 60px;
  color: #fff;
  margin-top: 50px;
  transition: transform 200ms; }

#membershipWrapper .overview:hover .fa {
  transform: scale(1.1); }

#membershipWrapper .details {
  float: left;
  width: 78%;
  height: 100%;
  margin-left: 2%;
  background: #fff; }

#membershipWrapper .details .detail_item {
  float: left;
  width: 29%;
  height: 100%;
  text-align: center;
  padding: 2%; }

#membershipWrapper .details .detail_item img {
  display: block;
  margin: 0 auto; }

#membershipWrapper .cycle-pager {
  width: 100px;
  margin: -30px auto 10px auto;
  height: 23px; }

#membershipWrapper .cycle-pager span {
  font-size: 50px;
  margin-right: 6px;
  color: #ccd8dd;
  cursor: pointer;
  line-height: 16px;
  transition: color 300ms;
  height: 23px;
  float: left;
  font-weight: 100; }

#membershipWrapper .cycle-pager span:hover {
  color: #80b9d3; }

#membershipWrapper .cycle-pager span.cycle-pager-active {
  color: #027aaf; }

/** Calendar */
.calendar_header h2 {
  display: none; }

.calendar_table table tr td a {
  background: #23aae1; }

.calendar_table table tr td.selected a {
  background: #027aaf; }

.calendar_table table tr td a:hover {
  background: #005480; }

.calendar_table table tr td.disabled a {
  background: #ededed;
  color: #333; }

/* Site Map */
.sitemap {
  background: #fff;
  padding: 15px;
  margin: 40px 5px 0 5px; }

.sitemap h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #005480; }

.sitemap > ul {
  list-style: none; }

.sitemap > ul > li > ul {
  margin-left: 0; }

.sitemap > ul > li > a {
  display: none !important; }

.sitemap ul ul {
  margin-left: 15px;
  margin-top: 10px;
  list-style: none; }

.sitemap > ul > li > ul > li {
  margin-bottom: 0; }

.sitemap > ul > li > ul > li > a {
  background: #eaeaea; }

.sitemap > ul > li > ul > li > ul {
  background: #f7f7f7;
  margin: 0;
  padding-left: 5px; }

.sitemap > ul > li > ul > li > ul li {
  margin-left: 5px; }

.sitemap > ul > li > ul > li > ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 5px; }

.sitemap ul li {
  margin-bottom: 5px; }

.sitemap ul li a {
  font-size: 14px;
  display: block;
  padding: 5px 10px;
  color: #262626; }

.sitemap ul li a:hover {
  color: #007aae; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*#signupOuter {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: #005079;
  background: rgba(0, 80, 121, .97);
}*/
#signupOuter {
  display: none; }

.mfp-container #signupOuter {
  display: block; }

#signupOuter #signupInner {
  width: 700px;
  position: relative;
  margin: 0 auto;
  padding: 25px 35px;
  background: #fff; }

#signupOuter #signupInner .logo {
  float: left;
  padding: 0 20px 15px 0;
  background: #fff; }

#signupOuter #signupInner h2 {
  background: #005480;
  color: #fff;
  float: left;
  font-size: 28px;
  font-weight: normal;
  padding: 13px 17px;
  letter-spacing: 0.025em;
  width: 473px; }

#signupOuter #signupInner .signup-form {
  clear: both;
  background: #ebebeb; }

#signupOuter #signupInner .signup-form iframe {
  width: 700px;
  margin: 0 auto; }

#signupOuter #signupInner .signup-cross {
  position: absolute;
  width: 40px;
  height: 40px;
  background: url(/CMS_Themes/BPA2014/AppImages/cross.png) no-repeat center #25a9e0;
  top: -20px;
  right: -20px;
  cursor: pointer; }

.product-services .az_search {
  background: #fff;
  margin: 0;
  padding-top: 10px; }

.product-services .az_search:after {
  content: "";
  display: block;
  clear: both; }

.product-services .az_search a {
  background: none;
  float: left;
  margin-right: 1px;
  font-size: 22px;
  font-weight: 300; }

.product-services .quicklist_search_wrapper {
  margin: 0; }

.product-services .listing_wrapper .ql_searchField.sf_categories {
  margin-right: 15px;
  display: inline-block;
  position: relative;
  width: 40%; }

.product-services .listing_wrapper .ql_searchField.sf_searchall {
  margin-right: 15px;
  display: inline-block;
  position: relative;
  width: 40%; }

@media all and (max-width: 470px) {
  .product-services .listing_wrapper .ql_searchField.sf_searchall {
    width: 100%; } }

.product-services .listing-field.image img {
  max-width: 75%; }

.product-listing-info {
  position: relative; }

.product-services .listing-field {
  font-size: 16px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin-bottom: 20px; }

.product-services .listing-field.approved {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 20px;
  right: 20px; }

.product-services .listing-field.approved img {
  width: 100%; }

.grid_18 .product_items {
  margin-left: 0;
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap; }

.product_item {
  color: #fff;
  width: 32%;
  box-sizing: border-box;
  min-height: 220px;
  padding: 15px;
  margin: 0 1.4% 12px 0;
  text-align: left;
  background-color: #fff;
  position: relative;
  list-style: none;
  display: inline-block;
  vertical-align: top; }

.product_item:nth-child(3n) {
  margin-right: 0; }

.product_item img {
  max-width: 100%;
  width: 100%;
  padding: 30px 0;
  flex-shrink: 0; }

@media all and (max-width: 1024px) {
  .product_items {
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 0; } }

.product_item > a {
  display: flex;
  flex-direction: column;
  height: 100%; }

@media all and (max-width: 550px) {
  .product_item {
    width: 49%;
    padding: 0 20px;
    margin-right: 1%;
    display: flex;
    flex-direction: column; }
  .product_item:nth-child(3n) {
    margin-right: 1%; }
  .product_item:nth-child(even) {
    margin-right: 0; } }

@media all and (max-width: 380px) {
  .product_item {
    width: 100%;
    padding: 0 20px;
    min-height: 0; }
  .product_item.third {
    margin-right: 0; }
  .product_item:nth-child(even) {
    margin-right: 0; }
  .product_item > a {
    display: block; } }

.product_item > a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #013c51;
  background: rgba(0, 83, 128, 0.9);
  opacity: 0;
  transition: opacity 300ms; }

.product_item > a:before {
  content: "View";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -58px;
  width: 116px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  background: #fff;
  color: #013c51;
  text-align: center;
  opacity: 0;
  transition: opacity 300ms;
  z-index: 1;
  cursor: pointer; }

.product_item > a:hover:after {
  opacity: 1; }

.product_item > a:hover:before {
  opacity: 1; }

.product_item > a h2 {
  color: #013c51;
  text-align: center;
  margin-top: auto;
  font-weight: 400;
  font-size: 18px; }

.product-services .listing-page-detail a {
  color: #00BFFF;
  text-decoration: underline; }

.listing-page-detail .grid_12, .listing-page-detail .grid_6 {
  background: #fff;
  padding: 20px;
  box-sizing: border-box; }

.listing-page-detail .grid_12 {
  background-repeat: no-repeat;
  background-position: 95% 1.5%;
  background-position: calc(100% - 25px) 20px; }

.listing-page-detail #gmap_canvas {
  margin: 0 -20px; }

.listing-page-detail a.website-button {
  display: block;
  background: #027aaf;
  padding: 12px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  color: #fff;
  margin: -20px;
  border-top: 10px solid #f2f2f2; }

.listing-page-detail .listing-field.name {
  color: #005480;
  font-size: 24px;
  display: block;
  margin: 10px 0 20px; }

.listing-page-detail h3 {
  color: #005480;
  font-size: 20px;
  font-weight: 400;
  padding-left: 45px;
  background: url(/AppImages/icon_who.png) no-repeat 0 0; }

.listing-page-detail p {
  font-size: 16px;
  line-height: 160%;
  color: #000; }

.listing-page-detail h3.contact {
  background: url(/AppImages/icon_contact.png) no-repeat 0 0;
  padding-bottom: 8px; }

.listing-page-detail .services {
  padding: 20px;
  margin-top: 10px;
  box-sizing: border-box;
  font-size: 0; }

.listing-page-detail .services img {
  max-width: 100%; }

.listing-page-detail .services h3 {
  color: #fff;
  padding: 5px 0 5px 45px;
  margin-bottom: 25px; }

.listing-page-detail .services-list ul {
  margin: 0; }

.listing-page-detail .services-list li {
  color: #fff;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  list-style: none;
  padding-left: 13px;
  padding-right: 10px;
  box-sizing: border-box;
  position: relative; }

.listing-page-detail .services-list p {
  color: #fff; }

.listing-page-detail .services-list li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0; }

.listing-page-detail .services-first {
  background: #005480; }

.listing-page-detail .services-first h3 {
  background-image: url(/AppImages/services.png); }

.listing-page-detail .services-more {
  background: #013c51; }

.listing-page-detail .services-more h3 {
  background-image: url(/AppImages/services-more.png); }

/*CONTACT form*/
.template-contact-us-form-section .form-callout {
  background: #FFF;
  margin-top: 10px;
  padding: 20px; }

.template-contact-us-form-section .field_cont {
  width: 100%;
  display: inline-block; }

.template-contact-us-form-section .field_cont .form_field {
  border: none;
  padding: 0; }

.template-contact-us-form-section .field_cont input {
  border: none;
  box-sizing: border-box;
  background: #ebebeb;
  width: 100%;
  padding: 12px 15px;
  font-size: 15px;
  font-family: "Proxima-Nova", Arial, Verdana, sans serif; }

.template-contact-us-form-section .field_cont label {
  display: none; }

.template-contact-us-form-section .field_cont textarea {
  border: none;
  width: 100%;
  background: #ebebeb;
  box-sizing: border-box;
  font-size: 15px;
  padding: 12px 15px;
  font-family: "Proxima-Nova", Arial, Verdana, sans serif;
  resize: vertical; }

.template-contact-us-form-section .button_field {
  padding: 10px 35px;
  background: #005480;
  font-size: 16px;
  border: none;
  border-radius: 0;
  color: #FFF;
  float: right; }

@media (max-width: 1024px) {
  .mobile_hidden {
    display: none !important; }
  .mobile_only {
    display: block !important; }
  img {
    max-width: 100%; }
  #wrapper_header {
    padding: 0 10px 10px !important;
    margin-bottom: 0 !important; }
  .mobile_header {
    background: #fff;
    padding: 15px 10px 10px; }
  .mobile_header .logo img {
    width: 120px;
    height: auto; }
  .main_nav {
    float: left;
    width: 100%;
    position: static !important;
    width: auto !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 15px !important; }
  .main_nav ul {
    width: 100%; }
  .main_nav .panel_nav > ul > li {
    width: 100%;
    position: relative; }
  .main_nav ul li a {
    width: 100%;
    padding: 10px 0 !important; }
  .main_nav ul.top_level > li a span {
    border-right: 0;
    float: left;
    width: 100%;
    padding: 0; }
  .main_nav .top_level li .expand {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 41px;
    background: url(/CMS_Themes/BPA2014/AppImages/mobilePlus.gif) no-repeat right 0;
    cursor: crosshair; }
  .main_nav .top_level li.page_home .expand {
    display: none; }
  .main_nav.sticky > .panel_nav {
    position: static;
    margin: 0;
    width: 100%; }
  .panel_nav_panel {
    position: static;
    width: 100% !important;
    display: block !important;
    height: 0;
    overflow: hidden;
    box-shadow: none; }
  .panel_nav_sub_panel {
    width: 100%; }
  .panel_nav_panel.slide {
    height: auto; }
  .panel_nav_sub_panel > ul {
    background: #fff;
    padding: 10px 0; }
  .panel_nav_sub_panel ul li ul {
    width: 100%; }
  .panel_nav_panel ul li {
    width: 100%; }
  #toggleMobile {
    cursor: pointer;
    float: right;
    width: 15px;
    height: 15px;
    background: url(/CMS_Themes/BPA2014/AppImages/hotdog.gif) no-repeat center;
    padding: 5px 10px 10px;
    background-size: 80%;
    -webkit-background-size: 80%; }
  #mobileSearch {
    cursor: pointer;
    float: right;
    width: 15px;
    height: 15px;
    background: url(/CMS_Themes/BPA2014/AppImages/mobileSearch.gif) no-repeat center;
    padding: 5px 10px 10px;
    background-size: contain;
    -webkit-background-size: contain;
    margin-left: 15px; }
  .slide_nav_search {
    display: none;
    height: 50px;
    margin-top: 20px;
    position: relative; }
  .slide_nav_search input {
    margin-left: 0;
    width: 84%;
    padding: 3.5% 14% 3.5% 2%;
    background-position: 96.5% center; }
  .slide_nav_search a {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px; }
  body, form, #wrapper {
    position: relative;
    z-index: 2; }
  body {
    position: relative;
    margin: 0px auto;
    width: 100%;
    z-index: 1; }
  .face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d; }
  .face.back {
    display: block;
    -webkit-transform: rotateY(180deg);
    -webkit-box-sizing: border-box;
    -moz-transform: rotateY(180deg);
    -moz-box-sizing: border-box;
    -o-transform: rotateY(180deg);
    -o-box-sizing: border-box;
    transform: rotateY(180deg);
    color: white;
    text-align: center; }
  .front-hide .face.front {
    opacity: 0; }
  #wrapper_header select {
    position: static !important;
    width: 100% !important;
    margin-left: 0 !important;
    font-size: 20px;
    background-position: 96% 50%;
    font-weight: 100;
    padding: 4px;
    margin-bottom: 10px; }
  #wrapper_header .grid_19 {
    position: relative; }
  #wrapper_header .search_top {
    width: 100%;
    position: absolute;
    bottom: -50px; }
  #wrapper_content {
    padding: 0;
    background: #f2f2f2; }
  #wrapper_content .banner {
    height: auto;
    margin: 0 2%; }
  #cycle_pager {
    top: -45px;
    left: 14px;
    height: 19px; }
  #cycle_pager span {
    font-size: 35px; }
  .banner h4 {
    top: 5%;
    left: 10px;
    font-size: 34px;
    text-shadow: 0 0 6px black;
    line-height: 100%; }
  .grid_6 {
    margin: 0 !important; }
  .callout_box {
    margin: 2% 2% 0 2% !important;
    width: 96% !important; }
  .callout_box.half {
    width: 47% !important;
    margin: 2% 0 0 2% !important;
    height: auto; }
  .right_column .callout_box.half {
    width: 96% !important;
    margin: 0 0 3px 2% !important; }
  .right_column .callout_submenu {
    margin: 6px 0 0 2% !important;
    padding-bottom: 0 !important; }
  .callout_box.medium.half.last {
    width: 96% !important; }
  .callout_box.half .callout_title h3 a {
    padding: 68px 27px 28px 15px; }
  .right_column {
    width: 100%; }
  .right_column .callout_groups {
    margin-top: 3px !important; }
  .footer_scroller img {
    width: 170px !important; }
  .footer_scroller img {
    background-position: 0 95%; }
  .listings_groups li {
    float: none;
    margin: 4px auto !important; }
  .listings_groups li .info {
    -webkit-animation: none;
    -webkit-transform: none;
    -webkit-transition: opacity 400ms;
    opacity: 0; }
  .listings_groups li:hover .info {
    opacity: 1; }
  #wrapper_footer {
    padding: 15px; }
  #wrapper_footer .grid_4, #wrapper_footer .grid_6 {
    width: 50%;
    float: left;
    margin-top: 0; }
  #wrapper_footer .grid_6 p {
    margin-top: 0; }
  #wrapper_footer .grid_6 h3 {
    margin-top: 33px; }
  .council-of-reps > h1,
  .council-of-reps > p {
    padding: 0 10px; }
  .senior_quicklist_knockout .ql_searchField, .senior_quicklist_knockout .search_button {
    float: none;
    margin: 0 auto;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .senior_quicklist_knockout .quicklist_search_wrapper {
    padding: 10px; }
  .senior_quicklist_knockout .ql_searchField select,
  .senior_quicklist_knockout .ql_searchField input[type=text] {
    width: 100%;
    background: #ebebeb;
    border: none;
    padding: 6px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  li.library_item {
    float: none;
    margin: 0 auto 15px auto !important;
    width: 230px; }
  #personDetail > img {
    margin-left: 10px;
    margin-bottom: 0; }
  #personDetail .person_details {
    margin-left: 10px; }
  .refine_search {
    padding: 10px; }
  .search_result_item {
    padding: 10px; }
  .search_result_details {
    float: left;
    padding: 0;
    width: 100%;
    margin-top: 10px; }
  .search_result_image {
    margin-right: 10px; }
  .search_result_details h2 {
    border-bottom: 0; }
  .search_result_details p {
    clear: both; }
  .search_type_icon {
    display: none; }
  /* News */
  .news_wrapper .news_list_wrapper .list_item {
    width: 100% !important;
    padding: 0 !important; }
  .news_wrapper .news_list_wrapper .list_item .list_text {
    min-width: 92% !important;
    padding: 4%; }
  .news_wrapper .news_list_wrapper .featured_item.item_0, .events_list_wrapper .featured_item.item_0 {
    width: 92%;
    padding: 3%; }
  .news_wrapper .news_list_wrapper .featured_item .list_text {
    float: left; }
  .events_list_wrapper .featured_item .list_excerpt a {
    position: static;
    float: left;
    clear: both; }
  .events_list_wrapper .featured_item .list_excerpt a.list_more {
    margin-right: 10px; }
  .events_list_wrapper .featured_item .list_excerpt a.list_book {
    clear: none; }
  .events_list_wrapper .list_item {
    width: 92%;
    padding: 15px 4%;
    min-height: 195px; }
  .events_list_wrapper .list_item .list_extra {
    width: 100%;
    padding: 4%;
    height: 100%;
    box-sizing: border-box; }
  .events_list_wrapper .featured_item .list_image {
    width: 100%; }
  .events_list_wrapper .featured_item .list_excerpt {
    height: auto; }
  .contact_form_instructions {
    width: 100%;
    margin-right: 0; }
  .contact_form .form_captcha {
    width: 100%;
    margin-top: 10px; }
  .contact_form .form_button a {
    float: left;
    margin-left: 5px; }
  #membershipWrapper .content_header h1 {
    margin-left: 5px; }
  #membershipWrapper .cycle-pager {
    display: none; }
  #membershipWrapper .member_resource {
    height: auto; }
  #membershipWrapper .overview {
    width: 100%;
    clear: both; }
  #membershipWrapper .overview .fa {
    margin-top: 15px;
    font-size: 40px;
    float: left;
    margin-left: 10px; }
  #membershipWrapper .overview h3 {
    float: left;
    margin-left: 10px;
    margin-top: 20px; }
  #membershipWrapper .overview p {
    clear: both;
    text-align: left; }
  #membershipWrapper .details {
    width: 100%;
    margin: 0; }
  #membershipWrapper .details .detail_item {
    width: 96%;
    clear: both;
    text-align: left; }
  #membershipWrapper .details .detail_item img {
    margin: 0; } }

@media (max-width: 767px) {
  /* History timeline */
  .timeline .list_item {
    width: 100%;
    margin-left: 0;
    margin-right: 0 !important; }
  .timeline .list_date {
    width: 40%; }
  .timeline .list_header {
    width: 56%;
    padding: 4% 2%; }
  .timeline .list_item .list_image {
    position: static;
    width: 100%;
    height: 0;
    min-height: 0;
    transition: height 500ms; }
  .timeline .list_item .list_text {
    float: left;
    width: 100%; }
  .timeline .list_item:hover .list_image {
    height: 200px; } }

.site_selection {
  display: none !important; }

/* knowledgezone library redesign */
.library-page-cont .standard_content_header {
  font-size: 46px;
  font-weight: 300;
  margin-bottom: 35px; }

.listing_wrapper .text-box {
  background-color: #ffffff;
  padding: 30px;
  font-size: 18px;
  line-height: 1.6; }

.listing_wrapper .library_items {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.listing_wrapper .library_item {
  background-color: #ffffff;
  width: calc(33.3% - 7px);
  margin: 0 0 10px 0;
  box-sizing: border-box; }

.listing_wrapper .library_item:nth-of-type(3n+2) {
  margin-left: 10px;
  margin-right: 10px; }

.listing_wrapper .library_item img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: top; }

.listing_wrapper .library_item .text-cont {
  padding: 15px; }

.listing_wrapper .library_item .text-cont h3 {
  font-weight: 400;
  color: #233c59; }

.listing_wrapper .library_item .text-cont p {
  min-height: 100px; }

.listing_wrapper .quicklist_search_wrapper {
  padding: 26px 18px; }

.listing_wrapper .ql_searchField.sf_searchall {
  width: 100%;
  margin: 0;
  display: block;
  float: left; }

.reset-search {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
  display: none; }

#ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_Listings_ctl00_ctl00_QuickListListingEntry_ctl10_ctl00_FormField {
  position: relative; }

#ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_Listings_ctl00_ctl00_QuickListListingEntry_ctl10_ctl00_FormField:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  background: url("/CMS_Themes/BPA2014/AppImages/search.gif") center center no-repeat;
  pointer-events: none; }

.listing_wrapper .ql_searchField input[type=text] {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 10px 8px; }

.listing_wrapper .search_button {
  display: none;
  width: calc(33.3% - 10px);
  box-sizing: border-box;
  padding: 8px 5px 9px 10px;
  margin-left: 10px;
  float: left; }

.listing_wrapper .link-cover.logged-out {
  display: none; }

.listing_wrapper .library_premium .link-cover.logged-out {
  display: block; }

.listing_wrapper .link-cover {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s; }

.listing_wrapper .link-cover:hover {
  background-color: rgba(51, 148, 190, 0.2); }

.listing_wrapper .ql_searchField {
  display: none; }

.listing_wrapper .text-cont .button, .listing_wrapper .text-cont .main-content .actions a, .main-content .actions .listing_wrapper .text-cont a {
  display: inline-block;
  padding: 3px 10px; }

.listing_wrapper .text-cont .button.logged-out, .listing_wrapper .text-cont .main-content .actions a.logged-out, .main-content .actions .listing_wrapper .text-cont a.logged-out {
  display: none; }

.listing_wrapper .library_premium .text-cont .button.logged-out, .listing_wrapper .library_premium .text-cont .main-content .actions a.logged-out, .main-content .actions .listing_wrapper .library_premium .text-cont a.logged-out {
  display: inline-block; }

.listing_wrapper .locked-overlay {
  display: none;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: rgba(0, 84, 128, 0.7); }

.listing_wrapper .locked-overlay img {
  height: auto; }

.listing_wrapper .locked-overlay span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff; }

.listing_wrapper .library_premium .locked-overlay {
  display: block; }

.listing-page-detail .library-details {
  background-color: #ffffff;
  padding: 22px;
  margin-bottom: 10px; }

.listing-page-detail .library-details > div > p:first-of-type:before {
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #005480;
  float: left;
  margin: 7px 10px 0 0; }

.listing-page-detail .library-details .title {
  font-size: 28px;
  color: #005480;
  margin-bottom: 5px; }

.listing-page-detail .library-details img {
  max-width: 100%;
  margin: 15px 0; }

.listing-page-detail .library-details h2 {
  color: #005480; }

.listing-page-detail .library-details h3 {
  background: none;
  padding: 0;
  color: #005480; }

.listing-page-detail .section-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px; }

.listing-page-detail .library-video .video-cont {
  width: 100%; }

.listing-page-detail .library-downloads .download-icon {
  margin: 0 15px 0 0; }

.listing-page-detail .library-downloads .download-text {
  font-size: 22px;
  color: #000000; }

@media all and (max-width: 650px) {
  .listing_wrapper .library_item {
    width: calc(50% - 5px); }
  .listing-page-detail .library-video .video-text {
    width: 100%; }
  .listing-page-detail .library-video .video-cont {
    width: 100%;
    margin: 0; } }

@media all and (max-width: 500px) {
  .listing_wrapper .library_item img {
    height: 100px; } }

@media all and (max-width: 450px) {
  .listing_wrapper .library_item .text-cont h3 {
    font-size: 16px;
    min-height: 80px; } }

/* Adverts */
.advert-wrap {
  background: #e8e8e8;
  width: 100%;
  margin: 0 0 -35px;
  padding: 20px 0;
  float: left;
  display: block;
  box-sizing: border-box;
  position: relative;
  font-size: 0; }

.advert-wrap::before, .advert-wrap::after {
  background: #e8e8e8;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  content: ""; }

.advert-wrap::before {
  left: 100%; }

.advert-wrap::after {
  right: 100%; }

.advert-container {
  width: 100%;
  margin: 0;
  padding: 0 1px;
  overflow: hidden;
  box-sizing: border-box; }

.advert {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  box-sizing: border-box;
  margin: 0 0;
  padding: 0;
  text-align: center; }

.advert * {
  max-width: 100%; }

@media (max-width: 1024px) {
  .advert-container {
    width: 96%;
    margin: 0 2%; }
  .advert {
    width: 33.33%;
    margin-bottom: 20px; } }

@media (max-width: 550px) {
  .advert {
    width: 50%; } }

@media (max-width: 350px) {
  .advert {
    width: 100%; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**********    Core
\**********/
/* Fix issue with Senior cookie notice not stretching full width */
/* Fix issue with Senior cookie notice link font too large */
body {
  background: #CCC; }

.cookie_notice {
  box-sizing: content-box; }
  .cookie_notice a {
    font-size: inherit; }

* {
  box-sizing: border-box; }

#wrapper {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  background-color: #f2f2f2;
  padding-top: 120px; }
  @media all and (max-width: 599px) {
    #wrapper {
      padding-top: 70px; } }

.content {
  overflow: hidden; }

/*.container_24 * {*/
  /*box-sizing: content-box; }*/

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    Settings        
\**************/
/* Used to style base typography elements */
/*********************    Base Typography    
\*********************/
/* Headings */
h1 {
  /* usage */
  /* @include font(font-weight, font-size, line-height); */
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 25px; }

h2, .heading--2, .module-detail__title {
  /* usage */
  /* @include font(font-weight, font-size, line-height); */
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 25px; }

h3, .heading--4 {
  /* usage */
  /* @include font(font-weight, font-size, line-height); */
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 25px; }

h4, .heading--4 {
  /* usage */
  /* @include font(font-weight, font-size, line-height); */
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 25px; }

h5, .heading--5 {
  /* usage */
  /* @include font(font-weight, font-size, line-height); */
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 25px; }

p, span, a, li, label, th, td {
  /* usage */
  /* @include font(font-weight, font-size, line-height); */
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5; }

h1 a, h1 span, h2 a, h2 span, h3 a, h3 span, h4 a, h4 span, h5 a, h5 span, h6 a, h6 span, [class*='heading--'] a, [class*='heading--'] span, p a, p span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0; }

hr {
  margin-bottom: 20px;
  height: 1px;
  background: #a8acb1;
  border: none; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.bg--primary {
  background-color: #26303b;
  color: #FFF; }

.bg--secondary {
  background-color: #005480;
  color: #FFF; }

.bg--tertiary {
  background-color: #212933;
  color: #FFF; }

.bg--white {
  background: #FFF; }

.bg--blue {
  background: #23aae1;
  color: #FFF; }

.bg--l-grey {
  background: #f2f2f2; }

.bg--d-grey {
  background: #a8acb1; }

.t--primary {
  color: #26303b; }

.t--secondary {
  color: #005480; }

.t--tertiary {
  color: #212933; }

.t--blue {
  color: #23aae1; }

.t--small {
  font-size: 16px; }

.border--btm {
  border-bottom: 1px solid; }

.border--d-grey {
  border-color: #a8acb1; }

.border--blue {
  border-color: #23aae1; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    BUTTON
**************/
.button, .main-content .actions a, .button_field {
  background: #23aae1;
  padding: 5px 20px;
  font-weight: 700;
  margin: 0 8px 8px 0;
  display: inline-block; }
  .button:hover, .main-content .actions a:hover, .button_field:hover {
    background: #198ab8; }
  .button--back, .button_field--back {
    display: flex;
    align-items: center; }
    .button--back:before, .button_field--back:before {
      content: '';
      background-image: url(/AppImages/2018/bpa_back-chevron.png);
      background-repeat: no-repeat;
      background-position: center;
      height: 40px;
      width: 40px;
      display: inline-block;
      margin-right: 10px; }
  .button--right, .button_field--right {
    float: right; }
  .button_action, .main-content .actions li:first-of-type a, .button_field_action {
    background-color: #23aae1; }
    .button_action:hover, .main-content .actions li:first-of-type a:hover, .button_field_action:hover {
      background-color: #13688b; }

.main-content .actions {
  margin: 50px 0 0;
  text-align: right; }
  .main-content .actions li {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 20px; }
    .main-content .actions li:before {
      display: none !important; }
    .main-content .actions li.disabled a {
      background-color: #a8acb1 !important;
      cursor: default !important; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.slick-slide {
  outline: none; }

.slick-arrow {
  background: none;
  border: none;
  font-size: 28px;
  vertical-align: middle;
  color: #23aae1;
  cursor: pointer;
  margin: 0 5px; }

.slick-prev {
  margin-left: 0; }

.slick-dots {
  display: inline-block;
  vertical-align: middle; }
  .slick-dots li {
    list-style-type: none;
    display: inline-block;
    border-radius: 50%;
    background: #027aaf;
    height: 8px;
    width: 8px;
    margin: 0 10px; }
    .slick-dots li.slick-active {
      background: #FFF; }
    .slick-dots li button {
      display: none; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    HEADER
**************/
.header {
    padding: 15px 35px 0 80px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 115;
    width: 100%;
    max-width: 1680px;
    position: fixed;
    top: 0;
    height: 120px;
}
  @media all and (min-width: 1025px) {
    .header.sticky {
      box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
      padding-top: 0; }
      .header.sticky .header__global {
        display: none; }
      .header.sticky .header__logo img {
        max-height: none; } }
  .header__logo {
    width: 175px;
    display: inline-block;
    align-self: center;
    transition: all .2s; }
    @media all and (min-width: 1025px) {
      .header__logo.small {
        width: 100px;
        height: 25px;
        overflow: hidden;
        align-self: flex-end;
        margin-bottom: 15px; } }
    .header__logo img {
      max-width: 100%;
      max-height: 100%; }
  .header__login {
    border-radius: 16px;
    background: #23aae1;
    color: #FFF;
    padding: 7px 20px; }
  .header__content {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .header__global {
    margin-bottom: 15px; }
    .header__global > div {
      display: inline-block;
      vertical-align: middle; }
    .header__global a {
      font-size: 14px;
      margin: 0 10px; }
  .header__search {
    position: relative;
    color: #000; }
    .header__search i {
      font-size: 26px; }
    .header__search a {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      color: #000;
      background: #FFF; }
    .header__search-box {
      width: 0;
      border-bottom: 1px solid #000;
      height: 32px;
      transition: all .4s;
      overflow: hidden;
      text-align: left; }
      .header__search-box.active {
        width: 150px; }
    .header__search input {
      border: none;
      outline: none;
      vertical-align: middle;
      width: calc(100% - 30px);
      height: 100%; }
  .header__social a {
    display: inline-block;
    margin: 0 2px; }
  @media all and (max-width: 1280px) {
    .header {
      padding: 15px 35px 0 35px; } }
  @media all and (max-width: 1024px) {
    .header {
      justify-content: unset;
      padding: 15px 35px; }
      .header__content {
        margin-left: auto; }
      .header__global {
        margin-bottom: 0; }
        .header__global .header__social {
          margin-top: 10px;
          display: block; }
        .header__global .header__login {
          margin-right: 0; } }
  @media all and (max-width: 599px) {
    .header {
      padding: 15px; }
      .header__logo {
        height: 40px;
        width: auto; }
      .header__content {
        align-self: center; }
      .header__global a {
        margin: 0 2px; }
      .header__global a, .header__global .header__social {
        display: none; }
      .header__global .header__login, .header__global .header__search a {
        display: inline-block; }
      .header__search {
        position: static; }
        .header__search a {
          position: static; }
        .header__search-box {
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background: #FFF;
          height: auto;
          overflow: auto;
          transition: none;
          padding: 15px;
          display: none; }
          .header__search-box input {
            background: #f2f2f2;
            width: 100%;
            height: 30px; }
          .header__search-box.active {
            width: 100%;
            display: block; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
input[type=text], input[type=password], input[type=email], input[type=number], input[type=file], textarea, select {
  /*border: none;*/
  font-size: 16px;
  padding: 5px;
  background: #f2f2f2; }

input[type=submit] {
  color: #FFF;
  background: #23aae1; }

textarea {
  resize: vertical;
  min-height: 250px; }

.textbox_field {
  border: none;
  padding: 0; }

.list_control {
  display: block;
  flex: 1; }

.form_field {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap; }
  .form_field label {
    flex: 0 0 220px;
    margin: 0;
    padding: 0 10px 0 0 !important; }
  .form_field input[type=text], .form_field input[type=password], .form_field input[type=email], .form_field input[type=number], .form_field input[type=file], .form_field textarea, .form_field select {
    flex: 1 0 auto;
    border: none; }
  .form_field .error {
    width: 100%;
    text-align: right; }
  .form_field .button, .form_field .main-content .actions a, .main-content .actions .form_field a {
    margin-left: 10px; }
  @media all and (max-width: 1280px) {
    .form_field label {
      flex: 0 0 200px; } }
  @media all and (max-width: 768px) {
    .form_field label {
      flex: 0 0 160px; } }
  @media all and (max-width: 599px) {
    .form_field label {
      flex: 0 0 100%; }
    .form_field input[type=text], .form_field input[type=password], .form_field input[type=email], .form_field input[type=number], .form_field input[type=file], .form_field textarea, .form_field select {
      width: 100%; }
    .form_field .button, .form_field .main-content .actions a, .main-content .actions .form_field a {
      margin-top: 10px;
      margin-left: 0; } }

.field_cont {
  padding: 0; }
  .field_cont .button_field {
    color: #FFF; }
  .field_cont:after {
    display: block;
    content: '';
    clear: both; }
  .field_cont--full {
    width: 100%; }
    .field_cont--full label {
      width: 100%;
      padding: 0;
      margin-bottom: 16px;
      flex: 1; }
    .field_cont--full input[type=checkbox] {
      margin-right: 15px; }

.form_content_wrapper .field_cont .button_field {
  color: #FFF; }

/*chosen*/
.chosen-container-single .chosen-single {
  height: auto !important; }

.form_field.checkbox--full label, .alert_field.checkbox--full label, .reslib__filter.checkbox--full label {
  width: 100%;
  flex: 1;
  padding: 0 0 0 10px !important; }

.form_field.checkbox--full input[type=checkbox], .alert_field.checkbox--full input[type=checkbox], .reslib__filter.checkbox--full input[type=checkbox] {
  margin-right: 15px; }

.form_field textarea, .alert_field textarea, .reslib__filter textarea {
  width: 100%; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    QUOTE
**************/
blockquote {
  margin-bottom: 20px; }
  blockquote cite {
    display: block;
    font-style: italic;
    font-size: 16px; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    NAV
**************/
.nav a {
  color: #000; }

.nav-toggle {
  display: none; }

.nav li {
  list-style-type: none; }

.nav__item {
  margin: 0; }
  .nav__item--lvl1 {
    display: inline-block;
    vertical-align: middle;
    position: relative; }
    .nav__item--lvl1 > a {
      display: block;
      padding: 15px 25px; }
      @media all and (max-width: 1280px) {
        .nav__item--lvl1 > a {
          padding: 15px; } }
    .nav__item--lvl1:last-child > a {
      padding-right: 0; }
    .nav__item--lvl1 > .nav__children {
      display: none; }
  .nav__item--selected a {
    color: #23aae1; }
  @media all and (min-width: 1025px) {
    .nav__item--lvl1 > .nav__children {
      position: absolute;
      top: 100%;
      left: 0;
      text-align: left;
      width: 100%;
      width: 700px; }
      .nav__item--lvl1 > .nav__children > .nav__folder {
        padding: 45px;
        width: 50%;
        display: inline-block;
        background: #003e62; }
    .nav__item--lvl1:nth-child(n+2) > .nav__children {
      right: 0;
      left: auto; }
    .nav__item--lvl2 {
      margin-bottom: 35px; }
      .nav__item--lvl2 > a {
        /* usage */
        /* @include font(font-weight, font-size, line-height); */
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2;
        color: #FFF;
        display: block;
        border-bottom: 1px solid #23aae1;
        margin-bottom: 10px;
        padding-bottom: 5px; }
      .nav__item--lvl2:last-child {
        margin-bottom: 0; }
    .nav__item--lvl3 {
      margin-bottom: 10px; }
      .nav__item--lvl3 > a {
        color: #23aae1; }
    .nav__item--parent.nav__item--lvl1:hover:after {
      display: block;
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 12px 0 12px;
      border-color: #FFF transparent transparent transparent; }
    .nav__item--parent.nav__item--lvl1:hover > .nav__children {
      display: flex; } }

.nav__folder-title {
  display: none; }

@media all and (max-width: 1024px) {
  .nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #FFF;
    z-index: 10;
    transform: translateX(105%);
    transition: all .4s;
    padding: 100px 0;
    text-align: left; }
    .nav.active {
        transform: translateX(0);
        display: block;
        overflow: unset;
    }
    .nav-toggle {
      display: block;
      align-self: center;
      margin-left: 35px;
      position: relative;
      z-index: 15; }
    .nav a {
      color: #000; }
    .nav li {
      text-align: center; }
    .nav__item {
      display: block;
      position: relative; }
      .nav__item a {
        font-size: 22px;
        display: block;
        padding: 8px 15px; }
      .nav__item--lvl1 {
        margin: 0; }
        .nav__item--lvl1 > .nav__children {
          display: none;
          margin-bottom: 20px; }
      .nav__item--lvl2 .nav__children {
        display: block; }
      .nav__item--lvl2 > a {
        font-size: 20px;
        background: #f2f2f2;
        margin: 10px 0; }
      .nav__item--lvl3 a {
        font-size: 18px; }
      .nav__item--selected > a {
        color: #FFF;
        background: #005480; }
    .nav__children .nav__expand {
      display: none; }
    .nav__expand {
      background-image: url(/CMS_Themes/BPA2014/AppImages/icons/nav-down.png);
      background-position: center;
      height: 30px;
      width: 30px;
      position: absolute;
      right: 35px;
      top: 10px; }
      .nav__expand.active {
        background-image: url(/CMS_Themes/BPA2014/AppImages/icons/nav-up.png); } }

@media all and (max-width: 599px) {
  .nav-toggle {
    margin-left: 15px; }
  .nav__expand {
    right: 15px; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.share-links__title {
  margin-bottom: 0; }

.share-links__social {
  margin-bottom: 35px; }
  .share-links__social span {
    display: none; }
  .share-links__social .share_link {
    display: inline-block; }
    .share-links__social .share_link:before {
      content: "";
      display: inline-block;
      border: 8px solid #005480;
      width: 25px;
      height: 25px;
      margin: 0 10px 10px 0;
      background-color: #005480;
      background-size: cover; }
    .share-links__social .share_link.facebook:before {
      background-image: url(/AppImages/icons/share/facebook.svg); }
    .share-links__social .share_link.twitter:before {
      background-image: url(/AppImages/icons/share/twitter.svg); }
    .share-links__social .share_link.googleplus:before {
      background-image: url(/AppImages/icons/share/google-plus.svg); }
    .share-links__social .share_link.linkedin:before {
      background-image: url(/AppImages/icons/share/linkedin.svg); }
    .share-links__social .share_link.share_plaintext_toggle {
      display: none; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    FOOTER
**************/
.footer {
  display: flex;
  flex-wrap: wrap; }
  .footer__address p {
    line-height: 180%; }
  .footer__address .row {
    margin-bottom: 20px; }
  .footer__social {
    margin-bottom: 20px; }

.powernav_title {
  display: none; }

.powernav_container {
  font-size: 0; }
  .powernav_container [class*='grid'] {
    float: none;
    width: 50%;
    display: inline-block;
    margin: 0; }
    @media all and (max-width: 1024px) {
      .powernav_container [class*='grid'] {
        width: 100%; } }

.powernav_col.col_1 {
  padding: 0 17px 0 0; }

.powernav_col.col_2 {
  padding: 0 0 0 17px; }

.powernav_col li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #FFF;
  list-style-type: none; }

@media all and (max-width: 1024px) {
  .powernav_col.col_1, .powernav_col.col_2 {
    padding: 0; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    Settings        
\**************/
/**********    Tabs
\**********/
.main-content .tabs-nav {
  display: flex;
  flex-direction: row;
  margin: 0 -2px;
  border-bottom: 1px solid #a8acb1; }
  .main-content .tabs-nav__item {
    flex: 1;
    padding: 0;
    margin: 0 2px;
    text-align: center; }
    .main-content .tabs-nav__item:first-of-type {
      margin-left: 0; }
    .main-content .tabs-nav__item:last-of-type {
      margin-right: 0; }
    .main-content .tabs-nav__item:before {
      display: none; }
    .main-content .tabs-nav__item span {
      display: block;
      height: 100%;
      padding: 20px 20px 16px;
      background-color: #f2f2f2;
      border-top: 1px solid #a8acb1;
      border-right: 1px solid #a8acb1;
      border-left: 1px solid #a8acb1;
      cursor: pointer; }
    .main-content .tabs-nav__item--active {
      position: relative; }
      .main-content .tabs-nav__item--active:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 1px;
        width: calc(100% - 2px);
        height: 1px;
        background-color: #fff; }
      .main-content .tabs-nav__item--active:after {
        content: "\E5c5";
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        font-family: "Material Icons";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 1; }
      .main-content .tabs-nav__item--active span {
        background-color: #fff; }

.main-content .tabs-content {
  padding: 50px 0 0; }
  .main-content .tabs-content__tab {
    display: none; }
    .main-content .tabs-content__tab--open {
      display: block; }

.main-content .steps {
  padding-bottom: 50px; }
  .main-content .steps ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0;
    border-bottom: 1px solid #a8acb1;
    list-style-type: none;
    padding-left: 0 !important; }
    @media all and (min-width: 500px) {
      .main-content .steps ul {
        margin: 0 -2px; } }
  .main-content .steps li {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center; }
    @media all and (min-width: 435px) {
      .main-content .steps li {
        flex: 1;
        width: auto;
        margin: 0 2px; } }
    .main-content .steps li .current-info, .main-content .steps li .number {
      display: none; }
    .main-content .steps li:first-of-type {
      margin-left: 0; }
    .main-content .steps li:last-of-type {
      margin-right: 0; }
    .main-content .steps li:before {
      display: none; }
    .main-content .steps li a {
      display: block;
      height: 100%;
      padding: 10px;
      margin: 0;
      font-size: 16px;
      background-color: #f2f2f2;
      border-top: 1px solid #a8acb1;
      border-right: 1px solid #a8acb1;
      border-left: 1px solid #a8acb1;
      cursor: pointer;
      color: #26303b; }
      @media all and (min-width: 768px) {
        .main-content .steps li a {
          padding: 20px 20px 16px;
          font-size: 18px; } }
      .main-content .steps li a:focus {
        outline: none; }
    .main-content .steps li.current {
      position: relative; }
      .main-content .steps li.current:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 1px;
        width: calc(100% - 2px);
        height: 1px;
        background-color: #fff; }
      .main-content .steps li.current:after {
        content: "\E5c5";
        position: absolute;
        display: block;
        bottom: 50%;
        right: 0;
        transform: translateY(50%);
        font-family: "Material Icons";
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        z-index: 99; }
        @media all and (min-width: 435px) {
          .main-content .steps li.current:after {
            bottom: -20px;
            right: auto;
            left: 50%;
            transform: translateX(-50%); } }
      .main-content .steps li.current a {
        background-color: #fff; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    Settings        
\**************/
/***************    Accordion
\***************/
.accordion {
  position: relative;
  border-top: 1px solid #f2f2f2; }
  .accordion:last-of-type {
    border-bottom: 1px solid #f2f2f2; }
  .accordion--open .accordion__header:after {
    transform: translateY(-50%) rotate(180deg); }
  .accordion__content, .accordion-content {
    display: none;
    padding: 20px 0; }

.accordion__header, .accordion-header {
  position: relative;
  padding: 20px 88px 20px 0;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  transition: all 300ms;
  cursor: pointer;
  position: relative;
  border-top: 1px solid #f2f2f2; }
  .accordion__header:last-of-type, .accordion-header:last-of-type {
    border-bottom: 1px solid #f2f2f2; }
  .accordion__header:after, .accordion-header:after {
    content: "\E5c5";
    position: absolute;
    display: block;
    top: 50%;
    right: 24px;
    font-size: 36px;
    font-family: "Material Icons";
    color: #23aae1;
    transition: all 300ms;
    transform: translateY(-50%); }
  .accordion__header.accordion--open:after, .accordion-header.accordion--open:after {
    transform: translateY(-50%) rotate(180deg); }
  .accordion__header *, .accordion-header * {
    font-size: 18px;
    font-weight: 500; }
  .accordion__header h2, .accordion-header h2 {
    margin-bottom: 0; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    TABLE
**************/
table {
  margin-bottom: 45px;
  max-width: 100%; }
  .content table {
    width: 100%; }
  table th, table td {
    margin-bottom: 0;
    padding: 5px 10px; }
    table th.no--bg, table td.no--bg {
      background: none; }
  table th {
    text-align: left;
    background: #23aae1;
    color: #fff; }
  table td {
    vertical-align: top;
    border-bottom: 1px solid #26303b;
    font-weight: 400;
    color: #26303b; }
  table.price-breakdown {
    margin: 0; }
  table.table--payment th {
    background: #f2f2f2;
    text-align: left;
    color: #26303b; }
  table.table--payment td {
    border-bottom: 1px solid #f2f2f2; }
    table.table--payment td.border--none {
      border-bottom: 0; }
    table.table--payment td:first-child {
      padding-left: 0; }
  table.table--payment .remove {
    width: 44px;
    color: red;
    padding: 16px 10px; }
    table.table--payment .remove i {
      font-weight: 700;
      cursor: pointer; }
  table.table--payment tr:nth-of-type(even) td {
    background-color: transparent; }
  table.table--payment .total td {
    font-weight: 500; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.wrapper_content {
  padding-top: 0; }
  .wrapper_content p, .wrapper_content span, .wrapper_content a, .wrapper_content li, .wrapper_content label, .wrapper_content th, .wrapper_content td {
    font-size: 14px;
    line-height: 160%; }
  .wrapper_content * {
    box-sizing: content-box; }
  .wrapper_content h1 {
    font-size: 38px;
    font-weight: 600; }
  .wrapper_content h2, .wrapper_content h3, .wrapper_content h4, .wrapper_content h5, .wrapper_content h6 {
    font-weight: 600;
    line-height: 1; }
  .wrapper_content h2 {
    font-size: 20px;
    margin-bottom: 15px; }
  .wrapper_content h3 {
    font-size: 18px;
    margin-bottom: 15px; }
  .wrapper_content h4, .wrapper_content h5, .wrapper_content h6 {
    font-size: 16px; }
  .wrapper_content p, .wrapper_content label {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.8; }
  .wrapper_content h1 a, .wrapper_content h1 span, .wrapper_content h2 a, .wrapper_content h2 span, .wrapper_content h3 a, .wrapper_content h3 span, .wrapper_content h4 a, .wrapper_content h4 span, .wrapper_content h5 a, .wrapper_content h5 span, .wrapper_content h6 a, .wrapper_content h6 span, .wrapper_content p a, .wrapper_content p span, .wrapper_content a a, .wrapper_content a span {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0; }

.row--adverts .advert {
  padding: 15px; }

.row--adverts .dynamic_callout_container {
  text-align: center; }
  .row--adverts .dynamic_callout_container p {
    margin: 0;
    display: inline-block;
    width: 20%; }
    @media all and (max-width: 1024px) {
      .row--adverts .dynamic_callout_container p {
        width: 33.333%;
        margin-bottom: 20px; } }
    @media all and (max-width: 550px) {
      .row--adverts .dynamic_callout_container p {
        width: 50%; } }
    @media all and (max-width: 350px) {
      .row--adverts .dynamic_callout_container p {
        width: 100%; } }

.page-title {
  padding: 45px;
  background: #26303b;
  color: #FFF;
  margin-bottom: 35px;
  position: relative; }
  .page-title h1 {
    margin-bottom: 0; }
  .page-title .button, .page-title .main-content .actions a, .main-content .actions .page-title a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 380px;
    padding: 45px;
    font-size: 18px; }
    @media all and (max-width: 1280px) {
      .page-title .button, .page-title .main-content .actions a, .main-content .actions .page-title a {
        width: 280px; } }
    @media all and (max-width: 1024px) {
      .page-title .button, .page-title .main-content .actions a, .main-content .actions .page-title a {
        padding: 35px; } }
    @media all and (max-width: 768px) {
      .page-title .button, .page-title .main-content .actions a, .main-content .actions .page-title a {
        display: none; } }

.template {
  padding: 35px 35px 0 35px; }
  .template .main-content {
    flex: 1;
    padding: 45px;
    background: #FFF;
    display: inline-block;
    margin: 0 0 35px 0; }
    .template .main-content__inner {
      margin: 0 auto;
      width: 100%;
      max-width: 790px;
      position: relative; }
    .template .main-content ul {
      padding-left: 18px; }
  .template .sidebar {
    display: inline-block;
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    margin: 0 0 35px 35px;
    position: relative;
    overflow: hidden; }
    .template--std .template .sidebar div {
      width: auto;
      display: block;
      float: none; }
    .template .sidebar__inner {
      padding: 45px;
      flex: 1 0 auto; }
      .template .sidebar__inner .callout_submenu {
        padding: 0; }
      @media all and (max-width: 1024px) {
        .template .sidebar__inner {
          padding: 35px; } }
      @media all and (max-width: 599px) {
        .template .sidebar__inner {
          padding: 15px; } }
    .template .sidebar__map #map {
      width: 100%;
      height: 200px; }
  .template .callout_box {
    margin-left: 0;
    margin-right: 0; }
  .template .callout_submenu {
    background-color: #005480;
    padding: 35px;
    display: block;
    float: none; }
    .template .callout_submenu .callout_title {
      display: none; }
    .template .callout_submenu ul {
      padding: 0; }
      .template .callout_submenu ul li {
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #23aae1; }
        .template .callout_submenu ul li a:hover {
          background: none; }
  @media all and (max-width: 1280px) {
    .template .sidebar {
      flex: 0 0 280px; } }
  @media all and (max-width: 1024px) {
    .template--std .template .row {
      flex-direction: column; }
    .template .page-title {
      padding: 35px; }
    .template .main-content {
      flex: 0 0 100%;
      padding: 35px; }
    .template .sidebar {
      flex: 0 0 100%;
      width: auto;
      margin: 0 0 35px 0; }
      .template .sidebar .adunit {
        text-align: center; }
    .template .callout_box {
      width: 100% !important;
      margin: 0 0 35px 0 !important; } }
  @media all and (max-width: 599px) {
    .template {
      padding: 15px; }
      .template .page-title {
        padding: 35px 15px;
        margin-bottom: 15px; }
      .template .main-content {
        padding: 15px;
        margin-bottom: 15px; }
      .template .callout_box {
        padding: 15px; }
      .template .sidebar {
        margin: 0 0 15px 0; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    Callouts
\**************/
.home__callouts .callout--home {
  flex: 1; }

.sidebar .callout--home {
  margin-bottom: 35px; }
  @media all and (max-width: 768px) {
    .sidebar .callout--home {
      margin-bottom: 1px; } }

.callout--home a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  height: 100%;
  background-size: 100% auto;
  background-position: center;
  transition: .3s; }

.callout--home .saved-cb__body {
  flex: 1; }

.callout--home:hover a {
  background-size: 110% auto; }

.callout--home .saved-cb__title {
  /* usage */
  /* @include font(font-weight, font-size, line-height); */
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: #FFF;
  padding: 45px;
  margin: 0;
  display: block; }
  .sidebar .callout--home .saved-cb__title {
    padding: 35px; }
  @media all and (max-width: 1400px) {
    .callout--home .saved-cb__title {
      padding: 35px; } }
  @media all and (max-width: 1280px) {
    .callout--home .saved-cb__title {
      font-size: 24px; }
      .sidebar .callout--home .saved-cb__title {
        padding: 20px; } }
  @media all and (max-width: 1024px) {
    .callout--home .saved-cb__title {
      padding: 20px;
      font-size: 20px; } }
  @media all and (max-width: 768px) {
    .callout--home .saved-cb__title {
      padding: 45px;
      font-size: 30px; } }
  @media all and (max-width: 599px) {
    .callout--home .saved-cb__title {
      padding: 35px;
      font-size: 24px; } }

.callout--home .saved-cb__inner {
  display: block;
  height: 100%; }

.callout--home .saved-cb__body {
  display: flex;
  justify-content: space-between;
  background-color: rgba(38, 48, 59, 0.6);
  height: 100%; }

.callout--home .saved-cb__head {
  width: 126px;
  display: block;
  background: #005480;
  padding: 25px; }
  .callout--home .saved-cb__head img {
    max-width: 100%; }
  @media all and (max-width: 1280px) {
    .callout--home .saved-cb__head {
      width: 110px; } }
  @media all and (max-width: 1024px) {
    .callout--home .saved-cb__head {
      width: 88px; } }

.module-list__item, .module-callout__item {
  color: #000;
  display: flex; }
  .module-list__item-header > div, .module-callout__item-header > div {
    color: #FFF;
    background-size: auto 100%;
    background-position: center;
    position: relative;
    overflow: hidden; }
  .module-list__item-header-img, .module-callout__item-header-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    transition: .3s; }
    .module-list__item-header-img:before, .module-callout__item-header-img:before {
      position: absolute;
      content: '';
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(38, 48, 59, 0.6);
      z-index: 0; }
  .module-list__item-header-content, .module-callout__item-header-content {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .module-list__item-header:hover .module-callout__item-header-img, .module-callout__item-header:hover .module-callout__item-header-img {
    transform: scale(1.1); }
  .sidebar .module-list__item, .sidebar .module-callout__item {
    width: 100% !important; }
  .home .module-list__item, .home .module-callout__item {
    padding: 15px;
    width: 25%;
    margin: 0;
    display: flex; }
    @media all and (max-width: 1024px) {
      .home .module-list__item, .home .module-callout__item {
        width: 100%; } }
  .module-callout__items--inner .module-list__item, .module-callout__items--inner .module-callout__item {
    width: 33.3333333333%; }
    @media all and (max-width: 1024px) {
      .module-callout__items--inner .module-list__item, .module-callout__items--inner .module-callout__item {
        width: 100%; } }
  .sidebar .module-list__item:not(:last-child), .sidebar .module-callout__item:not(:last-child) {
    margin-bottom: 35px; }
  .module-list__item > div, .module-callout__item > div {
    background-color: #FFF;
    padding: 45px;
    width: 100%; }
    @media all and (max-width: 1400px) {
      .module-list__item > div, .module-callout__item > div {
        padding: 30px; } }
  .home .module-list__items, .home .module-callout__items {
    display: flex;
    flex-wrap: wrap;
    margin: -15px; }
  .module-list__items .module-callout__items--inner, .module-callout__items .module-callout__items--inner {
    margin: 0; }
  .module-list__items--inner, .module-callout__items--inner {
    width: 75%; }
    @media all and (max-width: 1024px) {
      .module-list__items--inner, .module-callout__items--inner {
        width: 100%; } }
  .module-list__item-title, .module-callout__item-title {
    margin-bottom: 25px; }
  .module-list__item-date, .module-callout__item-date {
    color: #23aae1;
    font-size: 16px; }
  .module-list__item .button, .module-list__item .main-content .actions a, .main-content .actions .module-list__item a, .module-callout__item .button, .module-callout__item .main-content .actions a, .main-content .actions .module-callout__item a {
    margin-top: auto; }
  .module-list__item p:last-child, .module-callout__item p:last-child {
    margin-bottom: 0; }

.module-callout__featured {
  padding-bottom: 35px;
  margin-bottom: 35px; }
  .module-callout__featured .module-callout__item-title {
    font-size: 30px; }
  .module-callout__featured .module-callout__item {
    width: 80%; }
    .module-callout__featured .module-callout__item > div {
      background-color: #005480;
      color: #FFF; }
    .module-callout__featured .module-callout__items {
      display: flex;
      flex-wrap: wrap; }
  .module-callout__featured .module-callout__item-header {
    width: 20%; }
    .module-callout__featured .module-callout__item-header .button, .module-callout__featured .module-callout__item-header .main-content .actions a, .main-content .actions .module-callout__featured .module-callout__item-header a {
      display: none; }
  @media all and (max-width: 1024px) {
    .module-callout__featured .module-callout__item {
      width: 60%; }
    .module-callout__featured .module-callout__item-header {
      width: 40%; } }
  @media all and (max-width: 768px) {
    .module-callout__featured .module-callout__item {
      width: 100%; }
    .module-callout__featured .module-callout__item-header {
      width: 100%;
      height: 120px; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**********    News
\**********/
.callout--news .module-callout__item-header-img {
  background-image: url(/AppImages/2018/news.jpg); }

.template--news .directory_back_link {
  display: none; }

.template--news .module-list__item {
  padding: 15px;
  color: inherit; }
  .template--news .module-list__items {
    display: flex;
    flex-wrap: wrap;
    margin: -15px; }

/*@import "../base/_variables";
@import "../base/_mixins";

.callout--events{
    .module-callout__item-header-img{
        background-image: url(/AppImages/2018/event.jpg);
    }
}

.event-detail{
    &__occurrence{
        li{
            list-style-type:none;
            padding: 10px 0;
            border-bottom: 1px solid $color-blue;
            margin-bottom:0;
        }
        label{
            display:block;
            color: $color-blue;
            margin-bottom:0;
        }
    }
}
.template--events{
    .sidebar{
        >div:not(:last-child){
            margin-bottom:35px;
        }
    }
    .senior_quicklist_knockout{
        margin-bottom: 35px;
    }
    .quicklist_search_wrapper{
        margin-top:0;
        background: $color-dark-tarmac;
        color: #FFF;
        align-items:center;
        padding:45px;
        @media all and (max-width: $mq--xxl){
            padding: 35px;
        }
        .button{
            display:inline-block;
            vertical-align:middle;
            background: $color-blue;
            padding: 5px 20px;
            font-weight: 700;
            border: none;
            border-radius: 0;
            width: auto;
            color: #fff;
            margin:0;
            @media all and (max-width: 850px){
                float:right;
            }
        }
    }
    .form_field{
        margin:0;
        label{
            flex: 0 0 100px;
        }
    }
    .ql_searchField{
        display:inline-block;
        width: 100%;
        max-width:550px;
        flex: 1 0 auto;
        margin:0 40px 0 0;
        .chosen-container{
            flex: 1 0 auto;
            color: #000;
        }
        @media all and (max-width: $mq--xl){
            select{
                width: auto;
            }
        }
        @media all and (max-width: 850px){
            max-width: none;
            margin-bottom:10px;
        }
    }
    .module-list__item{
        padding: 15px;
        color: inherit;
        &s{
            display:flex;
            flex-wrap: wrap;
            margin: -15px;
            margin-bottom: 35px;
        }
    }
    .module-callout__featured{
        margin-bottom: 0;
    }
    .module-callout__item{
        >div{
            background-color: #FFF;
            color: #000;
        }
        &-header{
            >div{ 
                color: #FFF;
            }
        }
        &-link{
      
        }
    }
}*/
/********** Events new
\**********/
/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/*********************    Events styling
\*********************/
.callout--events .module-callout__item-header-img {
  background-image: url(/AppImages/2018/event.jpg); }

.events .main-content {
  width: 100%; }

.module-search--events .module-search__filters {
  width: auto; }
  @media all and (min-width: 500px) {
    .module-search--events .module-search__filters {
      margin: 0 -18px; } }
  .module-search--events .module-search__filters label {
    color: #fff; }

.module-search--events .module-search div .form-field label {
  color: #fff; }

.module--events, .module--companies, .module--people, .module--venues {
  margin-bottom: 30px; }

.callout--events .module-item__label, .module--events .module-item__label {
  display: none; }

.callout--events .module-item__date, .module--events .module-item__date {
  margin: 0 0 20px; }

.callout--events .module-item__title, .module--events .module-item__title {
  color: #26303b; }

.callout--events .module-item__abstract, .module--events .module-item__abstract {
  color: #26303b; }

.callout--events .module-item__location, .module--events .module-item__location {
  display: none; }

.callout--events .module-item__head, .module--events .module-item__head {
  display: none; }

.callout--events .module-item__date-suffix, .module--events .module-item__date-suffix {
  display: none; }

.callout--events .sidebar__inner, .module--events .sidebar__inner {
  padding: 0;
  background-color: transparent; }

.callout--events .sidebar .event_book > h2, .module--events .sidebar .event_book > h2 {
  padding: 36px;
  margin: 0;
  background: #005480; }

.callout--events .sidebar__title, .callout--events .sidebar h2, .callout--events .sidebar h3, .callout--events .sidebar h4, .callout--events .sidebar h5, .callout--events .sidebar h6, .callout--events .sidebar p, .callout--events .sidebar li, .callout--events .sidebar label, .module--events .sidebar__title, .module--events .sidebar h2, .module--events .sidebar h3, .module--events .sidebar h4, .module--events .sidebar h5, .module--events .sidebar h6, .module--events .sidebar p, .module--events .sidebar li, .module--events .sidebar label {
  color: #fff; }

.callout--events .sidebar .event-item__date, .module--events .sidebar .event-item__date {
  color: #23aae1;
  margin-bottom: 0; }

.callout--events .sidebar .event_book, .module--events .sidebar .event_book {
  margin-bottom: 20px; }

.callout--events .sidebar__accordion--open .sidebar__accordion-title:after, .module--events .sidebar__accordion--open .sidebar__accordion-title:after {
  transform: translateY(-50%) rotate(180deg); }

.callout--events .sidebar__accordion--open .sidebar__accordion-content, .module--events .sidebar__accordion--open .sidebar__accordion-content {
  display: block; }

.callout--events .sidebar__accordion-title, .module--events .sidebar__accordion-title {
  position: relative;
  width: 100%;
  padding: 0 50px 0 0;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer; }
  .callout--events .sidebar__accordion-title:after, .module--events .sidebar__accordion-title:after {
    content: "\E313";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #fff; }

.callout--events .sidebar__accordion-content, .module--events .sidebar__accordion-content {
  display: none;
  padding-top: 36px; }

.module-callout__featured {
  padding-bottom: 0; }
  .module-callout__featured .module-item {
    width: 100%; }
  .module-callout__featured .module-item__inner {
    display: flex;
    flex-wrap: wrap; }
  .module-callout__featured .module-item__head, .module-callout__featured .module-item__body {
    width: 50%;
    display: block; }
    @media all and (max-width: 768px) {
      .module-callout__featured .module-item__head, .module-callout__featured .module-item__body {
        width: 100%; } }

.module-callout__head {
  display: none; }

.event-detail-contact {
  display: none; }

.event-detail-collab {
  padding: 60px 0 0;
  margin: 60px 0 0;
  border-top: 1px solid #f2f2f2; }
  .event-detail-collab__inner {
    display: block;
    margin: 0;
    padding: 0 18px 18px; }
    .event-detail-collab__inner:hover .event-detail-collab__bg-image {
      transform: scale(1.1); }
  .event-detail-collab__heading {
    margin: 0 0 60px; }
  .event-detail-collab__items {
    margin: 0 -18px 50px; }
  .event-detail-collab__name, .event-detail-collab__company {
    margin: 0; }
  .event-detail-collab__head {
    position: relative;
    padding-bottom: 90%;
    margin: 0 0 20px;
    border: 1px solid #f2f2f2;
    overflow: hidden; }
  .event-detail-collab__image {
    display: none; }
  .event-detail-collab__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition: .2s; }
    .event-detail-collab__bg-image--hidden {
      display: none; }
  .event-detail-collab__button-container {
    text-align: right; }

.event-detail-book__detail {
  padding: 32px;
  background: #005480;
  margin-bottom: 32px; }
  .event-detail-book__detail:first-child {
    padding-top: 0; }

.event-detail-book__date {
  padding-bottom: 10px;
  border-bottom: 1px solid #23aae1; }
  .event-detail-book__date p {
    margin-bottom: 10px; }

.event-detail-book__location {
  margin-bottom: 20px;
  color: #fff; }

.event-detail-book .ticket {
  margin-bottom: 36px; }
  .event-detail-book .ticket:last-of-type {
    margin-bottom: 0; }

.event-detail-book .ticket_name {
  display: inline-block;
  margin-right: 50px; }

.event-detail-book .ticket_description {
  display: none; }

.event-detail-book .ticket_cost-wrap {
  display: inline-block; }

.event-detail-deadline p {
  color: #23aae1 !important;
  margin-bottom: 0; }

.event-detail-deadline__date {
  padding-bottom: 10px;
  border-bottom: 1px solid #23aae1; }

.module-book__title span {
  display: block; }
  @media all and (min-width: 599px) {
    .module-book__title span {
      display: inline-block;
      margin-right: 20px; } }

.module-book__title a {
  font-size: 18px;
  color: #005480 !important;
  border: 0 !important;
  cursor: pointer; }

.module-book .accordion__header h4 {
  margin: 0; }

.event-booking-occurence .accordion__content {
  font-size: 16px; }

.event-booking-occurence .ticket-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 36px;
  margin: 0 0 2px;
  background-color: #f2f2f2; }
  .event-booking-occurence .ticket-type p {
    margin: 0; }
  .event-booking-occurence .ticket-type__name {
    flex: 3;
    padding: 0 20px 0 0;
    margin: 0; }
  .event-booking-occurence .ticket-type__cost {
    flex: 1;
    text-align: right;
    margin: 0; }
    @media all and (min-width: 599px) {
      .event-booking-occurence .ticket-type__cost {
        padding: 0 20px 0 0;
        text-align: left; } }
  .event-booking-occurence .ticket-type__qty {
    width: 100%;
    flex: auto;
    margin-top: 20px; }
    @media all and (min-width: 599px) {
      .event-booking-occurence .ticket-type__qty {
        width: auto;
        flex: 1;
        margin-top: 0; } }
    .event-booking-occurence .ticket-type__qty div {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .event-booking-occurence .ticket-type__qty p {
      padding: 0 20px 0 0; }
  .event-booking-occurence .ticket-type__restriction {
    display: none; }
  .event-booking-occurence .ticket-type__caption {
    display: none; }
  .event-booking-occurence .ticket-type .sold_out:empty {
    display: none; }
  .event-booking-occurence .ticket-type input {
    font-size: 16px;
    background-color: #fff; }

#senior-events-wizard-errors {
  padding: 20px 36px;
  color: red;
  font-weight: bold;
  font-size: 18px;
  background: #f2f2f2; }
  #senior-events-wizard-errors p {
    color: red;
    font-weight: bold;
    font-size: 18px; }
  #senior-events-wizard-errors ul {
    color: red;
    font-weight: bold;
    font-size: 18px;
    list-style-type: none;
    margin: 0px;
    padding: 0px; }

.event-booking-group {
  margin: 0 0 60px; }
  .event-booking-group:last-of-type {
    margin-bottom: 0; }

.delegate-ticket-type__title {
  margin: 50px 0; }

.session .accordion__content {
  padding-top: 0; }

.session__list {
  background-color: #f2f2f2;
  padding: 30px; }

.session__header h4 {
  font-size: 18px; }

.session__header span {
  font-size: inherit; }

.session__select {
  font-style: italic;
  padding: 16px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #005480; }
  .session__select input {
    margin-right: 8px; }

.details-section {
  padding: 0 0 50px;
  margin: 0 0 50px;
  border-bottom: 1px solid #f2f2f2; }

.confirm-details .output_field p {
  display: inline-block;
  margin-bottom: 20px; }
  .confirm-details .output_field p:first-of-type {
    margin-right: 5px; }

.tmp--companies-list .module-item__bg-image {
  width: calc(100% - (36px * 2));
  height: 103px;
  top: 36px;
  left: 36px;
  background-size: contain;
  background-repeat: no-repeat; }

.companies {
  padding: 50px 0 0;
  margin: 0 0 60px;
  border-top: 1px solid #f2f2f2; }
  .companies .evipaexpandable_region {
    margin: 0 -18px; }
  .companies .company {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 18px 18px; }
    @media all and (min-width: 599px) {
      .companies .company {
        width: 33.33%; } }
    .companies .company h6 {
      margin: 0; }
    .companies .company a {
      display: block; }
    .companies .company_image {
      position: relative;
      padding-bottom: 90%;
      margin: 0 0 20px;
      border: 1px solid #f2f2f2;
      overflow: hidden; }
    .companies .company img {
      position: absolute;
      top: 50%;
      width: 75%;
      left: 0;
      right: 0;
      margin: auto;
      transform: translateY(-50%); }
    .companies .company .about {
      display: none; }
  .companies .evipaexpandable_region {
    margin: 0 -16px; }

.tmp--venue-detail .sidebar__inner {
  padding: 36px;
  background-color: #005480; }

.tmp--venue-detail .sidebar__title, .tmp--venue-detail .sidebar h3, .tmp--venue-detail .sidebar h4, .tmp--venue-detail .sidebar h5, .tmp--venue-detail .sidebar h6, .tmp--venue-detail .sidebar p, .tmp--venue-detail .sidebar li, .tmp--venue-detail .sidebar label {
  color: #fff; }

.tmp--venue-detail .sidebar .flex-map-detail__address {
  list-style: none; }

.tmp--eventresource-list .module-item {
  margin-bottom: 36px; }

.event-assoc__head {
  background: #f2f2f2;
  margin-bottom: 30px; }

.event-assoc__image {
  position: relative;
  width: 210px; }
  .event-assoc__image img {
    display: none; }
  .tmp--company-detail .event-assoc__image {
    background: #fff;
    padding: 30px;
    border: 2px solid #f2f2f2;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .tmp--company-detail .event-assoc__image img {
      display: block; }

.event-assoc__bg-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: top center;
  background-size: cover; }

.event-assoc__details {
  flex: 1;
  padding: 30px; }

@media all and (max-width: 599px) {
  .event-assoc__image {
    height: 210px;
    margin-bottom: 30px; }
  .event-assoc__head {
    flex-direction: column;
    padding: 15px; }
  .event-assoc__details {
    padding: 0; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**********   Search
\**********/
.search-box {
  margin-bottom: 20px; }
  .search-box label {
    margin-right: 10px; }
  .search-box input {
    font-size: 16px; }
  .search-box a {
    display: inline-block; }
  .search-box label, .search-box input, .search-box a {
    vertical-align: middle; }
  .search-box .sort {
    float: right; }

.search-results__item {
  padding-bottom: 20px;
  border-bottom: 1px solid #a8acb1;
  margin-bottom: 20px; }
  .search-results__item h2 {
    font-size: 20px; }
  .search-results__item-img {
    width: 150px;
    float: left;
    margin: 0 20px 20px 0; }
  .search-results__item-date {
    font-weight: 700;
    float: right;
    margin-left: 10px; }

@media all and (max-width: 599px) {
  .search-results__item-date {
    float: none;
    margin: 0; }
  .search-results__item-img {
    width: 80px;
    margin: 0 10px 10px 0; } }

/*@import "../base/_variables";
@import "../base/_mixins";

.callout--events{
    .module-callout__item-header-img{
        background-image: url(/AppImages/2018/event.jpg);
    }
}

.event-detail{
    &__occurrence{
        li{
            list-style-type:none;
            padding: 10px 0;
            border-bottom: 1px solid $color-blue;
            margin-bottom:0;
        }
        label{
            display:block;
            color: $color-blue;
            margin-bottom:0;
        }
    }
}
.template--events{
    .sidebar{
        >div:not(:last-child){
            margin-bottom:35px;
        }
    }
    .senior_quicklist_knockout{
        margin-bottom: 35px;
    }
    .quicklist_search_wrapper{
        margin-top:0;
        background: $color-dark-tarmac;
        color: #FFF;
        align-items:center;
        padding:45px;
        @media all and (max-width: $mq--xxl){
            padding: 35px;
        }
        .button{
            display:inline-block;
            vertical-align:middle;
            background: $color-blue;
            padding: 5px 20px;
            font-weight: 700;
            border: none;
            border-radius: 0;
            width: auto;
            color: #fff;
            margin:0;
            @media all and (max-width: 850px){
                float:right;
            }
        }
    }
    .form_field{
        margin:0;
        label{
            flex: 0 0 100px;
        }
    }
    .ql_searchField{
        display:inline-block;
        width: 100%;
        max-width:550px;
        flex: 1 0 auto;
        margin:0 40px 0 0;
        .chosen-container{
            flex: 1 0 auto;
            color: #000;
        }
        @media all and (max-width: $mq--xl){
            select{
                width: auto;
            }
        }
        @media all and (max-width: 850px){
            max-width: none;
            margin-bottom:10px;
        }
    }
    .module-list__item{
        padding: 15px;
        color: inherit;
        &s{
            display:flex;
            flex-wrap: wrap;
            margin: -15px;
            margin-bottom: 35px;
        }
    }
    .module-callout__featured{
        margin-bottom: 0;
    }
    .module-callout__item{
        >div{
            background-color: #FFF;
            color: #000;
        }
        &-header{
            >div{ 
                color: #FFF;
            }
        }
        &-link{
      
        }
    }
}*/
/********** Events new
\**********/
/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/*********************    Events styling
\*********************/
.callout--events .module-callout__item-header-img {
  background-image: url(/AppImages/2018/event.jpg); }

.events .main-content {
  width: 100%; }

.module-search--events .module-search__filters {
  width: auto; }
  @media all and (min-width: 500px) {
    .module-search--events .module-search__filters {
      margin: 0 -18px; } }
  .module-search--events .module-search__filters label {
    color: #fff; }

.module-search--events .module-search div .form-field label {
  color: #fff; }

.module--events, .module--companies, .module--people, .module--venues {
  margin-bottom: 30px; }

.callout--events .module-item__label, .module--events .module-item__label {
  display: none; }

.callout--events .module-item__date, .module--events .module-item__date {
  margin: 0 0 20px; }

.callout--events .module-item__title, .module--events .module-item__title {
  color: #26303b; }

.callout--events .module-item__abstract, .module--events .module-item__abstract {
  color: #26303b; }

.callout--events .module-item__location, .module--events .module-item__location {
  display: none; }

.callout--events .module-item__head, .module--events .module-item__head {
  display: none; }

.callout--events .module-item__date-suffix, .module--events .module-item__date-suffix {
  display: none; }

.callout--events .sidebar__inner, .module--events .sidebar__inner {
  padding: 0;
  background-color: transparent; }

.callout--events .sidebar .event_book > h2, .module--events .sidebar .event_book > h2 {
  padding: 36px;
  margin: 0;
  background: #005480; }

.callout--events .sidebar__title, .callout--events .sidebar h2, .callout--events .sidebar h3, .callout--events .sidebar h4, .callout--events .sidebar h5, .callout--events .sidebar h6, .callout--events .sidebar p, .callout--events .sidebar li, .callout--events .sidebar label, .module--events .sidebar__title, .module--events .sidebar h2, .module--events .sidebar h3, .module--events .sidebar h4, .module--events .sidebar h5, .module--events .sidebar h6, .module--events .sidebar p, .module--events .sidebar li, .module--events .sidebar label {
  color: #fff; }

.callout--events .sidebar .event-item__date, .module--events .sidebar .event-item__date {
  color: #23aae1;
  margin-bottom: 0; }

.callout--events .sidebar .event_book, .module--events .sidebar .event_book {
  margin-bottom: 20px; }

.callout--events .sidebar__accordion--open .sidebar__accordion-title:after, .module--events .sidebar__accordion--open .sidebar__accordion-title:after {
  transform: translateY(-50%) rotate(180deg); }

.callout--events .sidebar__accordion--open .sidebar__accordion-content, .module--events .sidebar__accordion--open .sidebar__accordion-content {
  display: block; }

.callout--events .sidebar__accordion-title, .module--events .sidebar__accordion-title {
  position: relative;
  width: 100%;
  padding: 0 50px 0 0;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer; }
  .callout--events .sidebar__accordion-title:after, .module--events .sidebar__accordion-title:after {
    content: "\E313";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #fff; }

.callout--events .sidebar__accordion-content, .module--events .sidebar__accordion-content {
  display: none;
  padding-top: 36px; }

.module-callout__featured {
  padding-bottom: 0; }
  .module-callout__featured .module-item {
    width: 100%; }
  .module-callout__featured .module-item__inner {
    display: flex;
    flex-wrap: wrap; }
  .module-callout__featured .module-item__head, .module-callout__featured .module-item__body {
    width: 50%;
    display: block; }
    @media all and (max-width: 768px) {
      .module-callout__featured .module-item__head, .module-callout__featured .module-item__body {
        width: 100%; } }

.module-callout__head {
  display: none; }

.event-detail-contact {
  display: none; }

.event-detail-collab {
  padding: 60px 0 0;
  margin: 60px 0 0;
  border-top: 1px solid #f2f2f2; }
  .event-detail-collab__inner {
    display: block;
    margin: 0;
    padding: 0 18px 18px; }
    .event-detail-collab__inner:hover .event-detail-collab__bg-image {
      transform: scale(1.1); }
  .event-detail-collab__heading {
    margin: 0 0 60px; }
  .event-detail-collab__items {
    margin: 0 -18px 50px; }
  .event-detail-collab__name, .event-detail-collab__company {
    margin: 0; }
  .event-detail-collab__head {
    position: relative;
    padding-bottom: 90%;
    margin: 0 0 20px;
    border: 1px solid #f2f2f2;
    overflow: hidden; }
  .event-detail-collab__image {
    display: none; }
  .event-detail-collab__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition: .2s; }
    .event-detail-collab__bg-image--hidden {
      display: none; }
  .event-detail-collab__button-container {
    text-align: right; }

.event-detail-book__detail {
  padding: 32px;
  background: #005480;
  margin-bottom: 32px; }
  .event-detail-book__detail:first-child {
    padding-top: 0; }

.event-detail-book__date {
  padding-bottom: 10px;
  border-bottom: 1px solid #23aae1; }
  .event-detail-book__date p {
    margin-bottom: 10px; }

.event-detail-book__location {
  margin-bottom: 20px;
  color: #fff; }

.event-detail-book .ticket {
  margin-bottom: 36px; }
  .event-detail-book .ticket:last-of-type {
    margin-bottom: 0; }

.event-detail-book .ticket_name {
  display: inline-block;
  margin-right: 50px; }

.event-detail-book .ticket_description {
  display: none; }

.event-detail-book .ticket_cost-wrap {
  display: inline-block; }

.event-detail-deadline p {
  color: #23aae1 !important;
  margin-bottom: 0; }

.event-detail-deadline__date {
  padding-bottom: 10px;
  border-bottom: 1px solid #23aae1; }

.module-book__title span {
  display: block; }
  @media all and (min-width: 599px) {
    .module-book__title span {
      display: inline-block;
      margin-right: 20px; } }

.module-book__title a {
  font-size: 18px;
  color: #005480 !important;
  border: 0 !important;
  cursor: pointer; }

.module-book .accordion__header h4 {
  margin: 0; }

.event-booking-occurence .accordion__content {
  font-size: 16px; }

.event-booking-occurence .ticket-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 36px;
  margin: 0 0 2px;
  background-color: #f2f2f2; }
  .event-booking-occurence .ticket-type p {
    margin: 0; }
  .event-booking-occurence .ticket-type__name {
    flex: 3;
    padding: 0 20px 0 0;
    margin: 0; }
  .event-booking-occurence .ticket-type__cost {
    flex: 1;
    text-align: right;
    margin: 0; }
    @media all and (min-width: 599px) {
      .event-booking-occurence .ticket-type__cost {
        padding: 0 20px 0 0;
        text-align: left; } }
  .event-booking-occurence .ticket-type__qty {
    width: 100%;
    flex: auto;
    margin-top: 20px; }
    @media all and (min-width: 599px) {
      .event-booking-occurence .ticket-type__qty {
        width: auto;
        flex: 1;
        margin-top: 0; } }
    .event-booking-occurence .ticket-type__qty div {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .event-booking-occurence .ticket-type__qty p {
      padding: 0 20px 0 0; }
  .event-booking-occurence .ticket-type__restriction {
    display: none; }
  .event-booking-occurence .ticket-type__caption {
    display: none; }
  .event-booking-occurence .ticket-type .sold_out:empty {
    display: none; }
  .event-booking-occurence .ticket-type input {
    font-size: 16px;
    background-color: #fff; }

#senior-events-wizard-errors {
  padding: 20px 36px;
  color: red;
  font-weight: bold;
  font-size: 18px;
  background: #f2f2f2; }
  #senior-events-wizard-errors p {
    color: red;
    font-weight: bold;
    font-size: 18px; }
  #senior-events-wizard-errors ul {
    color: red;
    font-weight: bold;
    font-size: 18px;
    list-style-type: none;
    margin: 0px;
    padding: 0px; }

.event-booking-group {
  margin: 0 0 60px; }
  .event-booking-group:last-of-type {
    margin-bottom: 0; }

.delegate-ticket-type__title {
  margin: 50px 0; }

.session .accordion__content {
  padding-top: 0; }

.session__list {
  background-color: #f2f2f2;
  padding: 30px; }

.session__header h4 {
  font-size: 18px; }

.session__header span {
  font-size: inherit; }

.session__select {
  font-style: italic;
  padding: 16px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #005480; }
  .session__select input {
    margin-right: 8px; }

.details-section {
  padding: 0 0 50px;
  margin: 0 0 50px;
  border-bottom: 1px solid #f2f2f2; }

.confirm-details .output_field p {
  display: inline-block;
  margin-bottom: 20px; }
  .confirm-details .output_field p:first-of-type {
    margin-right: 5px; }

.tmp--companies-list .module-item__bg-image {
  width: calc(100% - (36px * 2));
  height: 103px;
  top: 36px;
  left: 36px;
  background-size: contain;
  background-repeat: no-repeat; }

.companies {
  padding: 50px 0 0;
  margin: 0 0 60px;
  border-top: 1px solid #f2f2f2; }
  .companies .evipaexpandable_region {
    margin: 0 -18px; }
  .companies .company {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 18px 18px; }
    @media all and (min-width: 599px) {
      .companies .company {
        width: 33.33%; } }
    .companies .company h6 {
      margin: 0; }
    .companies .company a {
      display: block; }
    .companies .company_image {
      position: relative;
      padding-bottom: 90%;
      margin: 0 0 20px;
      border: 1px solid #f2f2f2;
      overflow: hidden; }
    .companies .company img {
      position: absolute;
      top: 50%;
      width: 75%;
      left: 0;
      right: 0;
      margin: auto;
      transform: translateY(-50%); }
    .companies .company .about {
      display: none; }
  .companies .evipaexpandable_region {
    margin: 0 -16px; }

.tmp--venue-detail .sidebar__inner {
  padding: 36px;
  background-color: #005480; }

.tmp--venue-detail .sidebar__title, .tmp--venue-detail .sidebar h3, .tmp--venue-detail .sidebar h4, .tmp--venue-detail .sidebar h5, .tmp--venue-detail .sidebar h6, .tmp--venue-detail .sidebar p, .tmp--venue-detail .sidebar li, .tmp--venue-detail .sidebar label {
  color: #fff; }

.tmp--venue-detail .sidebar .flex-map-detail__address {
  list-style: none; }

.tmp--eventresource-list .module-item {
  margin-bottom: 36px; }

.event-assoc__head {
  background: #f2f2f2;
  margin-bottom: 30px; }

.event-assoc__image {
  position: relative;
  width: 210px; }
  .event-assoc__image img {
    display: none; }
  .tmp--company-detail .event-assoc__image {
    background: #fff;
    padding: 30px;
    border: 2px solid #f2f2f2;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .tmp--company-detail .event-assoc__image img {
      display: block; }

.event-assoc__bg-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: top center;
  background-size: cover; }

.event-assoc__details {
  flex: 1;
  padding: 30px; }

@media all and (max-width: 599px) {
  .event-assoc__image {
    height: 210px;
    margin-bottom: 30px; }
  .event-assoc__head {
    flex-direction: column;
    padding: 15px; }
  .event-assoc__details {
    padding: 0; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.template--login .grid_12, .template--login .grid_11 {
  float: none;
  margin: 0; }

.template--login .sidebar .main_content {
  padding: 45px; }
  @media all and (max-width: 1024px) {
    .template--login .sidebar .main_content {
      padding: 35px; } }
  @media all and (max-width: 599px) {
    .template--login .sidebar .main_content {
      padding: 15px; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    Settings        
\**************/
/*************************    Module base styling
\*************************/
.module {
  width: 100%; }
  .module-item__inner {
    display: block;
    margin: 0;
    background-color: #fff;
    height: 100%; }
  .module-item__head {
    position: relative; }
  .module-item__body {
    padding: 30px; }
  .module-item__category {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 15px;
    color: #fff;
    background-color: #005480; }
  .module-item__image {
    width: 100%; }
  .module-item__resource {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f2f2f2; }
    .module-item__resource:last-child {
      margin-bottom: 0;
      border: none; }
    .module-item__resource-image {
      margin-bottom: 30px; }
      @media all and (min-width: 768px) {
        .module-item__resource-image {
          flex: 0 0 150px;
          margin-right: 30px;
          margin-bottom: 0; } }
      .module-item__resource-image img {
        max-width: 150px; }
    .module-item__resource-details {
      flex: 0 1 100%; }
      @media all and (min-width: 768px) {
        .module-item__resource-details {
          flex: 1; } }
      @media all and (min-width: 980px) {
        .module-item__resource-details {
          margin-right: 30px; } }
    .module-item__resource-abstract {
      margin-bottom: 0; }
    .module-item__resource-button {
      flex: 0 0 100%;
      text-align: right; }
      @media all and (min-width: 980px) {
        .module-item__resource-button {
          flex: 0 0 200px;
          margin-left: auto; } }
    @media all and (min-width: 980px) {
      .module-item__resource .button, .module-item__resource .main-content .actions a, .main-content .actions .module-item__resource a {
        width: 100%; } }
    @media all and (min-width: 980px) {
      .module-item__resource p:last-child {
        margin-bottom: 0; } }
  .module-detail__image {
    margin-bottom: 30px; }
  .module-detail__title {
    margin-bottom: 30px; }
  .module-detail__sub-title {
    margin-top: -30px;
    margin-bottom: 30px; }
  .module-detail__date {
    margin-top: -30px;
    margin-bottom: 30px; }
  .module-detail-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .module-detail-footer__buttons {
      width: 100%;
      align-self: flex-end;
      text-align: right;
      margin-top: 30px; }
      @media all and (min-width: 599px) {
        .module-detail-footer__buttons {
          width: auto;
          margin: 0; } }
      .module-detail-footer__buttons span {
        display: block;
        margin: 30px 0 0;
        font-size: 16px; }
        .module-detail-footer__buttons span:empty {
          display: none; }
  .module-popup__freeze {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1; }
  .module-popup__inner {
    background: #FFF;
    z-index: 2;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px;
    color: #26303b;
    display: flex;
    flex-wrap: wrap; }
    @media all and (max-width: 1024px) {
      .module-popup__inner {
        width: auto;
        left: 20px;
        right: 20px;
        transform: translate(0, -50%); } }
    .module-popup__inner--wide {
      width: 1000px;
      max-width: none; }
      @media all and (max-width: 1024px) {
        .module-popup__inner--wide {
          width: auto; } }
    @media all and (max-width: 599px) {
      .module-popup__inner {
        padding: 30px 20px;
        transform: none;
        top: 20px;
        bottom: 20px;
        overflow: auto;
        flex-direction: column; } }
  .module-popup__col {
    width: 50%;
    padding: 0 22px; }
    .module-popup__cols {
      margin: 0 -22px; }
  .module-popup__close {
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
    color: #005480; }
  .module-popup p a:not(.button):not(.main-content .actions a) {
    color: #005480; }
  .module-book__title {
    margin-bottom: 36px; }
  .module-book__sub-title {
    margin-top: -16px;
    margin-bottom: 36px; }
  .module-book__date {
    margin-bottom: 36px; }
  .module-book__controls {
    margin: 50px 0 0;
    text-align: right; }
  .module-book h3.title {
    display: none; }
  .module-search {
    width: 100%;
    padding: 45px;
    margin: 0 0 50px 0;
    background-color: #26303b; }
    .module-search__title {
      color: #fff; }
    .module-search .form-field label {
      color: #fff; }
    .module-search__filters {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      @media all and (min-width: 500px) {
        .module-search__filters {
          margin: 0 -15px; } }
      @media all and (min-width: 500px) {
        .module-search__filters > div {
          padding: 0 15px; } }
      .module-search__filters div.form_field, .module-search__filters div.events-filter-primary-category, .module-search__filters .reslib__filter {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 30px;
        color: #fff; }
        @media all and (min-width: 435px) {
          .module-search__filters div.form_field, .module-search__filters div.events-filter-primary-category, .module-search__filters .reslib__filter {
            flex-direction: row;
            align-items: center; } }
        @media all and (min-width: 500px) {
          .module-search__filters div.form_field, .module-search__filters div.events-filter-primary-category, .module-search__filters .reslib__filter {
            flex-direction: column;
            align-items: flex-start;
            flex: 1 0 33.333%; } }
        @media all and (min-width: 980px) {
          .module-search__filters div.form_field, .module-search__filters div.events-filter-primary-category, .module-search__filters .reslib__filter {
            flex-direction: row;
            align-items: center;
            margin-bottom: 30px; } }
        .module-search__filters div.form_field .chosen-container, .module-search__filters div.events-filter-primary-category .chosen-container, .module-search__filters .reslib__filter .chosen-container {
          flex: 1; }
        .module-search__filters div.form_field label, .module-search__filters div.events-filter-primary-category label, .module-search__filters .reslib__filter label {
          margin-bottom: 30px;
          flex: 0; }
          @media all and (min-width: 500px) {
            .module-search__filters div.form_field label, .module-search__filters div.events-filter-primary-category label, .module-search__filters .reslib__filter label {
              margin-bottom: 30px; } }
          @media all and (min-width: 980px) {
            .module-search__filters div.form_field label, .module-search__filters div.events-filter-primary-category label, .module-search__filters .reslib__filter label {
              margin-bottom: 0;
              flex: 0 0 95px; } }
        .module-search__filters div.form_field select, .module-search__filters div.events-filter-primary-category select, .module-search__filters .reslib__filter select {
          flex: 1;
          width: 100%; }
      .module-search__filters .reslib__filter {
        display: flex !important; }
      .module-search__filters .button, .module-search__filters .main-content .actions a, .main-content .actions .module-search__filters a {
        align-self: flex-end; }
        @media all and (min-width: 500px) {
          .module-search__filters .button, .module-search__filters .main-content .actions a, .main-content .actions .module-search__filters a {
            margin: 0 15px 0; } }
        @media all and (min-width: 980px) {
          .module-search__filters .button, .module-search__filters .main-content .actions a, .main-content .actions .module-search__filters a {
            margin-bottom: 0;
            margin-left: auto; } }
      .module-search__filters input {
        border-color: #fff !important; }
      .module-search__filters select {
        border-color: #f2f2f2 !important; }

.grid--flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
input[type=text], input[type=password], input[type=email], input[type=number], input[type=file], textarea, select {
    /*border: none;*/
    font-size: 12px;
    padding: 5px;
    background: #f2f2f2;
}

input[type=submit] {
  color: #FFF;
  background: #23aae1; }

textarea {
  resize: vertical;
  min-height: 250px; }

.textbox_field {
  border: none;
  padding: 0; }

.list_control {
  display: block;
  flex: 1; }

.form_field {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap; }
  .form_field label {
    flex: 0 0 220px;
    margin: 0;
    padding: 0 10px 0 0 !important; }
  .form_field input[type=text], .form_field input[type=password], .form_field input[type=email], .form_field input[type=number], .form_field input[type=file], .form_field textarea, .form_field select {
    flex: 1 0 auto;
    border: none; }
  .form_field .error {
    width: 100%;
    text-align: right; }
  .form_field .button, .form_field .main-content .actions a, .main-content .actions .form_field a {
    margin-left: 10px; }
  @media all and (max-width: 1280px) {
    .form_field label {
      flex: 0 0 200px; } }
  @media all and (max-width: 768px) {
    .form_field label {
      flex: 0 0 160px; } }
  @media all and (max-width: 599px) {
    .form_field label {
      flex: 0 0 100%; }
    .form_field input[type=text], .form_field input[type=password], .form_field input[type=email], .form_field input[type=number], .form_field input[type=file], .form_field textarea, .form_field select {
      width: 100%; }
    .form_field .button, .form_field .main-content .actions a, .main-content .actions .form_field a {
      margin-top: 10px;
      margin-left: 0; } }

.field_cont {
  padding: 0; }
  .field_cont .button_field {
    color: #FFF; }
  .field_cont:after {
    display: block;
    content: '';
    clear: both; }
  .field_cont--full {
    width: 100%; }
    .field_cont--full label {
      width: 100%;
      padding: 0;
      margin-bottom: 16px;
      flex: 1; }
    .field_cont--full input[type=checkbox] {
      margin-right: 15px; }

.form_content_wrapper .field_cont .button_field {
  color: #FFF; }

/*chosen*/
.chosen-container-single .chosen-single {
  height: auto !important; }

.form_field.checkbox--full label, .alert_field.checkbox--full label, .reslib__filter.checkbox--full label {
  width: 100%;
  flex: 1;
  padding: 0 0 0 10px !important; }

.form_field.checkbox--full input[type=checkbox], .alert_field.checkbox--full input[type=checkbox], .reslib__filter.checkbox--full input[type=checkbox] {
  margin-right: 15px; }

.form_field textarea, .alert_field textarea, .reslib__filter textarea {
  width: 100%; }

.cart__address {
  margin-bottom: 30px; }
  .cart__address p {
    margin: 0; }

.cart__voucher {
  width: 60%;
  display: inline-block; }
  @media all and (max-width: 768px) {
    .cart__voucher {
      width: 100%; } }

.cart__method {
  padding: 0 15px;
  margin-bottom: 16px; }
  @media all and (min-width: 599px) {
    .cart__method.selected > div:after {
      content: '';
      display: block;
      position: absolute;
      height: 16px;
      left: 0;
      width: 100%;
      top: 100%;
      background: #f2f2f2; } }
  .cart__method > div {
    padding: 50px;
    text-align: center;
    background: #f2f2f2;
    position: relative;
    height: 100%; }
    @media all and (max-width: 1024px) {
      .cart__method > div {
        padding: 30px; } }
    @media all and (max-width: 599px) {
      .cart__method > div {
        padding: 30px; } }
  .cart__methods {
    margin: 15px -15px 0; }
  .cart__method-details > div {
    background: #f2f2f2;
    padding: 50px; }
    @media all and (max-width: 1024px) {
      .cart__method-details > div {
        padding: 30px; } }
  .cart__method-details input[type=text] {
    background: #FFF; }
  .cart__method-details[data-method="online"] .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }

.cart__cards {
  flex: 1; }
  .cart__cards img {
    height: 25px;
    margin: 0 10px 10px 0; }

.tmp--cart .sidebar__inner {
  padding: 30px;
  background-color: #005480; }

.tmp--cart .module-popup__freeze, .tmp--cart .module-popup__inner {
  display: none; }
  .tmp--cart .module-popup__freeze.active, .tmp--cart .module-popup__inner.active {
    display: block; }

ui-view {
  display: block; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/****************    Pagination
\****************/
.pager {
  width: 100%;
  margin: 30px 0; }
  .pager .pager_pagecount_multiple, .pager .pages {
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    font-size: 0;
    text-align: center; }
    .pager .pager_pagecount_multiple .pager_first, .pager .pager_pagecount_multiple .pager_previous, .pager .pager_pagecount_multiple .pager_item, .pager .pager_pagecount_multiple .pager_next, .pager .pager_pagecount_multiple .pager_last, .pager .pager_pagecount_multiple .ql_page_prev, .pager .pager_pagecount_multiple .ql_page_next, .pager .pages .pager_first, .pager .pages .pager_previous, .pager .pages .pager_item, .pager .pages .pager_next, .pager .pages .pager_last, .pager .pages .ql_page_prev, .pager .pages .ql_page_next {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px;
      color: #000;
      background: transparent;
      border: 0;
      padding: 0 !important;
      border-bottom: 2px solid transparent; }
      .pager .pager_pagecount_multiple .pager_first span, .pager .pager_pagecount_multiple .pager_previous span, .pager .pager_pagecount_multiple .pager_item span, .pager .pager_pagecount_multiple .pager_next span, .pager .pager_pagecount_multiple .pager_last span, .pager .pager_pagecount_multiple .ql_page_prev span, .pager .pager_pagecount_multiple .ql_page_next span, .pager .pages .pager_first span, .pager .pages .pager_previous span, .pager .pages .pager_item span, .pager .pages .pager_next span, .pager .pages .pager_last span, .pager .pages .ql_page_prev span, .pager .pages .ql_page_next span {
        font-size: inherit; }
      .pager .pager_pagecount_multiple .pager_first em, .pager .pager_pagecount_multiple .pager_previous em, .pager .pager_pagecount_multiple .pager_item em, .pager .pager_pagecount_multiple .pager_next em, .pager .pager_pagecount_multiple .pager_last em, .pager .pager_pagecount_multiple .ql_page_prev em, .pager .pager_pagecount_multiple .ql_page_next em, .pager .pages .pager_first em, .pager .pages .pager_previous em, .pager .pages .pager_item em, .pager .pages .pager_next em, .pager .pages .pager_last em, .pager .pages .ql_page_prev em, .pager .pages .ql_page_next em {
        display: none; }
      .pager .pager_pagecount_multiple .pager_first:hover, .pager .pager_pagecount_multiple .pager_previous:hover, .pager .pager_pagecount_multiple .pager_item:hover, .pager .pager_pagecount_multiple .pager_next:hover, .pager .pager_pagecount_multiple .pager_last:hover, .pager .pager_pagecount_multiple .ql_page_prev:hover, .pager .pager_pagecount_multiple .ql_page_next:hover, .pager .pages .pager_first:hover, .pager .pages .pager_previous:hover, .pager .pages .pager_item:hover, .pager .pages .pager_next:hover, .pager .pages .pager_last:hover, .pager .pages .ql_page_prev:hover, .pager .pages .ql_page_next:hover {
        background: none;
        color: #23aae1; }
      .pager .pager_pagecount_multiple .pager_first.selected, .pager .pager_pagecount_multiple .pager_previous.selected, .pager .pager_pagecount_multiple .pager_item.selected, .pager .pager_pagecount_multiple .pager_next.selected, .pager .pager_pagecount_multiple .pager_last.selected, .pager .pager_pagecount_multiple .ql_page_prev.selected, .pager .pager_pagecount_multiple .ql_page_next.selected, .pager .pages .pager_first.selected, .pager .pages .pager_previous.selected, .pager .pages .pager_item.selected, .pager .pages .pager_next.selected, .pager .pages .pager_last.selected, .pager .pages .ql_page_prev.selected, .pager .pages .ql_page_next.selected {
        background: transparent;
        font-weight: 500;
        border-bottom: 2px solid #23aae1;
        color: #23aae1; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************     Home      
\**************/
.home__banner-r {
  position: relative;
  display: flex; }
  .home__banner-r-ctrl {
    display: inline-block;
    position: absolute;
    bottom: 32px;
    right: 30px; }
  .home__banner-r .slick-list, .home__banner-r .slick-track {
    flex: 1;
    height: 100%; }
  .home__banner-r .saved-cb {
    position: relative;
    background-size: cover;
    flex: 1; }
    .home__banner-r .saved-cb p {
      margin: 0; }
    .home__banner-r .saved-cb__content {
      position: absolute;
      bottom: 0;
      right: 0;
      background: #005480;
      padding: 20px 200px 20px 30px;
      color: #FFF; }
    .home__banner-r .saved-cb a, .home__banner-r .saved-cb__inner {
      display: flex;
      flex: 1;
      height: 100%;
      background-size: cover; }
  @media all and (max-width: 768px) {
    .home__banner-r {
      min-height: 390px; } }

.home__banner-l {
  position: relative; }
  .home__banner-l-ctrl {
    position: absolute;
    bottom: 25px; }
    @media all and (max-width: 599px) {
      .home__banner-l-ctrl {
        bottom: 10px; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************     Products   
\**************/
.products .quicklist_search_wrapper {
  background: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 35px; }
  .products .quicklist_search_wrapper .search_button, .products .quicklist_search_wrapper .filter_button {
    display: block;
    flex: 0 0 80px;
    padding: 7px 12px;
    background: #23aae1;
    line-height: 1;
    text-align: center;
    align-self: flex-start;
    border: none;
    border-radius: 0;
    color: #FFF;
    margin: 0 0 0 10px; }

.products .sf_categories {
  display: none !important; }

.products .sf_searchall {
  width: 100%;
  flex: 1;
  margin: 0 0 10px 0 !important; }
  .products .sf_searchall input[type=text] {
    padding: 5px 12px;
    font-size: 16px; }
    .products .sf_searchall input[type=text]:placeholder {
      color: #23aae1; }

.products .sf_regions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0; }
  .products .sf_regions .form_field {
    display: flex;
    flex: 1; }
    .products .sf_regions .form_field label {
      display: none; }
    .products .sf_regions .form_field .chosen-container {
      flex: 1; }
    .products .sf_regions .form_field .chosen-single {
      padding: 3px 12px !important;
      height: auto; }
  .products .sf_regions li {
    color: #000; }

.products .main-content {
  background: none;
  padding: 0; }

.products__item {
  position: relative; }
  .products__item-img {
    flex: 1;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex: 1 1 auto; }
  .products__item img {
    max-width: 100%; }
  .products__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .products__item a > p {
      margin-bottom: 0;
      flex: 1 1 auto; }
  .products__item-flip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .2s;
    transform: translateX(-101%);
    display: flex;
    justify-content: center;
    align-items: center; }
    .products__item-flip img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 15px; }
  .products__item-appr {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #23aae1; }
  .products__item:hover .products__item-flip {
    transform: translateX(0); }

.products .sidebar {
  background: #005480;
  color: #FFF;
  margin-bottom: 35px; }

.products__categories li {
  list-style-type: none;
  cursor: pointer;
  padding: 15px 35px 0;
  margin-bottom: 0; }
  .products__categories li.active {
    background: #0d73a3; }

.products__categories a {
  display: block;
  color: #FFF;
  border-bottom: 1px solid #23aae1;
  padding-bottom: 10px; }

.products-detail .listing-field.approved img {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  right: 0; }

.products-detail .listing-field.image, .products-detail .listing-field.name {
  margin-bottom: 20px; }

.products-detail .services-list ul li {
  display: inline-block;
  width: 50%;
  padding: 0 20px 0 30px;
  vertical-align: top;
  position: relative; }
  .products-detail .services-list ul li:before {
    height: 10px;
    width: 10px;
    background: #26303b;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 7px;
    content: ''; }

.products-detail .sidebar > div {
  margin-bottom: 35px; }

.products-detail__contact li {
  list-style-type: none;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #23aae1; }

.products-detail__contact label {
  display: block;
  color: #23aae1;
  margin-bottom: 0; }

.products-detail__map #map {
  width: 100%;
  height: 300px; }

.products-detail .sidebar .button--back {
  padding: 45px;
  font-size: 18px; }
  @media all and (max-width: 1024px) {
    .products-detail .sidebar .button--back {
      padding: 35px; } }
  @media all and (max-width: 599px) {
    .products-detail .sidebar .button--back {
      padding: 15px; } }

.products-detail .template-contact-us-form-section {
  margin: 0;
  float: none;
  display: block; }
  .products-detail .template-contact-us-form-section .form-callout {
    background: transparent;
    padding: 45px; }
    @media all and (max-width: 1024px) {
      .products-detail .template-contact-us-form-section .form-callout {
        padding: 35px; } }
    @media all and (max-width: 599px) {
      .products-detail .template-contact-us-form-section .form-callout {
        padding: 15px; } }
  .products-detail .template-contact-us-form-section .button_field {
    background: #23aae1;
    margin: 0; }
  .products-detail .template-contact-us-form-section input, .products-detail .template-contact-us-form-section textarea {
    padding: 8px 10px;
    background: #FFF;
    color: #23aae1;
    font-weight: 700; }
  .products-detail .template-contact-us-form-section textarea {
    height: 100px; }

.products__landing-search {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .products__landing-search-keyword {
    flex: 0 0 450px;
    display: flex; }
  .products__landing-search h2 {
    display: inline;
    vertical-align: middle;
    margin: 0 30px 0 0; }
  .products__landing-search .form_field {
    display: inline-block;
    vertical-align: middle;
    display: flex; }
  .products__landing-search input {
    padding: 4.5px 8px;
    width: 200px;
    vertical-align: middle;
    margin-right: 10px;
    color: #23aae1;
    font-weight: 500; }
  .products__landing-search .button, .products__landing-search .main-content .actions a, .main-content .actions .products__landing-search a {
    display: inline-block;
    vertical-align: middle; }

.products__landing-item {
  min-height: 235px; }
  .products__landing-item a {
    display: block;
    color: #FFF;
    padding-top: 100px;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 3; }
    .products__landing-item a h3 {
      z-index: 2;
      position: relative; }
    .products__landing-item a img {
      position: absolute;
      bottom: 20px;
      right: 20px;
      height: 20px;
      width: 10px;
      opacity: 0;
      z-index: 5;
      transition: .4s; }
  .products__landing-item-flip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .2s;
    transform: translateX(-101%);
    z-index: 1; }
  .products__landing-item-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover; }
    .products__landing-item-img:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(38, 48, 59, 0.6); }
  .products__landing-item:hover .products__landing-item-flip {
    transform: translateX(0); }
  .products__landing-item:hover img {
    opacity: 1; }

@media all and (max-width: 1024px) {
  .products__landing-search {
    flex-direction: column-reverse; }
    .products__landing-search-keyword {
      flex: auto; } }

@media all and (max-width: 500px) {
  .products__landing-search-keyword {
    display: block; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.template--landing {
  padding-bottom: 35px; }

.landing__item > .row {
  height: 100%; }

.landing__item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  color: #FFF; }
  .landing__item-img img {
    max-width: 100%;
    max-height: 100%; }

.landing__item-content {
  height: 100%; }
  @media all and (max-width: 435px) {
    .landing__item-content span {
      display: none; } }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
/**************    Team   
\**************/
.template--team .main-content {
  padding: 0;
  background: none; }
  @media all and (max-width: 1024px) {
    .template--team .main-content {
      flex: 1; } }

@media all and (min-width: 768px) and (max-width: 1024px) {
  .template--team .sidebar {
    flex: 0 0 280px;
    margin-left: 35px; } }

.team-item {
  list-style-type: none;
  margin: 0;
  cursor: pointer;
  display: flex; }
  .team-item > div {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .team-item__position {
    margin-bottom: 0; }
  .team-item__image {
    flex: 0 0 170px;
    overflow: hidden;
    background-position: center;
    background-size: cover; }
    .team-item__image img {
      width: 100%; }
  .team-item__detail {
    position: absolute;
    top: 0;
    transition: .3s;
    left: 0;
    transform: translateX(110%);
    width: 100%;
    z-index: 1; }
    .team-item__detail .close {
      position: absolute;
      top: 5px;
      left: 5px;
      font-size: 36px;
      color: #005480;
      cursor: pointer; }
    .team-item__detail img {
      width: 100%; }
    .team-item__detail.open {
      transform: translateX(0); }
    .team-item__details {
      background: #e0e0e0;
      flex: 1 0 auto; }
    @media all and (max-width: 768px) {
      .team-item__detail {
        position: fixed;
        display: flex;
        flex-direction: column;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        z-index: 50;
        width: auto;
        overflow: auto; }
        .team-item__detail img {
          width: 50%; }
        .team-item__detail-content {
          flex: 1; }
        .team-item__detail.open {
          transform: translateX(0); } }
    @media all and (max-width: 435px) {
      .team-item__detail img {
        width: 100%; } }
  .team-items {
    padding: 0 !important; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.template--library .module-list__item {
  width: 20%; }
  .template--library .module-list__item a {
    display: block;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: inherit; }
  @media all and (max-width: 1400px) {
    .template--library .module-list__item {
      width: 25%; } }
  @media all and (max-width: 1024px) {
    .template--library .module-list__item {
      width: 33.3333333333%; } }
  @media all and (max-width: 768px) {
    .template--library .module-list__item {
      width: 50%; } }
  @media all and (max-width: 435px) {
    .template--library .module-list__item {
      width: 100%; } }

.template--library .search-tags li {
  background-color: #027aaf;
  list-style-type: none;
  color: #ffffff;
  cursor: pointer;
  padding: 4px 6px;
  margin: 0 5px 5px 0;
  display: inline-block;
  font-size: 14px; }
  .template--library .search-tags li.selected {
    background: #212933; }

.template--library .ql_searchField {
  display: none; }

.template--library .sf_name {
  display: inline-block !important;
  margin: 0; }
  .template--library .sf_name label {
    display: none; }
  .template--library .sf_name input {
    width: 220px;
    margin: 0 10px 10px 0; }
  .template--library .sf_name .form_field {
    margin: 0; }

.template--library .ql_search_toggle {
  display: none; }

.library__header hr {
  border-bottom: 0.5px solid #23aae1; }

.library__intro p:last-child {
  margin-bottom: 0; }

.library__search {
  display: flex; }
  .library__search-options {
    flex: 0 0 30%; }
    .library__search-options .button, .library__search-options .main-content .actions a, .main-content .actions .library__search-options a {
      padding: 6.5px 20px;
      vertical-align: top;
      display: inline-block; }
  .library__search-tags {
    flex: 1; }

.library__item h4 {
  display: inline; }

.library__item-img {
  flex: 0 0 190px;
  overflow: hidden;
  position: relative; }
  .library__item-img span {
    height: 100%;
    width: 100%;
    background-size: cover;
    transform: scale(1);
    transition: .3s;
    display: block; }
  .library__item-img img {
    display: none; }

.library__item.library--premium .library__item-img:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1; }

.library__item-locked {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #FFF;
  z-index: 2; }
  .library__item-locked i {
    vertical-align: middle;
    margin-right: 10px;
    color: #23aae1; }

.library__item-text {
  padding: 25px;
  background: #FFF;
  flex: 1 0 auto; }

.library__item:hover .library__item-img span {
  transform: scale(1.1); }

.library-detail .download-text {
  padding: 45px;
  background: #23aae1;
  display: block;
  margin-bottom: 35px;
  color: #FFF;
  display: flex;
  align-items: center; }
  .library-detail .download-text h2 {
    margin-bottom: 0; }

.library-detail .download-type {
  text-align: center;
  margin-right: 35px; }
  .library-detail .download-type img {
    width: 45px; }
  .library-detail .download-type span {
    display: block; }

@media all and (max-width: 768px) {
  .library__search {
    flex-direction: column; }
    .library__search-options, .library__search-tags {
      flex: 0 0 100%; } }

.module--listings .module-callout__item-header-img {
  background-image: url(/AppImages/bpa-library-placeholder.jpg);
  background-size: cover; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.timeline {
  padding-bottom: 35px;
  border-bottom: 1px solid #a8acb1;
  margin: 0 -17.5px 35px; }
  .timeline-item {
    list-style-type: none;
    padding: 0 17.5px;
    flex-direction: column;
    float: none;
    height: auto; }
    .timeline-item.slick-slide {
      display: flex; }
    .timeline-item:nth-child(2n) {
      flex-direction: column-reverse; }
    @media all and (min-width: 600px) and (max-width: 1024px) {
      .timeline-item {
        flex-direction: column-reverse; }
        .timeline-item:nth-child(2n) {
          flex-direction: column; } }
    .timeline-item__image {
      height: 280px;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .timeline-item__image {
          height: 220px; } }
    .timeline-item__content {
      flex: 1 0 auto; }
      .timeline-item__content p {
        overflow: hidden; }
    .timeline-item__date {
      float: left;
      margin-right: 30px; }
      .timeline-item__date img {
        display: inline-block; }
      @media all and (max-width: 768px) {
        .timeline-item__date {
          float: none;
          margin: 0 0 20px 0;
          text-align: left !important; } }
  .timeline-nav {
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 35px;
    display: flex;
    align-items: center; }
    .timeline-nav__item {
      list-style-type: none;
      display: inline-block;
      position: relative;
      transition: .2s;
      color: #23aae1;
      cursor: pointer; }
      .timeline-nav__item.slick-active:before {
        content: '-';
        font-size: 30px;
        color: inherit;
        display: inline-block;
        position: absolute;
        left: 0; }
      .timeline-nav__item.slick-current {
        color: #212933; }
        .timeline-nav__item.slick-current:before {
          content: ''; }
      .timeline-nav__item:hover {
        color: #212933; }
        .timeline-nav__item:hover:before {
          color: #23aae1; }

.template--timeline .slick-track {
  display: flex; }

.template--timeline .date {
  text-align: center; }
  .template--timeline .date h2, .template--timeline .date p {
    margin: 0; }
  .template--timeline .date h2 {
    line-height: 1; }
  .template--timeline .date p {
    text-transform: uppercase; }

/*************    Colours   
\*************/
/****************    Responsive   
\****************/
/**********   Mixins
\**********/
.membership__intro {
  padding-bottom: 25px;
  border-bottom: 1px solid #a8acb1;
  margin-bottom: 35px; }
  .membership__intro-inner {
    display: flex;
    flex-direction: column; }
    .membership__intro-inner > div:first-child {
      flex: 1 0 auto; }

.membership__image {
  min-height: 1px; }
  .membership__image p {
    margin: 0; }

.membership__benefits ul li {
  padding: 0 20px 0 30px;
  position: relative;
  list-style-type: none; }
  .membership__benefits ul li:before {
    height: 10px;
    width: 10px;
    background: #FFF;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 7px;
    content: ''; }

.membership__type {
  display: flex;
  flex-direction: column;
  flex: auto; }
  .membership__type .saved-cb__head {
    padding: 40px;
    margin: 0;
    color: #FFF;
    min-height: 220px;
    display: flex;
    background-size: cover;
    align-items: center;
    position: relative; }
    .membership__type .saved-cb__head:before {
      position: absolute;
      content: '';
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(38, 48, 59, 0.6);
      z-index: 0; }
  .membership__type .saved-cb__title {
    margin: 0;
    position: relative; }
  .membership__type .saved-cb__inner, .membership__type .saved-cb__body, .membership__type .saved-cb {
    display: flex;
    flex-direction: column;
    flex: auto; }
  .membership__type .saved-cb__content {
    padding: 40px;
    color: #FFF;
    background: #26303b;
    flex: auto; }
  .membership__types {
    margin-bottom: 35px; }

@media all and (max-width: 1024px) {
  .membership__type .saved-cb__head {
    padding: 40px 20px; }
  .membership__type .saved-cb__content {
    padding: 20px; } }

@media all and (max-width: 768px) {
  .membership__type .saved-cb__head {
    min-height: 100px; } }

/*# sourceMappingURL=site.css.map */