@charset "UTF-8";
/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Background colours */
.sectionBG-White {
  background-color: #ffffff; }

.sectionBG-Black {
  background-color: #111; }

.sectionBG-Light-Grey {
  background-color: #f7f7f7; }

.sectionBG-Sky-Blue {
  background-color: #89d6f2; }

.sectionBG-Neon-Pink {
  background-color: #ee0049; }

.sectionBG-Bright-Purple {
  background-color: #bd1a8d; }

.sectionBG-Dark-Purple {
  background-color: #6d216d; }

.sectionBG-Orange {
  background-color: #f6a030; }

.sectionBG-Green {
  background-color: #b5d562; }

.sectionBG-Pink {
  background-color: #daaec8; }

.sectionBG-Brown {
  background-color: #c88c5e; }

.sectionBG-Turquoise {
  background-color: #3cc8b4; }

/* @end */
/* @group Variables */
/* @end */
/* Table of Contents
   - - - - - - - - -
   1.	xxx
   - - - - - - - - -
 */
.GallerySectionBreak {
  height: 6px;
  margin-top: -1px;
  background: radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.3), transparent);
  background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), transparent);
  margin-bottom: 3rem; }

.slick-project {
  margin-bottom: 0px;
  margin-top: calc($headSpace + $SecondaryNavBarHeight); }
  .slick-project .box-video {
    margin-top: 0px !important; }
  .slick-project .bt-play {
    display: none; }
  .slick-project .bt-play.showplaybutton {
    display: block; }
  .slick-project .slick-prev, .slick-project .slick-next {
    z-index: 99 !important;
    top: 37% !important;
    width: 40px !important;
    height: 70px !important;
    background-color: transparent !important; }
  .slick-project .slick-slide {
    margin: 0px !important; }
  .slick-project img {
    width: 100%;
    height: auto;
    transition: all 0.3s linear; }
  .slick-project img:hover, .slick-project img:focus, .slick-project img:active {
    opacity: 0.8;
    filter: alpha(opacity=80); }

.drawerSlickProject {
  margin-top: 75px !important; }

/* Smartphones (portrait and landscape) ————— */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .slick-project {
    margin-top: 55px !important; } }

/* @end */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .slick-project {
    margin-top: 60px; } }