/*--------------------------------------------------------------
## Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Variables
--------------------------------------------------------------*/
/* Webfont */
@font-face {
  font-family: 'gilroyextrabold';
  src: url("../fonts/gilroy-extrabold-webfont.woff2") format("woff2"), url("../fonts/gilroy-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* Colors */
/* Breakpoints */
/* Sizes */
/* Padding */
/* Arrows */
.arr_left:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 59.95'%3E%3Ccircle cx='30' cy='29.97' r='30' fill='%23222'/%3E%3Cpath fill='%23fff' d='M14.94 29.07l11.95-11.95.7.71-10.74 10.74h27.53v1H16.84l11.53 11.52-.7.71-12.73-12.73z'/%3E%3C/svg%3E"); }

.arr_right:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 59.95'%3E%3Ccircle cx='30' cy='29.97' r='30' fill='%23222'/%3E%3Cpath fill='%23fff' d='M44.38 29.07L32.43 17.12l-.7.71 10.74 10.74H14.94v1h27.54L30.95 41.09l.7.71 12.73-12.73z'/%3E%3C/svg%3E"); }

.arr {
  display: inline-block;
  text-indent: -100%;
  overflow: hidden;
  transition: transform 0.5s ease;
  width: 1.875rem;
  height: 1.875rem; }
  .arr:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%; }
  @media screen and (min-width: 100em) {
    .arr {
      width: 3.75rem;
      height: 3.75rem; } }
  .arr:hover {
    transform: scale(0.9); }

/*--------------------------------------------------------------
## Services
--------------------------------------------------------------*/
#services article {
  width: calc(50% - 5px);
  visibility: visible; }
#services .work__tile_details h2 {
  padding: 5px 0 10px;
  height: auto; }
#services .work__tile_details p:first-of-type {
  border-top: 1px solid #222222;
  margin-top: 0;
  padding-top: 10px; }
#services .work__tile_details p {
  font-size: 0.75rem; }
  @media screen and (min-width: 60em) {
    #services .work__tile_details p {
      font-size: 0.875rem; } }
  @media screen and (min-width: 100em) {
    #services .work__tile_details p {
      font-size: 1rem; } }
#services img {
  transform: none;
  transition: none; }
#services article a.underline {
  padding-top: 10px; }
#services article a.underline:after {
  width: 100%; }
@media screen and (min-width: 60em) {
  #services article {
    width: calc(33.33333333% - 30px);
    margin-right: 40px;
    margin-bottom: 40px; }
    #services article:nth-child(even) {
      margin-right: 40px; }
    #services article:nth-child(3n) {
      margin-right: 0; }
    #services article figure {
      width: 100%;
      height: 40vh; }
    #services article h2 {
      font-size: 2rem; } }
@media screen and (min-width: 100em) {
  #services article figure {
    width: 100%;
    height: 60vh; } }
#services figure.swipeshow {
  height: 50vw; }
  @media screen and (min-width: 60em) {
    #services figure.swipeshow {
      height: 30vw; } }
#services .swipeshow .slides {
  overflow: hidden; }
#services .swipeshow .slide {
  object-fit: cover;
  overflow: hidden; }
#services .swipeshow .slide .contain,
#services .swipeshow .slide__video.contain {
  object-fit: contain; }
#services .slide__video {
  width: 100%;
  height: 100%;
  object-fit: cover; }
#services .rellax.swipeshow {
  height: 40vh;
  overflow: visible; }
@media screen and (min-width: 60em) {
  #services .rellax.swipeshow {
    height: 40vh;
    overflow: visible; } }
@media screen and (min-width: 100em) {
  #services .rellax.swipeshow {
    height: 60vh; } }

/*# sourceMappingURL=services.css.map */