html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

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

/* @import must be at top of file, otherwise CSS will not work */
html {
  font-size: 62.5%; }

body {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  text-size-adjust: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 30px;
      line-height: 3rem; } }

a {
  color: #000000;
  text-decoration: none; }

h1 {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 38px;
  line-height: 3.8rem; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 50px;
      line-height: 5rem; } }
  @media screen and (min-width: 1024px) {
    h1 {
      font-size: 72px;
      font-size: 7.2rem;
      line-height: 80px;
      line-height: 8rem; } }

.eob-header__headline {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 38px;
  line-height: 3.8rem; }
  @media screen and (min-width: 768px) {
    .eob-header__headline {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 50px;
      line-height: 5rem; } }
  @media screen and (min-width: 1024px) {
    .eob-header__headline {
      font-size: 72px;
      font-size: 7.2rem;
      line-height: 80px;
      line-height: 8rem; } }

h2 {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  font-size: 31px;
  font-size: 3.1rem;
  line-height: 40px;
  line-height: 4rem; }

h3 {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  line-height: 2.3rem; }

/* HEADER */
header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (min-width: 1024px) {
    header {
      padding: 0 6.25% 10px 6.25%;
      height: 60px;
      border-bottom: 3px solid #000; } }
  @media screen and (min-width: 1280px) {
    header {
      padding: 0 0 10px 0; } }

.eob-header__logo {
  flex-basis: 40%;
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 3px solid #000; }
  @media screen and (min-width: 1024px) {
    .eob-header__logo {
      flex-basis: 12%;
      order: 1;
      align-items: flex-end;
      margin-left: 0;
      border-bottom: 0;
      padding: 0; } }
  .eob-header__logo a {
    display: block;
    margin-left: 15.625%; }
    @media screen and (min-width: 1024px) {
      .eob-header__logo a {
        margin-left: 0; } }
  .eob-header__logo svg {
    display: block;
    max-width: 110px;
    transition: .2s all ease; }
    @media screen and (min-width: 1024px) {
      .eob-header__logo svg {
        max-width: 145px;
        margin-left: 0; } }
    .eob-header__logo svg:hover {
      transform: scale(0.9); }

.eob_header__right {
  flex-basis: 60%;
  display: flex;
  border-bottom: 3px solid #000; }
  @media screen and (min-width: 1024px) {
    .eob_header__right {
      flex-basis: 5%;
      order: 3;
      margin-right: 0;
      border-bottom: 0; } }

.eob_header__langswitch {
  display: flex;
  align-items: center;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin-left: auto; }
  @media screen and (min-width: 1024px) {
    .eob_header__langswitch {
      order: 3;
      align-items: flex-end; } }
  .eob_header__langswitch p {
    width: 100%; }

.eob_header__menuswitch {
  display: flex;
  align-items: center;
  margin-left: 6%;
  margin-right: 10.416%; }
  @media screen and (min-width: 1024px) {
    .eob_header__menuswitch {
      display: none; } }

.eob-header__logo-red {
  fill: #EB3D34; }

.eob-header__logo-lightblue {
  fill: #00D9FF; }

.eob-header__logo-darkblue {
  fill: #CC37C2; }

.eob-header__logo-yellow {
  fill: #FFBD08; }

.eob-header__logo-green {
  fill: #46E4BC; }

.eob-header__logo-brown {
  fill: #FF7477; }

.eob_header__langswitch-red {
  color: #EB3D34; }

.eob_header__langswitch-lightblue {
  color: #00D9FF; }

.eob_header__langswitch-darkblue {
  color: #CC37C2; }

.eob_header__langswitch-yellow {
  color: #FFBD08; }

.eob_header__langswitch-green {
  color: #46E4BC; }

.eob_header__langswitch-brown {
  color: #FF7477; }

.eob_header__menu {
  display: none;
  flex-basis: 100%;
  border-bottom: 2px solid #000; }
  @media screen and (min-width: 1024px) {
    .eob_header__menu {
      order: 2;
      display: flex;
      align-items: flex-end;
      flex-basis: 74%;
      border-bottom: 0; } }

.hamburger {
  font-size: 20px;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding: 0;
  cursor: pointer;
  transition: transform .2s ease-in-out;
  vertical-align: middle;
  border: 0 none;
  background: transparent; }

/**
 * Button height fix for Firefox
 */
.hamburger::-moz-focus-inner {
  padding: 0;
  border: 0 none; }

/**
 * Focus fix for Chrome
 */
.hamburger:focus {
  outline: 0; }

.hamburger:before,
.hamburger:after {
  content: ""; }

.hamburger:before,
.hamburger .icon,
.hamburger:after {
  display: block;
  width: 100%;
  height: .2em;
  margin: 0 0 .2em;
  transition: transform .2s ease-in-out;
  border-radius: 5px;
  background: #000; }

.hamburger.active:before,
.hamburger.active .icon,
.hamburger.active:after {
  background: #000; }

.hamburger.hamburger-cancel.active .icon {
  transform: scale(0); }

.hamburger.hamburger-cancel.active:before {
  transform: translateY(0.4em) rotate(135deg); }

.hamburger.hamburger-cancel.active:after {
  transform: translateY(-0.4em) rotate(-135deg); }

img {
  max-width: 100%; }

.eob-img {
  width: 100%; }

.eob-img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.eob-header__video {
  display: flex;
  flex-direction: column;
  border-bottom: 3px solid #000000; }
  @media screen and (min-width: 520px) {
    .eob-header__video {
      flex-direction: row; } }
  .eob-header__video .eob-header__video-left {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 6.25%;
    border-bottom: 2px solid #000000; }
    @media screen and (min-width: 520px) {
      .eob-header__video .eob-header__video-left {
        width: 60%;
        padding: 2rem 6.25%;
        border-bottom: 0; } }
    @media screen and (min-width: 768px) {
      .eob-header__video .eob-header__video-left {
        width: 63%; } }
  .eob-header__video .eob-header__video-right {
    width: 100%; }
    @media screen and (min-width: 520px) {
      .eob-header__video .eob-header__video-right {
        width: 40%; } }
    @media screen and (min-width: 768px) {
      .eob-header__video .eob-header__video-right {
        width: 37%; } }
    .eob-header__video .eob-header__video-right .eob-home_videocontainer {
      -webkit-backface-visibility: hidden;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      width: 100%;
      height: 100%;
      z-index: 1;
      position: relative; }
      .eob-header__video .eob-header__video-right .eob-home_videocontainer video {
        width: 100%;
        height: 100%;
        margin-bottom: -1rem; }

section {
  outline: none; }

div {
  box-sizing: border-box; }

.eob-outer-container {
  max-width: 1280px;
  margin: 0 auto; }
  @media screen and (min-width: 1280px) {
    .eob-outer-container {
      width: 95%; } }

.eob-menu {
  display: flex;
  flex-flow: row wrap;
  flex-basis: 100%;
  font-size: 16px;
  font-size: 1.6rem; }

.eob-menu__item {
  flex-basis: 87.5%;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  line-height: 40px;
  line-height: 4rem;
  border-bottom: 1px solid #000; }
  @media screen and (min-width: 1024px) {
    .eob-menu__item {
      flex-basis: auto;
      border: none;
      margin-left: 2rem;
      line-height: 20px;
      line-height: 2rem; } }
  .eob-menu__item a {
    display: block;
    transition: all .2s; }
    .eob-menu__item a:hover {
      transform: scale(1, -1); }
  .eob-menu__item .active {
    transform: scale(1, -1); }

.eob-menu__contact {
  flex-basis: 100%;
  font-weight: bold; }
  @media screen and (min-width: 1024px) {
    .eob-menu__contact {
      flex-basis: auto; } }
  .eob-menu__contact a {
    color: #FF7477; }

.eob-subnav {
  display: none;
  flex-flow: row wrap;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  padding: 10px;
  border-bottom: 1px solid #000000;
  background-color: #FF7477; }
  @media screen and (min-width: 768px) {
    .eob-subnav {
      padding-left: 30px;
      background-color: transparent;
      display: flex; } }

.eob-subnav--visible {
  display: flex; }

.eob-subnav__item {
  flex-basis: auto;
  text-transform: uppercase; }
  .eob-subnav__item a:hover {
    color: #FF7477; }
  @media screen and (min-width: 768px) {
    .eob-subnav__item {
      margin-right: 2rem; } }

.eob-subnav__item:after {
  content: '\00B7';
  padding-right: 5px; }
  @media screen and (min-width: 768px) {
    .eob-subnav__item:after {
      content: '';
      padding: 0; } }

.eob-subnav__item:last-child:after {
  content: ''; }

.eob-subnav__item .active {
  font-weight: 500; }

@media screen and (min-width: 768px) {
  .eob-header__title {
    max-width: 75%; } }

.eob-div--hidden {
  display: none; }

.eob-main_margin {
  width: 87.5%;
  margin: 0 auto; }
  @media screen and (min-width: 1280px) {
    .eob-main_margin {
      width: 100%; } }

/* HOME */
.eob-home__section-title {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  text-transform: uppercase;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .eob-home__section-title {
      margin-bottom: .6rem; } }

.eob-home__section-title::before {
  content: '// '; }

.eob-home__section-title::after {
  content: ' //'; }

.eob-home__section-subtitle {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 31px;
  line-height: 3.1rem;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .eob-home__section-subtitle {
      font-size: 35px;
      font-size: 3.5rem;
      line-height: 35px;
      line-height: 3.5rem; } }

.eob-home__section {
  padding: 2rem 6.25%; }

.eob-home__about {
  position: relative;
  background: #FF7477; }
  .eob-home__about .eob-home__about--svg {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
  .eob-home__about svg {
    width: 250px;
    fill: #000;
    opacity: .0666; }

.eob-home-about__text {
  flex-basis: 45%; }

.eob-home-about__image {
  width: 50%;
  height: auto;
  object-fit: contain; }

.eob-home__description {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: normal; }
  @media screen and (min-width: 1024px) {
    .eob-home__description {
      max-width: 70%; } }

.eob-home__services {
  padding-bottom: 30px;
  background: #57708A url("/img/art/panel-bg-dots.png"); }

.eob-home-services__title,
.eob-home-services__subtitle,
.eob-home-services__description-text-intro,
.eob-home-services__description-text {
  display: inline;
  background-color: #fff;
  box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
  padding: 5px 0;
  color: #000; }

.eob-home-services__description {
  margin: 20px 0 30px 0;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 32px;
  line-height: 3.2rem; }
  @media screen and (min-width: 768px) {
    .eob-home-services__description {
      font-size: 40px;
      font-size: 4rem;
      line-height: 45px;
      line-height: 4.5rem; } }

.eob-home-services__category {
  color: #000;
  text-transform: uppercase; }

.eob-home-services__category:hover {
  color: #FF7477; }

.eob-home-services__link {
  background-color: #fff;
  color: #000;
  border: 3px solid #000000;
  padding: 5px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold; }

.eob-home__method {
  border-top: 3px solid #000000; }
  @media screen and (min-width: 1024px) {
    .eob-home__method {
      display: flex;
      justify-content: space-between; } }

.eob-home-method__image {
  display: block; }
  @media screen and (min-width: 1024px) {
    .eob-home-method__image {
      width: 65%;
      padding-top: 1rem; } }
  .eob-home-method__image img {
    width: 100%; }

.eob-home-method__text {
  padding: 2rem 6.25%; }
  @media screen and (min-width: 1024px) {
    .eob-home-method__text {
      padding: 2rem 0;
      flex-basis: 35%; } }

.eob-home-method__description {
  margin-bottom: 2rem; }

.eob-home-method__link {
  border: 1px solid #000000;
  padding: 5px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold; }

.eob-home__news {
  border-top: 3px solid #000; }
  @media screen and (min-width: 1280px) {
    .eob-home__news {
      padding: 2rem 0 0; } }
  .eob-home__news .eob-news-list__container {
    margin-top: 2rem; }

/* WORK */
.eob-work__header {
  border-bottom: 3px solid #000000;
  padding: 2rem 6.25%;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-work__header {
      background-image: url("/img/art/header-bg-plus.png"); } }

.eob-metal__header {
  padding: 2rem 0;
  border-bottom: 1px solid #000; }
  @media screen and (min-width: 768px) {
    .eob-metal__header {
      display: flex;
      align-items: center;
      justify-content: space-between; } }
  .eob-metal__header .eob-header__title {
    font-family: "Sentinel A", "Sentinel B", serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    font-size: 4rem;
    line-height: 46px;
    line-height: 4.6rem; }
    @media screen and (min-width: 768px) {
      .eob-metal__header .eob-header__title {
        width: 35%;
        padding-left: 30px; } }

.eob-fullmetalintro {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #454545;
  font-weight: 200;
  margin-top: 1rem; }
  @media screen and (min-width: 768px) {
    .eob-fullmetalintro {
      width: 56.666%;
      padding: .75%; } }
  @media screen and (min-width: 1024px) {
    .eob-fullmetalintro {
      width: 66.666%; } }

.eob-work__list {
  margin: 2rem -0.75%; }

.eob-work__item {
  padding: 0.75%;
  position: relative; }
  @media screen and (min-width: 376px) {
    .eob-work__item {
      float: left;
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .eob-work__item {
      width: 33.3333333%; } }

@media screen and (min-width: 376px) {
  .eob-work__item--landscape-small {
    height: calc(width / 1.683333333333333); }
  .eob-work__item--landscape-big {
    width: 100%;
    height: calc(width / 1.655378486055777); }
  .eob-work__item--portrait {
    height: calc(width / 0.804780876494024); } }

@media screen and (min-width: 768px) {
  .eob-work__item--landscape-big {
    width: 66.66666666%;
    height: calc(width / 1.655378486055777); } }

.eob-work__item-image {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  object-fit: contain; }

.eob-work__item-title-container {
  display: block;
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 30px; }
  @media screen and (min-width: 768px) {
    .eob-work__item-title-container {
      display: none; } }

.eob-work__item-title {
  color: white;
  background-color: black;
  box-shadow: 0.5em 0 0 black, -0.5em 0 0 black;
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  display: block;
  padding: 5px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 18px;
  line-height: 1.8rem; }

.eob-work__item:hover .eob-work__item-title-container {
  display: block; }

/* PROJECTS */
.eob-project-back {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
  line-height: 2.1rem;
  text-transform: uppercase;
  font-weight: 600; }
  @media screen and (min-width: 768px) {
    .eob-project-back {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px; } }

.eob-project-head {
  background: #46E4BC;
  color: #FFFFFF; }

@media screen and (min-width: 768px) {
  .eob-project-container {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 768px) {
  .eob-project-head {
    display: flex;
    justify-content: space-between; } }

.eob-project-title {
  padding: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-project-title {
      padding: 40px; } }

.eob-project-title__name {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  margin-top: 1rem; }
  @media screen and (min-width: 768px) {
    .eob-project-title__name {
      font-size: 20px;
      font-size: 2rem;
      line-height: 26px;
      line-height: 2.6rem; } }

.eob-project-details {
  padding: 0 0 20px 20px; }
  @media screen and (min-width: 768px) {
    .eob-project-details {
      flex-basis: 22%;
      padding: 15px 0 15px 0; } }

@media screen and (min-width: 768px) {
  .eob-project-details__item {
    padding: 2rem; } }

.eob-project-details__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold; }

.eob-project-details__name {
  font-size: 16px;
  font-size: 1.6rem; }

.eob-project-branch,
.eob-project-category {
  display: none; }
  @media screen and (min-width: 768px) {
    .eob-project-branch,
    .eob-project-category {
      display: block; } }

.eob-project-content {
  margin-top: 35px; }
  @media screen and (min-width: 768px) {
    .eob-project-content {
      flex-basis: 70%; } }

@media screen and (min-width: 1280px) {
  .eob-project-section_quotext {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.eob-project-section__nav-item {
  color: #979797;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-top: .5rem; }

.eob-project-section__nav-item--selected {
  color: #000000;
  font-weight: bold;
  text-transform: capitalize; }

.eob-project-section__content {
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-project-section__content {
      flex-basis: 100%; } }

.eob-project-section__content2 {
  flex-basis: 70%; }

.eob-project-section__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  color: #454545;
  font-weight: 300; }
  @media screen and (min-width: 768px) {
    .eob-project-section__text {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 32px;
      line-height: 3.2rem; }
      .eob-project-section__text p {
        margin-top: 1rem; } }

.eob-project-summary .eob-project-section__text {
  font-weight: 200; }
  @media screen and (min-width: 768px) {
    .eob-project-summary .eob-project-section__text {
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 38px;
      line-height: 3.8rem; } }

.eob-project-section__title {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  font-size: 2rem;
  text-transform: uppercase;
  color: #000;
  font-weight: 700; }

.eob-project-section__quote {
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  font-style: italic;
  color: #5b5b5b;
  font-weight: 300;
  flex-basis: 25%;
  width: 100%;
  margin: 10px 0 20px 0; }
  @media screen and (min-width: 768px) {
    .eob-project-section__quote {
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 36px;
      line-height: 3.6rem; } }
  .eob-project-section__quote p {
    border-top: 1px solid #00D9FF;
    border-bottom: 1px solid #00D9FF;
    padding: 15px 0; }

.eob-project-sidebar {
  margin-top: 35px; }
  @media screen and (min-width: 376px) {
    .eob-project-sidebar {
      display: flex;
      justify-content: space-between; } }
  @media screen and (min-width: 768px) {
    .eob-project-sidebar {
      display: block;
      flex-basis: 22%; } }

.eob-project-sidebar__promobox {
  position: relative; }

.eob-project__item-title-container {
  display: block;
  max-width: 100px;
  position: absolute;
  z-index: 10;
  top: 18px;
  left: 23px; }

.eob-project__item-title {
  display: block;
  color: white;
  background-color: black;
  box-shadow: 0.5em 0 0 black, -0.5em 0 0 black;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: bold;
  padding: 5px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 1px; }

.eob-project-sidebar__promobox:hover .eob-project__item-title-container {
  display: block; }

.eob-project-sidebar__title {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem; }

.eob-project-section__image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 2rem; }

.eob-project-related__item {
  display: block;
  margin-bottom: 2rem; }
  @media screen and (min-width: 376px) {
    .eob-project-related__item {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    .eob-project-related__item {
      flex-basis: 100%; } }

.eob-project-related__image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
  border: 1px solid #ebebeb; }

/* FOOTER */
.eob-footer {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 2rem 6.25%; }
  @media screen and (min-width: 768px) {
    .eob-footer {
      display: flex; } }
  @media screen and (min-width: 1280px) {
    .eob-footer {
      padding: 2rem 0; } }

.eob-footer-line {
  border-top: 3px solid #000000;
  margin-top: 4rem; }

@media screen and (min-width: 768px) {
  .eob-footer-contact {
    order: 1;
    flex-basis: 70%; } }

@media screen and (min-width: 768px) {
  .eob-footer-share {
    order: 2;
    flex-basis: 30%;
    text-align: right; } }

.eob-footer-share a {
  margin: 0 10px 0 0;
  font-size: 22px;
  transition: .2s; }
  .eob-footer-share a:hover {
    opacity: .6;
    transform: scale(0.9); }
  @media screen and (min-width: 768px) {
    .eob-footer-share a {
      margin: 0 0 0 20px; } }

.eob-footer-contact__title {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700; }

@media screen and (min-width: 768px) {
  .eob-footer-contact__text {
    display: flex;
    width: 70%;
    justify-content: space-between; } }

/* NEWS */
.eob-news__header {
  border-bottom: 3px solid #000000;
  padding: 2rem 6.25%;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-news__header {
      background-image: url("/img/art/header-bg-plus.png"); } }

.eob-news-list__block {
  position: relative;
  margin-top: 2rem;
  border: 1px solid #ebebeb; }

@media screen and (min-width: 376px) {
  .eob-news-list__container {
    display: flex;
    background-color: white;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%; }
  .eob-news-list__block {
    width: 48%; }
  .eob-news-list__block-outer {
    position: relative;
    width: 100%;
    margin: 0; }
  .eob-news-list__block-content-outer {
    width: 100%;
    height: 100%; }
  .eob-news-list .eob-news-list__block {
    width: 48%; }
  .eob-news-list__block--big {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .eob-news-list .eob-news-list__block {
    width: 23.5%; }
  .eob-news-list__block-outer {
    width: 49%; }
  .eob-news-list__block--big {
    width: 49%; } }

.eob-news-list__image {
  width: 100%;
  display: block; }

.eob-news-list__image--square {
  display: none; }
  @media screen and (min-width: 376px) {
    .eob-news-list__image--square {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0; } }

.eob-news-list__item--color-bg .eob-news-list__image--square,
.eob-news-list__item--odd-four.eob-news-list__item--odd .eob-news-list__image--square,
.eob-news-list__item--even-four.eob-news-list__item--even .eob-news-list__image--square {
  display: none; }

.eob-news-list__title {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  line-height: 2.6rem; }

.eob-news-list__text {
  background-color: #CC37C2;
  padding: 2rem; }
  @media screen and (min-width: 376px) {
    .eob-news-list__text {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 30px;
      line-height: 3rem; } }

.eob-news-list__date {
  display: block; }

@media screen and (min-width: 376px) {
  .eob-news-list__block--big .eob-news-list__text {
    justify-content: flex-end; } }

@media screen and (min-width: 376px) {
  .eob-news-list__item--img-bg .eob-news-list__preview,
  .eob-news-list__item--odd-four.eob-news-list__item--even .eob-news-list__preview,
  .eob-news-list__item--even-four.eob-news-list__item--odd .eob-news-list__preview {
    display: none; } }

.eob-news-list__color-darkblue {
  background-color: #CC37C2; }
  .eob-news-list__color-darkblue .eob-news-list__text {
    background-color: transparent; }

.eob-news-list__color-yellow {
  background-color: #FFBD08; }
  .eob-news-list__color-yellow .eob-news-list__text {
    background-color: transparent; }

.eob-news-list__color-green {
  background-color: #46E4BC; }
  .eob-news-list__color-green .eob-news-list__text {
    background-color: transparent; }

.eob-news-list__color-brown {
  background-color: #FF7477; }
  .eob-news-list__color-brown .eob-news-list__text {
    background-color: transparent; }

.eob-news-list__color-lightblue {
  background-color: #00D9FF; }
  .eob-news-list__color-lightblue .eob-news-list__text {
    background-color: transparent; }

.eob-news-list__color-red {
  background-color: #EB3D34; }
  .eob-news-list__color-red .eob-news-list__text {
    background-color: transparent; }

.eob-news-list__preview {
  display: none; }
  @media screen and (min-width: 376px) {
    .eob-news-list__preview {
      display: block; } }

@media screen and (min-width: 376px) {
  .eob-news-list__block--small .eob-news-list__preview {
    flex-grow: 1;
    margin-bottom: auto; } }

.eob-news-list__more-link {
  display: none; }
  @media screen and (min-width: 376px) {
    .eob-news-list__more-link {
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      text-transform: uppercase; } }

@media screen and (min-width: 376px) {
  .eob-news-list__block--small .eob-news-list__more-link {
    margin-top: auto; } }

.eob-news-item__top {
  margin-top: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-news-item__top {
      width: 70%;
      display: flex;
      justify-content: space-between; } }

.eob-news-item__back {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
  line-height: 2.1rem;
  text-transform: uppercase;
  font-weight: 600; }
  @media screen and (min-width: 768px) {
    .eob-news-item__back {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px; } }

.eob-news-item__title {
  margin: 0 0 2rem;
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 38px;
  line-height: 3.8rem; }
  @media screen and (min-width: 768px) {
    .eob-news-item__title {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 50px;
      line-height: 5rem; } }

.eob-news-item__container {
  margin-top: 35px; }
  @media screen and (min-width: 768px) {
    .eob-news-item__container {
      display: flex;
      justify-content: space-between; } }
  .eob-news-item__container a {
    text-decoration: underline; }

@media screen and (min-width: 768px) {
  .eob-news-item__content {
    flex-basis: 70%; } }

.eob-news-item__image {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  margin-top: 1rem; }

.eob-news-item__summary {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-weight: 200;
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-news-item__summary {
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 38px;
      line-height: 3.8rem; } }

.eob-news-item__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  color: #454545;
  font-weight: 300; }
  @media screen and (min-width: 768px) {
    .eob-news-item__text {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 32px;
      line-height: 3.2rem; } }
  .eob-news-item__text p {
    margin-top: 1rem; }

.eob-news-item__quote {
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-top: 2px solid #00D9FF;
  border-bottom: 2px solid #00D9FF;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 100%;
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-news-item__quote {
      font-size: 30px;
      font-size: 3rem;
      line-height: 36px;
      line-height: 3.6rem;
      letter-spacing: 0.05em;
      border-width: 3px 0 3px 0; } }

@media screen and (min-width: 768px) {
  .eob-news-item__sidebar {
    flex-basis: 22%; } }

.eob-news-item__promo-title {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase; }

.eob-news-item__promo-image {
  display: block;
  width: 100%;
  margin-bottom: 2rem; }

/* CLIENTS */
.eob-clients__header {
  border-bottom: 3px solid #000000;
  padding: 2rem 6.25%;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-clients__header {
      background-image: url("/img/art/header-bg-plus.png"); } }

.eob-clients__list {
  display: flex;
  flex-wrap: wrap;
  margin: 15px -5px; }

.eob-clients__item-container {
  display: flex;
  flex-basis: 50%;
  max-width: 50%;
  padding: 5px; }
  @media screen and (min-width: 376px) {
    .eob-clients__item-container {
      flex-basis: 33.3%;
      max-width: 33.3%; } }
  @media screen and (min-width: 768px) {
    .eob-clients__item-container {
      flex-basis: 25%;
      max-width: 25%; } }

.eob-clients__item {
  border: 1px solid #000000;
  position: relative;
  width: 100%; }

.eob-clients__item-overlay {
  width: 100%;
  height: 100%;
  background: black;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  /* click-through overlay */ }

.eob-clients__item:hover .eob-clients__item-overlay {
  display: block;
  opacity: 0.05; }

.eob-clients__image {
  width: 100%;
  height: 100%;
  vertical-align: middle; }

/* CONTACT */
.eob-contact__header {
  border-bottom: 3px solid #000000;
  padding: 2rem 6.25%;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-contact__header {
      background-image: url("/img/art/header-bg-x.png"); } }

.eob-contact__content {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .eob-contact__content {
      display: flex; } }

.eob-contact-form {
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-contact-form {
      flex-basis: 50%; } }

.eob-contact-form__header {
  display: flex;
  padding-bottom: 2rem; }

.eob-contact-form__header > div {
  flex-basis: 50%;
  font-size: 18px;
  font-size: 1.8rem; }

.eob-contact-address {
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-contact-address {
      flex-basis: 50%; } }

.eob-contact-address__header {
  padding-bottom: 2rem; }

.eob-contact-address__map {
  width: 100%;
  height: 400px;
  margin-bottom: 16px; }

.eob-contact__content h2 {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: bold; }

.eob-contact-form__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.eob-contact-form__element {
  flex-basis: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  margin-top: 1em; }
  @media screen and (min-width: 768px) {
    .eob-contact-form__element {
      flex-basis: 48%; } }

.eob-contact-form__row--message .eob-contact-form__element {
  flex-basis: 100%; }

.eob-contact-form__text-input {
  width: 100%;
  height: 32px; }

.eob-contact-form__text-area {
  width: 100%;
  height: 100px; }
  @media screen and (min-width: 768px) {
    .eob-contact-form__text-area {
      width: 100%;
      height: 80px; } }

.eob-contact-form__select {
  width: 80%;
  border: 1px solid #000000;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  padding: 5px; }

.eob-contact-form__button {
  width: 184px;
  border: 1px solid #000000;
  padding: 8px;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem; }

.eob-contact-form__messages > div {
  display: none;
  font-size: 16px;
  font-size: 1.6rem; }

.error {
  color: red; }

.success {
  color: green; }

/* FOOTER CONTACT */
.eob-footer__contact-form {
  position: relative;
  padding: 2rem 0;
  margin: 6rem auto 4rem; }

.eob-contact-form__form {
  max-width: 1280px; }
  .eob-contact-form__form form h2 {
    font-weight: 700; }
  @media screen and (min-width: 768px) {
    .eob-contact-form__form form {
      width: 67%; } }

.eob-contact-form__svg {
  display: none;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%; }
  @media screen and (min-width: 768px) {
    .eob-contact-form__svg {
      display: flex; } }
  .eob-contact-form__svg svg {
    width: 100%;
    max-width: 470px;
    margin-left: auto;
    fill: #000;
    opacity: .0666; }

.eob-panel--darkblue {
  background-color: #CC37C2; }

.eob-panel--yellow {
  background-color: #FFBD08; }

.eob-panel--green {
  background-color: #46E4BC; }

.eob-panel--brown {
  background-color: #FF7477;
  color: #fff; }

.eob-panel--lightblue {
  background-color: #00D9FF; }

.eob-panel--red {
  background-color: #EB3D34;
  color: #fff; }

/* JOBS */
.eob-jobs__header {
  border-bottom: 3px solid #000000;
  padding: 2rem 6.25%;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-jobs__header {
      background-image: url("/img/art/header-bg-x.png"); } }

@media screen and (min-width: 880px) {
  .eob-jobs__container {
    display: flex;
    justify-content: space-between; } }

.eob-jobs__content {
  margin-bottom: 30px; }
  @media screen and (min-width: 880px) {
    .eob-jobs__content {
      flex-basis: 54%; } }

.eob-jobs__sidebar {
  padding-top: 2rem; }
  @media screen and (min-width: 880px) {
    .eob-jobs__sidebar {
      flex-basis: 40%; } }

.eob-jobs__intro {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  border-bottom: 3px solid #000000;
  padding: 2rem 0; }
  @media screen and (min-width: 768px) {
    .eob-jobs__intro {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 32px;
      line-height: 3.2rem; } }

.eob-jobs__item {
  border-bottom: 3px solid #000000;
  padding: 2rem 0px; }

.eob-jobs__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .eob-jobs__title h2 {
    font-weight: 700; }

.eob-jobs__toggle {
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem;
  font-family: sans-serif;
  padding: 2px 3px 0px 3px;
  text-align: center;
  vertical-align: middle;
  margin-top: 10px; }

.eob-jobs__text {
  margin-top: 2rem; }

.eob-jobs__text--hidden {
  display: none; }

.eob-jobs__contact {
  position: relative;
  background-color: #FF7477;
  border: 3px solid #000000;
  padding: 30px;
  margin-bottom: 2rem; }
  .eob-jobs__contact .eob-home__about--svg {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
  .eob-jobs__contact svg {
    width: 250px;
    fill: #000;
    opacity: .0666; }

.eob-jobs__contact-title {
  margin-bottom: 2rem;
  font-weight: 700; }

/* AGENCY */
.eob-agency__header {
  border-bottom: 3px solid #000000;
  padding: 2rem 6.25%;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-agency__header {
      background-image: url("/img/art/header-bg-x.png"); } }

.eob-agency__container {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .eob-agency__container {
      display: flex;
      justify-content: space-between; } }
  @media screen and (min-width: 1280px) {
    .eob-agency__container {
      padding: 0; } }

.eob-agency__content {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .eob-agency__content {
      flex-basis: 67%; } }

.eob-agency__intro {
  padding: 2rem;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem; }

@media screen and (min-width: 768px) {
  .eob-agency-section {
    display: flex;
    flex-wrap: wrap; } }

.eob-agency-section .eob-project-section__quote {
  flex-basis: 100%; }

.eob-agency-section__nav {
  display: none; }
  @media screen and (min-width: 768px) {
    .eob-agency-section__nav {
      display: block;
      flex-basis: 20%;
      font-size: 12px;
      font-size: 1.2rem;
      text-transform: uppercase; } }

.eob-agency-section__nav-item {
  color: #979797;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-top: .5rem; }

.eob-agency-section__nav-item--selected {
  color: #000000;
  font-weight: bold;
  text-transform: capitalize; }

.eob-agency-section__content {
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-agency-section__content {
      flex-basis: 80%; } }

.eob-agency-section__content--no-nav {
  margin-bottom: 2rem; }

@media screen and (min-width: 768px) {
  .eob-agency-section__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem; } }

.eob-agency-section__text a {
  font-weight: 700; }
  .eob-agency-section__text a:hover {
    text-decoration: underline; }

@media screen and (min-width: 768px) {
  .eob-agency-section__summary {
    font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    line-height: 3rem; } }

.eob-agency-section__text p,
.eob-agency-section__text ul {
  margin-bottom: 2rem; }

.eob-agency-section__text li {
  list-style: inherit !important; }

.eob-agency-section__text ul {
  list-style: inherit !important;
  padding-left: 2rem;
  margin-left: 2rem; }

.eob-agency-summary .eob-agency-section__text {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  line-height: 2.6rem; }
  @media screen and (min-width: 768px) {
    .eob-agency-summary .eob-agency-section__text {
      font-size: 20px;
      font-size: 2rem;
      line-height: 30px;
      line-height: 3rem; } }

.eob-agency-section__title {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  font-size: 2rem;
  text-transform: uppercase;
  color: #000;
  font-weight: 700; }

.eob-agency-section__quote {
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-top: 2px solid #00D9FF;
  border-bottom: 2px solid #00D9FF;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .eob-agency-section__quote {
      font-size: 30px;
      font-size: 3rem;
      line-height: 36px;
      line-height: 3.6rem;
      letter-spacing: 0.05em;
      border-width: 3px 0 3px 0; } }

.eob-agency__team {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -10px; }
  @media screen and (min-width: 768px) {
    .eob-agency__team {
      flex-basis: 26%;
      display: block;
      margin: 30px 0px; } }

.eob-agency-team__item {
  flex-basis: 100%;
  padding: 10px;
  box-sizing: border-box; }
  @media screen and (min-width: 520px) {
    .eob-agency-team__item {
      flex-basis: 50%; } }
  .eob-agency-team__item .eob-agency-team__name {
    font-family: "Sentinel A", "Sentinel B", serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
    margin-top: 1rem; }
  .eob-agency-team__item span {
    display: block;
    margin-top: .6rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem; }

.eob-agency-team__image {
  display: block;
  width: 100%; }

.eob-agency-section__image {
  display: block;
  width: 100%; }

/* METHOD */
.eob-method__header {
  border-bottom: 3px solid #000000;
  padding: 2rem;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-method__header {
      background-image: url("/img/art/header-bg-x.png"); } }

@media screen and (min-width: 768px) {
  .eob-method__container {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 1280px) {
  .eob-method__container {
    padding: 0; } }

@media screen and (min-width: 768px) {
  .eob-method__content {
    flex-basis: 70%; } }

.eob-method__content section {
  margin-top: 5rem; }
  .eob-method__content section:first-of-type {
    margin-top: 0; }

.eob-method__intro {
  padding: 2rem;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem; }

@media screen and (min-width: 1024px) {
  .eob-method-section {
    display: flex; } }

.eob-method-section__nav {
  display: none; }
  @media screen and (min-width: 1024px) {
    .eob-method-section__nav {
      display: block;
      flex-basis: 30%;
      font-size: 12px;
      font-size: 1.2rem;
      text-transform: uppercase; } }
  @media screen and (min-width: 1280px) {
    .eob-method-section__nav {
      flex-basis: 25%; } }

.eob-method-section__nav-item {
  color: #979797;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-top: .5rem; }

.eob-method-section__nav-item--selected {
  color: #000000;
  font-weight: bold;
  text-transform: capitalize; }

.eob-method-section__content {
  margin-bottom: 2rem; }
  @media screen and (min-width: 1024px) {
    .eob-method-section__content {
      flex-basis: 70%; } }
  @media screen and (min-width: 1280px) {
    .eob-method-section__content {
      flex-basis: 75%; } }

.eob-method-section__content--no-nav {
  margin-bottom: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-method-section__content--no-nav {
      padding-left: 20%; } }

.eob-method-section__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem; }
  @media screen and (min-width: 768px) {
    .eob-method-section__text {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 30px;
      line-height: 3rem; } }
  .eob-method-section__text a {
    font-weight: 700; }
    .eob-method-section__text a:hover {
      text-decoration: underline; }

@media screen and (min-width: 768px) {
  .eob-method-section__summary {
    font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    line-height: 3rem; } }

.eob-method-section__text p,
.eob-method-section__text ul {
  margin-bottom: 2rem; }

.eob-method-section__text li {
  list-style: inherit !important; }

.eob-method-section__text ul {
  list-style: inherit !important;
  padding-left: 2rem;
  margin-left: 2rem; }

.eob-method-summary .eob-method-section__text {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  line-height: 2.6rem; }
  @media screen and (min-width: 768px) {
    .eob-method-summary .eob-method-section__text {
      font-size: 20px;
      font-size: 2rem;
      line-height: 30px;
      line-height: 3rem; } }

.eob-method-section__title {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  font-size: 2rem;
  text-transform: uppercase;
  color: #000;
  font-weight: 700; }

.eob-method-section__quote {
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-top: 2px solid #00D9FF;
  border-bottom: 2px solid #00D9FF;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .eob-method-section__quote {
      font-size: 30px;
      font-size: 3rem;
      line-height: 36px;
      line-height: 3.6rem;
      letter-spacing: 0.05em;
      border-width: 3px 0 3px 0; } }

.eob-method-section__image {
  margin-bottom: 2rem; }

.eob-method__sidebar {
  padding-top: 4rem; }
  @media screen and (min-width: 768px) {
    .eob-method__sidebar {
      flex-basis: 24%; } }

/* WORKSHOPS */
.eob-workshops__header {
  border-bottom: 3px solid #000000;
  padding: 2rem 6.25%;
  background: #FFF url("/img/art/header-bg-x-sm.png") repeat-y fixed right top; }
  @media screen and (min-width: 768px) {
    .eob-workshops__header {
      background-image: url("/img/art/header-bg-x.png"); } }

.eob-workshops__intro {
  margin: 2rem 0; }
  @media screen and (min-width: 1024px) {
    .eob-workshops__intro {
      display: flex;
      justify-content: space-between; } }

.eob-workshops-intro__text {
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem; }
  @media screen and (min-width: 768px) {
    .eob-workshops-intro__text {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 32px;
      line-height: 3.2rem; } }
  @media screen and (min-width: 1024px) {
    .eob-workshops-intro__text {
      flex-basis: 48%; } }

.eob-workshops-intro__image {
  display: none; }
  @media screen and (min-width: 1024px) {
    .eob-workshops-intro__image {
      display: block;
      width: 50%;
      height: auto;
      object-fit: contain; } }

.eob-workshops__category {
  border-top: 3px solid #000000;
  padding-top: 2rem; }
  .eob-workshops__category h2 {
    font-weight: 700; }

.eob-workshops__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.eob-workshops__item {
  display: flex;
  flex-basis: 100%;
  margin-top: 2rem; }
  @media screen and (min-width: 500px) {
    .eob-workshops__item {
      flex-basis: 48%; } }
  @media screen and (min-width: 1024px) {
    .eob-workshops__item {
      flex-basis: 23.5%; } }

.eob-workshops-item__box {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .eob-workshops-item__box {
      border: 1px solid #666;
      background-color: transparent !important; } }

.eob-workshops-item__title {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 28px;
  line-height: 2.8rem;
  margin: 2rem 2rem 1rem; }
  @media screen and (min-width: 768px) {
    .eob-workshops-item__title {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px;
      line-height: 3rem; } }

.eob-workshops-item__text {
  flex: 1 0 auto;
  margin: 0 2rem;
  overflow: hidden; }

.eob-workshops-item__footer {
  display: flex;
  justify-content: space-between;
  padding: 2rem;
  align-items: flex-end; }
  @media screen and (min-width: 768px) {
    .eob-workshops-item__footer {
      display: block;
      text-align: center; } }

.eob-workshops-item__link {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .eob-workshops-item__link {
      border: 1px solid #000000;
      padding: 5px 30px; } }

.eob-workshops-item__image--desktop {
  display: none; }
  @media screen and (min-width: 768px) {
    .eob-workshops-item__image--desktop {
      display: block;
      width: 100%;
      margin: 0 auto; } }

.eob-workshops-item__image--mobile {
  width: 130px;
  height: 130px; }
  @media screen and (min-width: 768px) {
    .eob-workshops-item__image--mobile {
      display: none; } }

.eob-workshops__color-darkblue {
  background-color: #CC37C2; }

.eob-workshops__color-yellow {
  background-color: #FFBD08; }

.eob-workshops__color-green {
  background-color: #46E4BC; }

.eob-workshops__color-brown {
  background-color: #FF7477; }

.eob-workshops__color-lightblue {
  background-color: #00D9FF; }

.eob-workshops__color-red {
  background-color: #EB3D34; }

.eob-workshop__back {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 700;
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
  line-height: 2.1rem;
  text-transform: uppercase;
  margin-top: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-workshop__back {
      display: block; } }

.eob-workshop__container {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .eob-workshop__container {
      display: flex;
      justify-content: space-between; } }

.eob-workshop__content {
  margin: 2rem 0 30px 0; }
  @media screen and (min-width: 768px) {
    .eob-workshop__content {
      flex-basis: 67%; } }

.eob-workshop__sidebar {
  margin-top: 2rem; }
  @media screen and (min-width: 768px) {
    .eob-workshop__sidebar {
      flex-basis: 22%; } }

.eob-workshop__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  color: #454545;
  font-weight: 300; }
  @media screen and (min-width: 768px) {
    .eob-workshop__text {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 32px;
      line-height: 3.2rem; } }
  .eob-workshop__text p {
    margin-top: 1rem; }

.eob-workshop__text h2 {
  font-family: "Sentinel A", "Sentinel B", serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  line-height: 27px;
  line-height: 2.7rem; }

/* PROMOS */
@media screen and (min-width: 376px) {
  .eob-promo__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

@media screen and (min-width: 768px) {
  .eob-promo__list {
    display: block; } }

.eob-promo__item {
  display: block;
  margin-bottom: 2rem;
  transition: all .2s; }
  @media screen and (min-width: 376px) {
    .eob-promo__item {
      flex-basis: 48%; } }
  @media screen and (min-width: 768px) {
    .eob-promo__item {
      flex-basis: 100%; } }
  .eob-promo__item img {
    border: 1px solid #ebebeb;
    transition: all .2s; }
  .eob-promo__item:hover img {
    opacity: .8; }
  .eob-promo__item:hover .eob-promo__title {
    outline: 1px solid #000; }

.eob-promo__title {
  position: relative;
  font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  width: 85%;
  margin: -2.444rem auto 0;
  border: 2px solid #000;
  box-sizing: border-box;
  transition: all .2s; }
  .eob-promo__title p {
    padding: 2rem 0 0;
    text-align: center; }
    .eob-promo__title p span {
      display: block;
      padding: .666rem 0; }

/* slippry */
.eob-slider {
  margin-bottom: 2rem; }

.sy-slides-wrap {
  border: 1px solid #ebebeb; }

.eob-slider__caption,
.eob-image__caption {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  text-align: center;
  margin-top: 1.2rem;
  color: #a2a2a2;
  font-style: italic; }
  @media screen and (min-width: 768px) {
    .eob-slider__caption,
    .eob-image__caption {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem; } }

.eob-image__caption {
  margin-top: .8rem;
  margin-bottom: 1.5rem; }

.sy-pager {
  line-height: 0rem; }
  .sy-pager li {
    width: .6em;
    height: .6em; }

.h_iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }
  .h_iframe iframe,
  .h_iframe .ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.eob_backtotop {
  display: none;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 10px;
  bottom: 8px;
  background: #000 url(../img/eob_uparrow.png) no-repeat center 43%;
  border-radius: 14px; }
  @media screen and (min-width: 568px) {
    .eob_backtotop {
      width: 100px;
      height: 100px;
      background: #000 url(../img/eob_uparrow.svg) no-repeat center;
      bottom: 10px;
      border-radius: 50px; } }

.eob_backtotop:hover {
  opacity: .6; }

.eob-impressum__text {
  margin-top: 2rem; }
  .eob-impressum__text h2 {
    margin-top: 1rem; }

.eob-maincolor-red .eob-news-item__container a {
  color: #EB3D34; }

.eob-maincolor-lightblue .eob-news-item__container a {
  color: #00D9FF; }

.eob-maincolor-darkblue .eob-news-item__container a {
  color: #CC37C2; }

.eob-maincolor-yellow .eob-news-item__container a {
  color: #FFBD08; }

.eob-maincolor-green .eob-news-item__container a {
  color: #46E4BC; }

.eob-maincolor-brown .eob-news-item__container a {
  color: #FF7477; }