/* @less partials */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* @group GN Additions */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Greys */
/* @end */
/* @group Variables */
/* @end */
/* Table of Contents
   - - - - - - - - -
   1.	xxx
   - - - - - - - - -
 */
.ProjectSectionSpace {
  padding-top: 0.7rem;
  padding-bottom: 6rem;
}
.ProjectSectionSpace h1 {
  margin-bottom: 2rem;
}
.ProjectSectionSpace h1 span {
  color: white;
  padding: 0.4rem 0.6rem;
  font-size: 0.5em;
  margin-left: 0.7rem;
  background-color: #68b42e;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.drawerSlickProject {
  margin-top: 0px!important;
}
.slick-project {
  margin-bottom: 0px;
  margin-top: calc(140px);
}
.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: 41%!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;
  -webkit-filter: brightness(1);
  filter: brightness(1);
  transition: all 0.3s linear;
}
.slick-project img:hover,
.slick-project img:focus,
.slick-project img:active {
  -webkit-filter: brightness(0.8);
  filter: brightness(0.8);
}
.drawerSlickProject {
  margin-top: 75px !important;
}
/* Smartphones (portrait and landscape) ————— */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .slick-project {
    margin-top: 60px !important;
  }
}
/* @end */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .slick-project {
    margin-top: 60px;
  }
}
/*# sourceMappingURL=Projects_thumbs.css.map */