@charset "UTF-8";
/*--------------------------------------------------------------
## 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); }

/*--------------------------------------------------------------
## Page with Blocks
--------------------------------------------------------------*/
.block__heading p:first-of-type {
  margin-top: 2rem; }
.block__heading p:last-of-type {
  margin-bottom: 0; }

#blocks {
  position: relative;
  top: 40px;
  padding: 10px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media screen and (min-width: 60em) {
    #blocks {
      position: absolute;
      z-index: 1;
      width: 70vw;
      right: 40px;
      padding: 40px;
      padding-top: 40px;
      padding-right: 0; } }
  @media screen and (min-width: 100em) {
    #blocks {
      right: 60px;
      padding: 60px;
      padding-top: 120px;
      padding-right: 0; } }
  @media screen and (max-height: 700px) and (min-width: 60em) {
    #blocks {
      padding-top: 60px; } }
  @media screen and (max-height: 700px) and (min-width: 100em) {
    #blocks {
      position: 60px; } }

.block {
  width: 100%; }
  .block ul {
    position: relative;
    margin-top: 10px; }
  .block p, .block ul li {
    font-size: 0.875rem; }
  .block p:last-of-type {
    margin-bottom: 0; }
  .block h2 {
    font-size: 2rem; }
  @media screen and (min-width: 60em) {
    .block h2 {
      font-size: 2.625rem; } }
  @media screen and (min-width: 100em) {
    .block h2 {
      font-size: 4rem; } }
  .block.media {
    position: relative; }
    .block.media .icon {
      display: none;
      position: absolute;
      right: 0;
      top: 40px;
      height: 10vw;
      width: 10vw; }
    .block.media figure, .block.media article {
      display: block; }
    .block.media figure {
      width: 100%;
      height: 35vh;
      margin: 0;
      overflow: hidden;
      position: relative; }
      .block.media figure img {
        width: 100%;
        height: 100%;
        object-position: 50% 35%;
        object-fit: cover;
        display: block; }
    .block.media article {
      width: 100%;
      padding: 10px;
      padding-left: 0;
      padding-right: 0; }
      .block.media article li {
        position: relative;
        left: 1rem; }
      .block.media article li::before {
        content: '–';
        position: absolute;
        left: -1rem; }
      @media screen and (min-width: 60em) {
        .block.media article li {
          left: 0; } }
    @media screen and (min-width: 60em) {
      .block.media .icon {
        display: block;
        max-width: 150px; }
      .block.media figure, .block.media article {
        display: inline-block; }
      .block.media figure {
        width: 60%;
        height: auto; }
      .block.media article {
        width: 39%;
        padding: 40px; } }
  .block.media.mright {
    display: flex;
    flex-direction: column-reverse; }
    @media screen and (min-width: 60em) {
      .block.media.mright {
        display: inline; }
        .block.media.mright article {
          width: 39%;
          padding: 40px;
          padding-left: 0; }
        .block.media.mright .icon {
          left: 0;
          right: auto; } }
  .block.media.mfull {
    display: flex;
    flex-direction: column; }
    .block.media.mfull figure {
      width: 100%; }
    .block.media.mfull article {
      width: 100%; }
    @media screen and (min-width: 60em) {
      .block.media.mfull {
        display: inline; }
        .block.media.mfull figure {
          width: 100%; }
        .block.media.mfull article {
          width: 100%;
          padding: 20px;
          padding-left: 0; }
        .block.media.mfull .icon {
          left: 0;
          right: auto; } }
  .block.list ul {
    margin: 10px;
    margin-left: 0;
    margin-right: 0; }
  .block.list li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-left: 0; }
  .block.list li:nth-child(n+2) {
    margin-top: 20px; }
  .block.list .list_img img {
    max-height: 25px; }
  .block.list .list_text {
    width: 100%;
    padding-top: 10px; }
  @media screen and (min-width: 60em) {
    .block.list li {
      width: 49%;
      display: inline-block;
      vertical-align: top;
      margin-left: 0; }
    .block.list li:nth-child(n+2) {
      margin-top: 0; }
    .block.list li:nth-child(odd) {
      padding-right: 10px; }
    .block.list li:nth-child(even) {
      padding-left: 2.5%;
      border-left: 1px solid #F2F2F2; }
    .block.list li div {
      display: inline-block; }
    .block.list .list_img {
      width: 35%;
      vertical-align: top; }
    .block.list .list_text {
      width: 100%; }
      .block.list .list_text p:first-of-type {
        margin-top: 0; } }
  .block.logos {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
    .block.logos p {
      margin: 20px 40px; }
    .block.logos a {
      display: inline-block;
      margin-left: 20px;
      margin-right: 20px;
      margin-bottom: 40px; }
    .block.logos img {
      max-height: 25px; }
    @media screen and (min-width: 60em) {
      .block.logos img {
        max-height: 40px; } }
  .block.content {
    margin-top: 20px; }
    .block.content h3 {
      line-height: 1.15; }
    @media screen and (min-width: 60em) {
      .block.content h3 {
        font-size: 1.5rem;
        line-height: 1.5rem; } }
  @media screen and (min-width: 60em) {
    .block:nth-child(n+2) {
      margin-top: 40px; } }

.landing-row {
  display: block; }
  @media screen and (min-width: 60em) {
    .landing-row {
      display: flex; } }

.landing-block.text {
  margin-top: 20px; }
  .landing-block.text h3 {
    line-height: 1.15; }
  @media screen and (min-width: 60em) {
    .landing-block.text h3 {
      font-size: 1.5rem;
      line-height: 1.5rem; } }

.landing-block figure {
  margin: 0;
  line-height: 1; }
  .landing-block figure::after {
    content: attr(data-description);
    font-size: 0.625rem;
    top: 0rem;
    position: relative; }

.landing-block:not(.text) {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-top: 5px; }
  @media screen and (min-width: 60em) {
    .landing-block:not(.text) {
      padding: 20px; } }

.landing-block.spacer {
  display: none; }
  @media screen and (min-width: 60em) {
    .landing-block.spacer {
      display: flex; } }

.landing-block.text {
  display: block;
  padding: 0;
  margin: 10px 0; }
  .landing-block.text p {
    margin-top: 0; }
  @media screen and (min-width: 60em) {
    .landing-block.text {
      padding: 20px; } }

.block__heading h3 {
  line-height: 1.3; }

@media screen and (min-width: 60em) {
  body.page-template-template-landing h1 {
    font-size: 8vh;
    line-height: 0.85;
    letter-spacing: -0.205rem; } }

body.page-template-template-landing em {
  color: #9B9B9B;
  font-style: normal; }

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