@charset "UTF-8";
.visuallyhidden, aside.popup .hs-form-field > label {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute; }

img {
  border: 0; }

/*
 * Normalization
 */
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

audio:not([controls]) {
  display: none; }

details {
  display: block; }

input[type="number"] {
  width: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

main {
  display: block; }

summary {
  display: block; }

pre {
  overflow: auto; }

progress {
  display: inline-block; }

small {
  font-size: 75%; }

template {
  display: none; }

textarea {
  overflow: auto; }

[hidden] {
  display: none; }

[unselectable] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9FA5A7; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #9FA5A7; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #9FA5A7; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #9FA5A7; }

/*
 * Universal inheritance
 */
*,
*::before,
*::after {
  box-sizing: inherit;
  text-decoration: inherit; }

* {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit; }

/*
 * Opinionated defaults
 */
*,
*::before,
*::after {
  border-style: solid;
  border-width: 0; }

* {
  margin: 0;
  padding: 0; }

:root {
  box-sizing: border-box;
  cursor: default;
  font-family: sans-serif;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
  vertical-align: top; }

button,
input,
select,
textarea {
  background: transparent; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

input {
  min-height: 1.5em; }

nav ol,
nav ul {
  list-style: none; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }
  select::-ms-expand {
    display: none; }
  select::-ms-value {
    color: currentColor; }

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

textarea {
  resize: vertical; }

::-moz-selection {
  background-color: #B5E4EB;
  color: #fff;
  text-shadow: none; }

::selection {
  background-color: #B5E4EB;
  color: #fff;
  text-shadow: none; }

@media screen {
  [hidden~="screen"] {
    display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important; } }

@font-face {
    font-family: 'Caslons Egyptian Pentagram Reg';
    src: url('//www.graphcore.ai/hubfs/assets/fonts/Caslons Egyptian Pentagram Reg.eot');
    src: url('//www.graphcore.ai/hubfs/assets/fonts/Caslons Egyptian Pentagram Reg.eot?#iefix') format('embedded-opentype'),
        url('//www.graphcore.ai/hubfs/assets/fonts/Caslons Egyptian Pentagram Reg.woff2') format('woff2'),
        url('//www.graphcore.ai/hubfs/assets/fonts/Caslons Egyptian Pentagram Reg.woff') format('woff'),
        url('//www.graphcore.ai/hubfs/assets/fonts/Caslons Egyptian Pentagram Reg.ttf') format('truetype'),
        url('//www.graphcore.ai/hubfs/assets/fonts/Caslons Egyptian Pentagram Reg.svg#Caslons Egyptian Pentagram Reg') format('svg');
    font-weight: normal;
    font-style: normal;
	  font-display: swap;
}
@font-face {
  font-family: 'Graphik-Medium';
  src: url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Medium-Web.eot");
  src: url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Medium-Web.woff2") format("woff2"), url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Medium-Web.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Graphik-Regular';
  src: url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Regular-Web.eot");
  src: url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Regular-Web.woff2") format("woff2"), url("//www.graphcore.ai/hubfs/assets/fonts/Graphik-Regular-Web.woff") format("woff");
  font-weight: normal;
  font-style: normal; 
  font-display: swap; }

.font-GM, .stitle, section h4, aside.popup .submitted-message:before, .careers_page .vacancies-list-container .titles-block h2, .careers_page .vacancies-list-container .titles-block h3, .careers_page-v2 .gr-vacancies-list-container .titles-block h2, .careers_page-v2 .gr-vacancies-list-container .titles-block h3, .technology_page .poplar-article header h2, .products_page .titles-block h2, .products_page .titles-block h3, .about_page section h2, .contact_page .maps_container .caption-title h2, .form-style-black .submitted-message:before, .generic_page .content_container .content h2, .news_page .hero_text strong, .generic_page .content_container .content h3 {
  font-family: "Graphik-Medium", sans-serif; }

.font-GR {
  font-family: "Graphik-Regular", sans-serif; }

.font-gcce {
  font-family: "Caslons Egyptian Pentagram Reg", sans-serif; }

@font-face {
  font-family: 'GCSymbols-Regular';
  src: url("//www.graphcore.ai/hubfs/assets/fonts/GCSymbols-Regular.eot?") format("eot"), url("//www.graphcore.ai/hubfs/assets/fonts/GCSymbols-Regular.woff") format("woff"), url("//www.graphcore.ai/hubfs/assets/fonts/GCSymbols-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; 
  font-display: swap; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'symbols';
		src: url('//www.graphcore.ai/hubfs/assets/font/symbols.svg?62181286#symbols') format('svg');
	}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "GCSymbols-Regular";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-arrow-new-window:after, .subscribe a:after, .sidr-class-subscribe a:after {
  font-family: "GCSymbols-Regular";
  content: '\E009'; }

.icon-arrow-right:after, .cta_container a:after, .caption .date:after, .news-content article .read-article:after, .card.careers .content .read-article:after, .gr-news-content article .read-article:after {
  font-family: "GCSymbols-Regular";
  content: '\E002'; }

.icon-arrow-left:after {
  font-family: "GCSymbols-Regular";
  content: '\E003'; }

.icon-download:after {
  font-family: "GCSymbols-Regular";
  content: '\E005'; }

.icon-arrow-down:after, .careers_page .hero_container a:after {
  font-family: "GCSymbols-Regular";
  content: '\E004'; }

.icon-bullet:after, .slick-dots li:after {
  font-family: "GCSymbols-Regular";
  content: '\E006'; }

.icon-tick:after {
  font-family: "GCSymbols-Regular";
  content: '\E001'; }

.icon-arrow-up:after {
  font-family: "GCSymbols-Regular";
  content: '\E007'; }

.icon-arrow-right-long:after {
  font-family: "GCSymbols-Regular";
  content: '\E002'; }

.icon-octogon:after, .slick-arrow.slick-prev:after, .slick-arrow.slick-next:after, .gr-view-all a:after, .homepage_page .list-articles .view-all:after {
  font-family: "GCSymbols-Regular";
  content: '\E008'; }

.icon-cross:after, aside.popup .close:after, aside.promo-bar .close:after, .blog_page .more_stories .filters li a.active:after {
  font-family: "GCSymbols-Regular";
  content: '\E000'; }

.cta_container {
  clear: both;
  padding-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 16.62px;
  font-size: 1.03875rem; }
  @media only screen and (min-width: 767px) {
    .cta_container {
      text-align: left;
      font-size: 24px;
      font-size: 1.5rem; } }
  .cta_container p {
    line-height: 100%;
    padding-bottom: 20px;
    display: inline-block; }
  .cta_container a {
    padding: 0 0.5em;
    display: block;
    border: 2px solid #292C31;
    position: relative;
    line-height: 56px; }
    .cta_container:not(.arrow-down) a:hover:after {transform: translateX(8px);}
    .cta_container.download a:hover:after {content:'\E004';transform: translateY(5px);}
    @media only screen and (min-width: 767px) {
      .cta_container a {
        line-height: 62px; } }
    .cta_container a:after {
      position: absolute;
      right: 1em;
      top: 0;
      font-size: 100%;
      transition: transform ease-out .3s;
      display: none; }
      @media only screen and (min-width: 767px) {
        .cta_container a:after {
          display: block; } }
    @media only screen and (min-width: 767px) {
      .cta_container a {
        padding: 0 1em;
        font-size: 18px;
        font-size: 1.125rem; } }
    @media only screen and (min-width: 1024px) {
      .cta_container a {
        font-size: 24px;
        font-size: 1.5rem; } }
    .cta_container a:hover {
      border-color: #292C31;
      color: #fff;
      background-color: #292C31; }
      .cta_container a:hover:after {
        color: #fff; }
  .cta_container.smaller-copy a {
    font-size: 18px;
    font-size: 1.125rem; }
    @media only screen and (min-width: 767px) {
      .cta_container.smaller-copy a {
        font-size: 18px;
        font-size: 1.125rem; } }
  .cta_container.plain a:hover {
    background-color: #F7F5F5; }
  .cta_container.primary-red > div a {
    background-color: #FF6F79;
    display: block;
    color: #fff;
    border: 2px solid transparent;
    line-height: 60px; }
    .cta_container.primary-red > div a:hover {
      background-color: transparent;
      border-color: #FF6F72;
      color: #FF6F72; }
      .cta_container.primary-red > div a:hover:after {
        color: #FF6F72; }
  .cta_container.primary-red-ghost > div a {
    display: block;
    border: 2px solid #FF6F72;
    background-color: transparent;
    color: #FF6F72; }
    .cta_container.primary-red-ghost > div a:hover {
      background-color: #FF6F79;
      border-color: transparent;
      color: #fff !important; }
      .cta_container.primary-red-ghost > div a:hover:after {
        color: #fff; }
  .cta_container.black-ghost > div a {
    display: block;
    border: 2px solid #292C31;
    background-color: transparent;
    color: #292C31; }
    .cta_container.black-ghost > div a:hover {
      background-color: #292C31;
      border-color: transparent;
      color: #fff !important; }
      .cta_container.black-ghost > div a:hover:after {
        color: #fff; }
  .cta_container.arrow-down a:after {
    content: '\E004';
    font-size: 90%;
    right: 1em; }
  .cta_container.download a:after {
    content: '\E005';
    font-size: 100%; }
  .cta_container.center a {
    text-align: center; }
  @media only screen and (min-width: 767px) {
    .cta_container.h52 {
      max-width: 300px; } }
  .cta_container.h52 > div a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 52px; }
  .cta_container.h45 {
    width: 300px; }
    .cta_container.h45 > div a {
      line-height: 45px; }
      .cta_container.h45 > div a:hover {
        color: #292C31 !important; }
  .cta_container.white {
    color: #fff; }
    .cta_container.white a {
      color: #fff;
      border-color: #fff; }
      .cta_container.white a:hover {
        color: #292C31;
        border-color: #fff;
        background-color: #fff; }
        .cta_container.white a:hover:after {
          color: #292C31; }
  .cta_container.black a {
    background-color: #292C31;
    border-color: #292C31;
    color: #fff !important; }
    .cta_container.black a:hover {
      color: #292C31 !important;
      border-color: #fff;
      background-color: #fff; }
      .cta_container.black a:hover:after {
        color: #292C31; }
  .cta_container.yellow {
    color: #FBE8AA; }
    .cta_container.yellow a {
      color: #FBE8AA;
      border-color: #FBE8AA; }
      .cta_container.yellow a:hover {
        color: #292C31;
        border-color: #FBE8AA;
        background-color: #FBE8AA; }
  .cta_container.small {
    text-align: center;
    padding-top: 0; }
    @media only screen and (min-width: 767px) {
      .cta_container.small > div {
        display: inline-block;
        max-width: 353px;
        margin-left: 1em; }
        .cta_container.small > div a {
          padding-right: 150px; } }
    @media only screen and (min-width: 1024px) {
      .cta_container.small > div {
        max-width: 435px; } }
  .cta_container.fullwidth > div {
    margin-left: 0;
    width: 100%; }
  .cta_container.margin-b-12 {
    padding-top: 0;
    margin-bottom: 12px; }
  @media only screen and (min-width: 767px) {
    .cta_container.one-third {
      margin-left: auto;
      margin-right: auto; }
      .cta_container.one-third > div {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto; } }

.ie8 input, .ie8 select {
  padding: 0; }

.ie button, .ie input, .ie textarea, .ie select, .ie hr {
  border: 0; }

@media print {
  /* Print CSS rules go here */
  /* Note: You need a separate @media screen group for other rules */
  header.main,
  footer.main {
    display: none !important; }
  .container {
    padding: 0 !important; }
  section, article {
    margin: 0 !important;
    padding: 0 !important; }
  section {
    margin-bottom: 50px !important; }
  * {
    color: #292C31 !important; }
  .readnext {
    text-align: left !important; }
    .readnext figure {
      float: left !important;
      display: block;
      width: 25%;
      margin-right: 1em; }
    .readnext article {
      margin-bottom: 1em !important; }
  .sharing {
    display: none; }
  .hero_text, .poplar-article {
    max-width: none !important; }
  .list-tick ul li {
    margin: 0 !important; }
  input, textarea {
    border: 1px solid black !important;
    margin: 0 !important;
    padding-top: 5px !important; }
  input[type="submit"] {
    display: none !important; }
  img {
    opacity: 1 !important; }
  .cta_container a {
    border-color: silver !important;
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .blogpost_page .hero.shapes figure {
    padding: 20px 0 !important; }
  .careers_page .vacancies-list-container ul.vacancies-list li .expended-content {
    max-height: 9999em !important; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.transi, .hero_text p a, aside.popup:after, aside.popup .innerpopup .shapes:before, aside.popup .innerpopup .shapes:after, .shapes.about .gr-r, .shapes.products .gr-r, .shapes.technology .gr-l, .shapes.technology .gr-r, .shapes.careers .gr-l, .shapes.careers .gr-r, .shapes.press .gr-l, .shapes.contact .gr-l, .homepage_page .list-news .container:after, .blog_page .hero figure:before, .blog_page .hero figure:after, .blog_page .featured_2 figure:before, .blog_page .featured_2 figure:after, .articles .grid, .caption .date:after, .careers_page .vacancies-list-container ul.vacancies-list li .expended-content > div, .technology_page .hero_text.boxed:after, .technology_page .framework:after, .technology_page .poplar-section.dark:after, .products_page .third-section:before, .products_page .third-section:after, .bio_page .hero figure:before, .contact_page .bgcolor:after, .error404_page .bgcolor .shapes:before, .error404_page .bgcolor .shapes:after, .error404_page .bgcolor:after {
  transition: all 300ms ease-in-out; }

.transi-fast, .fadein img, header.main nav.main li, header.main nav.main li a:after {
  transition: all 150ms ease-in-out; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

nav.breadcrumb {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-family: "Graphik-Regular", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 37px; }
  nav.breadcrumb.pt {
    margin-top: 54px; }
    @media only screen and (min-width: 1200px) {
      nav.breadcrumb.pt {
        margin-top: 79px; } }
  nav.breadcrumb .main {
    overflow: hidden;
    position: relative; }
  @media only screen and (min-width: 767px) {
    nav.breadcrumb {
      line-height: 52px;
      font-size: 16px;
      font-size: 1rem; } }
  nav.breadcrumb .current-section {
    display: none; }
    @media only screen and (min-width: 767px) {
      nav.breadcrumb .current-section {
        display: block; } }
  nav.breadcrumb a.current {
    opacity: 0.6; }
  nav.breadcrumb ul li {
    display: inline-block; }
    nav.breadcrumb ul li:after {
      content: "/";
      margin-left: 10px;
      margin-right: 10px; }
      @media only screen and (min-width: 767px) {
        nav.breadcrumb ul li:after {
          content: ""; } }
    nav.breadcrumb ul li:last-child:after {
      content: "";
      margin-left: 0;
      margin-right: 0; }
  @media only screen and (min-width: 767px) {
    nav.breadcrumb ul {
      position: absolute;
      right: 0;
      top: 0; } }

.tac-mobile {
  text-align: center; }
  @media only screen and (min-width: 767px) {
    .tac-mobile {
      text-align: left; } }

.tal-all {
  text-align: left; }

.tac-all {
  text-align: center; }

.opa-60 {
  opacity: .6; }

.opa-40 {
  opacity: .4; }

.c-white {
  color: #fff; }

.c-black {
  color: #292C31; }

.c-peach {
  color: #FF6F72; }

.bg-blue-light, .careers_page-v2 .gr-vacancies-list-container {
  background-color: #f8f9fc; }

.bg-peach {
  background-color: #FF6F72; }

.bg-black {
  background-color: #292C31; }

.bg-blue {
  background-color: #B5E4EB; }

.ovv {
  overflow: visible !important; }

.clear {
  clear: both;
  overflow: hidden; }

.img img, .blog_page img, .bio_page .hero figure img {
  display: block;
  width: 100%; }

.no-bg-img img {
  background-color: transparent; }

.show-mobile-only {
  display: inline-block; }
  @media only screen and (min-width: 767px) {
    .show-mobile-only {
      display: none; } }

.show-desktop-only {
  display: none; }
  @media only screen and (min-width: 767px) {
    .show-desktop-only {
      display: inline-block; } }

@media only screen and (min-width: 1024px) {
  .hide-desktop-only {
    display: none; } }

.posr {
  position: relative; }

.ovh {
  overflow: hidden; }

.mb1 {
  margin-bottom: 1em !important; }

.mb2 {
  margin-bottom: 2em !important; }

.hs-responsive-embed {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .hs-responsive-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.gr-product-article .half-columns, .gr-about-article .half-columns {
  position: relative;
  padding-top: 80px;
  padding-bottom: 120px; }
  @media only screen and (min-width: 767px) {
    .gr-product-article .half-columns, .gr-about-article .half-columns {
      padding-top: 120px;
      margin-left: -12px;
      margin-right: -12px; } }
  @media only screen and (min-width: 1024px) {
    .gr-product-article .half-columns, .gr-about-article .half-columns {
      padding-top: 125px; } }
  .gr-product-article .half-columns .half, .gr-about-article .half-columns .half {
    margin-bottom: 1em; }
    @media only screen and (min-width: 767px) {
      .gr-product-article .half-columns .half, .gr-about-article .half-columns .half {
        margin-bottom: 0;
        padding-left: 12px;
        padding-right: 12px; } }

@media only screen and (min-width: 767px) {
  .gr-product-article .third-columns, .gr-about-article .third-columns {
    margin-left: 0;
    margin-right: 0; } }

section .caption h2 {
  font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
  text-transform: uppercase; }

section h3 {
  font-family: "Graphik-Regular", sans-serif;
  letter-spacing: normal; }
  @media only screen and (min-width: 1024px) {
    section h3 {
      font-size: 24px;
      font-size: 1.5rem; } }

section h4 {
  font-family: "Graphik-Medium", sans-serif;
  margin-bottom: 8px;
  letter-spacing: 0; }

section .titles-block {
  font-size: 16.62px;
  font-size: 1.03875rem;
  margin-bottom: 30px; }
  @media only screen and (min-width: 767px) {
    section .titles-block {
      font-size: 18.6px;
      font-size: 1.1625rem;
      margin-bottom: 42px; } }

h1, .featured h2, .featured_2 h2, .hero h2 {
  -webkit-font-feature-settings: "calt" 1;
  font-feature-settings: "calt" 1; }

.morph {
  -webkit-font-feature-settings: "calt" 0, "liga";
  font-feature-settings: "calt" 0, "liga"; }

.uppercase {
  text-transform: uppercase; }

.shapes, .shapes_bis {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto; }

.fadein img {
  opacity: 0; }
  .fadein img.reveal {
    opacity: 1; }

.link_simple a:hover, .careers_page .vacancies-list-container ul.vacancies-list li .expended-content a:hover, .bio_page .meta .container .name a:hover, .bio_page .meta .container .details a:hover, .contact_page .other-enquiries a:hover, footer.main .inner-top a:hover {
  color: #FF6F72; }

.lrg, .careers_page .role-not-present, .gr-role-not-present, .technology_page .poplar-article header, .bio_page .content, .generic_page .content_container .content, .generic_page .content_container .content.content-splitted-right, .generic_page .content_container .full-width-form {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 140%; }
  @media only screen and (min-width: 767px) {
    .lrg, .careers_page .role-not-present, .gr-role-not-present, .technology_page .poplar-article header, .bio_page .content, .generic_page .content_container .content, .generic_page .content_container .content.content-splitted-right, .generic_page .content_container .full-width-form {
      font-size: 18.6px;
      font-size: 1.1625rem; } }
  @media only screen and (min-width: 1024px) {
    .lrg, .careers_page .role-not-present, .gr-role-not-present, .technology_page .poplar-article header, .bio_page .content, .generic_page .content_container .content, .generic_page .content_container .content.content-splitted-right, .generic_page .content_container .full-width-form {
      font-size: 24px;
      font-size: 1.5rem; } }

.lrger, .blog_page .more_stories .filters .toggle-filters, .blogpost_page .content, .careers_page .vacancies-list-container ul.vacancies-list li, .careers_page .vacancies-list-container .titles-block p, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li, .careers_page-v2 .gr-vacancies-list-container .titles-block p, .technology_page .poplar-article, .bio_page .meta, .contact_page .hero_text p, .contact_page .other-enquiries p {
  font-size: 16.62px;
  font-size: 1.03875rem;
  line-height: 140%; }
  @media only screen and (min-width: 767px) {
    .lrger, .blog_page .more_stories .filters .toggle-filters, .blogpost_page .content, .careers_page .vacancies-list-container ul.vacancies-list li, .careers_page .vacancies-list-container .titles-block p, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li, .careers_page-v2 .gr-vacancies-list-container .titles-block p, .technology_page .poplar-article, .bio_page .meta, .contact_page .hero_text p, .contact_page .other-enquiries p {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media only screen and (min-width: 1024px) {
    .lrger, .blog_page .more_stories .filters .toggle-filters, .blogpost_page .content, .careers_page .vacancies-list-container ul.vacancies-list li, .careers_page .vacancies-list-container .titles-block p, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li, .careers_page-v2 .gr-vacancies-list-container .titles-block p, .technology_page .poplar-article, .bio_page .meta, .contact_page .hero_text p, .contact_page .other-enquiries p {
      font-size: 22.4px;
      font-size: 1.4rem; } }

.spacer, .blogpost_page .hero, .blogpost_page .meta, .blogpost_page .intro, .blogpost_page .content figure.image, .bio_page .meta, .bio_page .content figure.image {
  margin-bottom: 50px; }
  @media only screen and (min-width: 767px) {
    .spacer, .blogpost_page .hero, .blogpost_page .meta, .blogpost_page .intro, .blogpost_page .content figure.image, .bio_page .meta, .bio_page .content figure.image {
      margin-bottom: 60px; } }
  @media only screen and (min-width: 1024px) {
    .spacer, .blogpost_page .hero, .blogpost_page .meta, .blogpost_page .intro, .blogpost_page .content figure.image, .bio_page .meta, .bio_page .content figure.image {
      margin-bottom: 70px; } }

@media only screen and (min-width: 767px) {
  .neg-marg, .homepage_page .gallery, .careers_page .benefits .lists, .careers_page .office-gallery .photo-gallery, .careers_page-v2 .gr-gallery .photo-gallery, .technology_page .framework ul, .about_page .team-list, .contact_page .maps_container {
    margin-left: -9px;
    margin-right: -9px; } }

@media only screen and (min-width: 1024px) {
  .neg-marg, .homepage_page .gallery, .careers_page .benefits .lists, .careers_page .office-gallery .photo-gallery, .careers_page-v2 .gr-gallery .photo-gallery, .technology_page .framework ul, .about_page .team-list, .contact_page .maps_container {
    margin-left: -12px;
    margin-right: -12px; } }

.stitle, section h4, aside.popup .submitted-message:before, .careers_page .vacancies-list-container .titles-block h2, .careers_page .vacancies-list-container .titles-block h3, .careers_page-v2 .gr-vacancies-list-container .titles-block h2, .careers_page-v2 .gr-vacancies-list-container .titles-block h3, .technology_page .poplar-article header h2, .products_page .titles-block h2, .products_page .titles-block h3, .about_page section h2, .contact_page .maps_container .caption-title h2, .form-style-black .submitted-message:before, .generic_page .content_container .content h2 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 140%; }
  @media only screen and (min-width: 767px) {
    .stitle, section h4, aside.popup .submitted-message:before, .careers_page .vacancies-list-container .titles-block h2, .careers_page .vacancies-list-container .titles-block h3, .careers_page-v2 .gr-vacancies-list-container .titles-block h2, .careers_page-v2 .gr-vacancies-list-container .titles-block h3, .technology_page .poplar-article header h2, .products_page .titles-block h2, .products_page .titles-block h3, .about_page section h2, .contact_page .maps_container .caption-title h2, .form-style-black .submitted-message:before, .generic_page .content_container .content h2 {
      font-size: 24.88px;
      font-size: 1.555rem;
      line-height: 140%; } }
  @media only screen and (min-width: 1024px) {
    .stitle, section h4, aside.popup .submitted-message:before, .careers_page .vacancies-list-container .titles-block h2, .careers_page .vacancies-list-container .titles-block h3, .careers_page-v2 .gr-vacancies-list-container .titles-block h2, .careers_page-v2 .gr-vacancies-list-container .titles-block h3, .technology_page .poplar-article header h2, .products_page .titles-block h2, .products_page .titles-block h3, .about_page section h2, .contact_page .maps_container .caption-title h2, .form-style-black .submitted-message:before, .generic_page .content_container .content h2 {
      font-size: 32px;
      font-size: 2rem;
      line-height: 140%; } }

.container {
  padding: 0 30px;
  max-width: 1328px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 767px) {
    .container {
      padding: 0 64px; } }

.bgcolor {
  padding-top: 55px; }
  .bgcolor img {
    background-color: transparent; }
  @media only screen and (min-width: 767px) {
    .bgcolor {
      padding-top: 55px; } }
  @media only screen and (min-width: 1200px) {
    .bgcolor {
      padding-top: 79px; } }
  .bgcolor.box-top {
    background-color: #F7F5F5;
    overflow: hidden;
    position: relative; }
    @media only screen and (min-width: 767px) {
      .bgcolor.box-top {
        padding-top: 123px; } }
    @media only screen and (min-width: 1024px) {
      .bgcolor.box-top {
        padding-top: 179px; } }

.hero_text {
  margin-bottom: 50px;
  padding: 42px;
  z-index: 10;
  text-align: center; }
  .hero_text.boxed {
    background-color: #fff; }
  .hero_text.black {
    background-color: #292C31;
    color: #fff; }
  .hero_text.wide {
    padding: 30px 0; }
  .hero_text.align-left {
    text-align: left; }
  @media only screen and (min-width: 767px) {
    .hero_text {
      padding: 42px;
      max-width: 505px; } }
  @media only screen and (min-width: 1024px) {
    .hero_text {
      padding: 54px;
      margin-bottom: 115px;
      max-width: 706px; } }
  .hero_text h1 {
    font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
    margin-bottom: 23px;
    text-transform: uppercase;
    line-height: 110%; }
    @media only screen and (min-width: 767px) {
      .hero_text h1 {
        margin-bottom: 36px; } }
  .hero_text p {
    margin-bottom: 1em; }
    .hero_text p strong {
      font-family: "Graphik-Medium", sans-serif; }
    .hero_text p a {
      font-family: "Graphik-Medium", sans-serif;
      color: #FF6F72; }
      .hero_text p a:hover {
        color: #FF6F72; }
    .hero_text p:last-child {
      margin-bottom: 0; }
  .hero_text .cta_container {
    padding-top: 50px;
    margin-bottom: 0; }

.vertical-padding, .homepage_page .list-news, .homepage_page .poplar-homepage, .blog_page .more_stories .no-result, .news_page .single-featured.second-featured, .list-tick, .products_page .third-section, .newsroom_page .gr-single-featured.second-featured, .bio_page .hero h1, .generic_page .content_container {
  padding: 42px 0; }
  @media only screen and (min-width: 767px) {
    .vertical-padding, .homepage_page .list-news, .homepage_page .poplar-homepage, .blog_page .more_stories .no-result, .news_page .single-featured.second-featured, .list-tick, .products_page .third-section, .newsroom_page .gr-single-featured.second-featured, .bio_page .hero h1, .generic_page .content_container {
      padding: 55px 0; } }
  @media only screen and (min-width: 1024px) {
    .vertical-padding, .homepage_page .list-news, .homepage_page .poplar-homepage, .blog_page .more_stories .no-result, .news_page .single-featured.second-featured, .list-tick, .products_page .third-section, .newsroom_page .gr-single-featured.second-featured, .bio_page .hero h1, .generic_page .content_container {
      padding: 64px 0; } }

.hs_cos_wrapper_type_rich_text p, .hs_cos_wrapper_type_rich_text ul {
  margin-bottom: 1em; }

.slick-slide, .slick-arrow, button {
  outline: none; }
  .slick-slide:focus, .slick-slide:active, .slick-arrow:focus, .slick-arrow:active, button:focus, button:active {
    outline: none; }

.slick-dots {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  text-align: center; }
  .slick-dots li {
    outline: none;
    cursor: pointer;
    display: inline-block !important;
    margin: 0 7px !important;
    width: 14px;
    margin-left: auto;
    margin-right: auto;
    transition: all 100ms ease-in-out;
    position: relative; }
    .slick-dots li:after {
      font-size: 300%;
      color: #fff;
      position: absolute;
      top: -6px;
      left: -2px; }
    .slick-dots li button {
      text-indent: -999em;
      width: 12px;
      height: 12px;
      overflow: hidden; }
    .slick-dots li:hover:after, .slick-dots li.slick-active:after {
      color: #292C31; }

.slick-arrow {
  position: absolute;
  top: 50%;
  bottom: 0;
  text-align: center;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  z-index: 100;
  opacity: 1;
  transition: opacity 300ms ease-in-out;
  cursor: pointer; }
  .slick-arrow:hover {
    opacity: 1; }
  .slick-arrow.top-mobile {
    top: 60px; }
    @media only screen and (min-width: 767px) {
      .slick-arrow.top-mobile {
        top: 50%; } }
  .slick-arrow.slick-prev, .slick-arrow.slick-next {
    background-repeat: no-repeat;
    padding-top: 8px;
    padding-right: 2px;
    font-size: 80%; }
    .slick-arrow.slick-prev span, .slick-arrow.slick-next span {
      position: relative; }
    .slick-arrow.slick-prev i, .slick-arrow.slick-next i {
      position: relative;
      z-index: 10;
      font-size: 150%;
      display: block;
      top: -7px; }
    .slick-arrow.slick-prev:after, .slick-arrow.slick-next:after {
      font-size: 250%;
      color: #fff;
      position: absolute;
      top: 0;
      z-index: 5;
      left: 4px; }
      @media only screen and (min-width: 767px) {
        .slick-arrow.slick-prev:after, .slick-arrow.slick-next:after {
          left: 0; } }
    .slick-arrow.slick-prev:hover i, .slick-arrow.slick-next:hover i {
      color: #fff; }
    .slick-arrow.slick-prev:hover:after, .slick-arrow.slick-next:hover:after {
      color: #292C31; }
  .slick-arrow.slick-prev {
    left: 0px; }
    @media only screen and (min-width: 767px) {
      .slick-arrow.slick-prev {
        left: -40px; } }
    @media only screen and (min-width: 1400px) {
      .slick-arrow.slick-prev {
        left: -60px; } }
  .slick-arrow.slick-next {
    right: 0px; }
    @media only screen and (min-width: 767px) {
      .slick-arrow.slick-next {
        right: -40px; } }
    @media only screen and (min-width: 1400px) {
      .slick-arrow.slick-next {
        right: -60px; } }

.half-columns, .third-columns {
  overflow: hidden; }
  @media only screen and (min-width: 767px) {
    .half-columns .half, .third-columns .half {
      width: 50%;
      float: left; } }
  @media only screen and (min-width: 767px) {
    .half-columns .one-third, .third-columns .one-third {
      width: 33.33%;
      float: left; } }
  @media only screen and (min-width: 767px) {
    .half-columns .two-thirds, .third-columns .two-thirds {
      width: 66.67%;
      float: left; } }
  .half-columns .one-third-desktop, .third-columns .one-third-desktop {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .half-columns .one-third-desktop, .third-columns .one-third-desktop {
        width: 33.33%;
        float: left; } }
  .half-columns .two-thirds-desktop, .third-columns .two-thirds-desktop {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .half-columns .two-thirds-desktop, .third-columns .two-thirds-desktop {
        width: 66.67%;
        float: left; } }
  @media only screen and (min-width: 767px) {
    .half-columns .desktop-left, .third-columns .desktop-left {
      float: left; } }
  @media only screen and (min-width: 767px) {
    .half-columns .desktop-right, .third-columns .desktop-right {
      float: right; } }

@media only screen and (min-width: 767px) {
  .half-center {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto; } }

.gr-view-all {
  display: none;
  position: relative;
  font-size: 18px;
  font-size: 1.125rem; }
  @media only screen and (min-width: 1024px) {
    .gr-view-all {
      font-size: 18px;
      font-size: 1.125rem; } }
  .gr-view-all a {
    display: inline-block;
    position: relative; }
    .gr-view-all a i {
      margin-left: 20px;
      margin-right: 11px;
      z-index: 10;
      font-size: 100%;
      position: relative; }
      @media only screen and (min-width: 1024px) {
        .gr-view-all a i {
          margin-right: 10px; } }
    .gr-view-all a:after {
      font-size: 32px;
      position: absolute;
      right: 0;
      color: #fff;
      z-index: 5;
      top: -2px; }
    .gr-view-all a:hover:after {
      color: #FF6F72; }
    .gr-view-all a:hover i {
      color: #fff; }
  @media only screen and (min-width: 767px) {
    .gr-view-all.from-tablet-only {
      display: block;
      float: right;
      padding-top: 10px; } }
  .gr-view-all.mobile-only {
    text-align: left;
    display: block; }
    .gr-view-all.mobile-only a {
      position: relative; }
    @media only screen and (min-width: 767px) {
      .gr-view-all.mobile-only {
        display: none; } }
    .gr-view-all.mobile-only:after {
      top: 0; }

.gr-readnext {
  padding-top: 50px; }
  .gr-readnext img {
    display: block;
    width: 100%; }
  @media only screen and (min-width: 767px) {
    .gr-readnext {
      padding-top: 60px; } }
  @media only screen and (min-width: 1024px) {
    .gr-readnext {
      padding-bottom: 110px; } }
  .gr-readnext .container {
    position: relative; }
  .gr-readnext .stitle, .gr-readnext section h4, section .gr-readnext h4, .gr-readnext aside.popup .submitted-message:before, aside.popup .gr-readnext .submitted-message:before, .gr-readnext .careers_page .vacancies-list-container .titles-block h2, .careers_page .vacancies-list-container .titles-block .gr-readnext h2, .gr-readnext .careers_page .vacancies-list-container .titles-block h3, .careers_page .vacancies-list-container .titles-block .gr-readnext h3, .gr-readnext .careers_page-v2 .gr-vacancies-list-container .titles-block h2, .careers_page-v2 .gr-vacancies-list-container .titles-block .gr-readnext h2, .gr-readnext .careers_page-v2 .gr-vacancies-list-container .titles-block h3, .careers_page-v2 .gr-vacancies-list-container .titles-block .gr-readnext h3, .gr-readnext .technology_page .poplar-article header h2, .technology_page .poplar-article header .gr-readnext h2, .gr-readnext .products_page .titles-block h2, .products_page .titles-block .gr-readnext h2, .gr-readnext .products_page .titles-block h3, .products_page .titles-block .gr-readnext h3, .gr-readnext .about_page section h2, .about_page section .gr-readnext h2, .gr-readnext .contact_page .maps_container .caption-title h2, .contact_page .maps_container .caption-title .gr-readnext h2, .gr-readnext .form-style-black .submitted-message:before, .form-style-black .gr-readnext .submitted-message:before, .gr-readnext .generic_page .content_container .content h2, .generic_page .content_container .content .gr-readnext h2 {
    margin-bottom: 32px; }
    .gr-readnext .stitle.left, .gr-readnext section h4.left, section .gr-readnext h4.left, .gr-readnext aside.popup .left.submitted-message:before, aside.popup .gr-readnext .left.submitted-message:before, .gr-readnext .careers_page .vacancies-list-container .titles-block h2.left, .careers_page .vacancies-list-container .titles-block .gr-readnext h2.left, .gr-readnext .careers_page .vacancies-list-container .titles-block h3.left, .careers_page .vacancies-list-container .titles-block .gr-readnext h3.left, .gr-readnext .careers_page-v2 .gr-vacancies-list-container .titles-block h2.left, .careers_page-v2 .gr-vacancies-list-container .titles-block .gr-readnext h2.left, .gr-readnext .careers_page-v2 .gr-vacancies-list-container .titles-block h3.left, .careers_page-v2 .gr-vacancies-list-container .titles-block .gr-readnext h3.left, .gr-readnext .technology_page .poplar-article header h2.left, .technology_page .poplar-article header .gr-readnext h2.left, .gr-readnext .products_page .titles-block h2.left, .products_page .titles-block .gr-readnext h2.left, .gr-readnext .products_page .titles-block h3.left, .products_page .titles-block .gr-readnext h3.left, .gr-readnext .about_page section h2.left, .about_page section .gr-readnext h2.left, .gr-readnext .contact_page .maps_container .caption-title h2.left, .contact_page .maps_container .caption-title .gr-readnext h2.left, .gr-readnext .form-style-black .left.submitted-message:before, .form-style-black .gr-readnext .left.submitted-message:before, .gr-readnext .generic_page .content_container .content h2.left, .generic_page .content_container .content .gr-readnext h2.left {
      text-align: left; }
  .gr-readnext .articles-next {
    margin-left: auto;
    margin-right: auto; }
  @media only screen and (min-width: 1024px) {
    .gr-readnext .articles-next-list {
      margin-left: -12px;
      margin-right: -12px; } }
  @media only screen and (min-width: 700px) {
    .gr-readnext article {
      width: 50%;
      max-width: 282px;
      float: left; }
      .gr-readnext article > div {
        padding-right: 20px; } }
  @media only screen and (min-width: 1024px) {
    .gr-readnext article {
      width: 25%;
      max-width: none;
      float: left; }
      .gr-readnext article > div {
        padding-right: 12px;
        padding-left: 12px; } }
  .gr-readnext article a {
    display: block; }
  .gr-readnext article figure {
    overflow: hidden;
    height: 200px;
    width: 100%; }
    @media only screen and (min-width: 767px) {
      .gr-readnext article figure {
        height: 170px; } }
    .gr-readnext article figure img {
      width: 100%;
      max-width: none; }
  .gr-readnext a:hover .caption-title p {
    color: #FF6F72; }
  .gr-readnext .caption-title {
    background-color: #fff;
    padding: 20px;
    min-height: 140px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 140%; }
    .gr-readnext .caption-title p {
      color: #292C31; }

.gr-section-container .copy {
  max-width: 420px; }
  @media only screen and (min-width: 1024px) {
    .gr-section-container .copy {
      max-width: 700px; } }
  .gr-section-container .copy p {
    max-width: 600px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 135%; }
    @media only screen and (min-width: 1024px) {
      .gr-section-container .copy p {
        font-size: 18px;
        font-size: 1.125rem; } }

.gr-section-subtitle {
  font-family: "Graphik-Medium", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 120%;
  margin-bottom: 12px; }
  @media only screen and (min-width: 767px) {
    .gr-section-subtitle {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 14px; } }
  @media only screen and (min-width: 1024px) {
    .gr-section-subtitle {
      font-size: 32px;
      font-size: 2rem;
      margin-bottom: 20px; } }
  .gr-section-subtitle strong {
    color: #FF6F72; }
  .gr-section-subtitle.align-left {
    text-align: left; }
  .gr-section-subtitle--smaller {
    line-height: 130%;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 12px; }
    @media only screen and (min-width: 767px) {
      .gr-section-subtitle--smaller {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 14px; } }
    @media only screen and (min-width: 1024px) {
      .gr-section-subtitle--smaller {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 20px; } }

.gr-mazw-90 {
  max-width: 90%; }

aside.popup {
  display: none;
  position: relative;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F7F5F5;
  z-index: 500;
  height: 100%; }
  aside.popup:after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic3.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .no-svg aside.popup:after {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic3.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg aside.popup:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic3@2x.png); } }
    @media only screen and (min-width: 767px) {
      aside.popup:after {
        width: 192px;
        height: 96px; } }
    @media only screen and (min-width: 1024px) {
      aside.popup:after {
        width: 384px;
        height: 192px; } }
    @media only screen and (min-width: 1200px) {
      aside.popup:after {
        width: 384px;
        height: 192px; } }
  aside.popup:after {
    bottom: 0;
    right: 0; }
  aside.popup .close {
    float: right;
    font-size: 80px;
    padding-top: 20px;
    position: relative;
    z-index: 800;
    cursor: pointer; }
    aside.popup .close:hover {
      color: #FF6F72; }
  aside.popup .innerpopup {
    height: 100%; }
    aside.popup .innerpopup .shapes {
      height: 100%;
      position: relative;
      position: relative; }
      aside.popup .innerpopup .shapes:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic1.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
        .no-svg aside.popup .innerpopup .shapes:before {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic1.png); }
          @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
            .no-svg aside.popup .innerpopup .shapes:before {
              background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic1@2x.png); } }
        @media only screen and (min-width: 767px) {
          aside.popup .innerpopup .shapes:before {
            width: 128px;
            height: 192px; } }
        @media only screen and (min-width: 1024px) {
          aside.popup .innerpopup .shapes:before {
            width: 256px;
            height: 384px; } }
        @media only screen and (min-width: 1200px) {
          aside.popup .innerpopup .shapes:before {
            width: 256px;
            height: 384px; } }
      aside.popup .innerpopup .shapes:before {
        top: 0;
        left: 0;
        z-index: 10; }
      aside.popup .innerpopup .shapes:after {
        content: "";
        display: block;
        position: absolute;
        width: 0px;
        height: 0px;
        background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic2.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
        .no-svg aside.popup .innerpopup .shapes:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic2.png); }
          @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
            .no-svg aside.popup .innerpopup .shapes:after {
              background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic2@2x.png); } }
        @media only screen and (min-width: 767px) {
          aside.popup .innerpopup .shapes:after {
            width: 32px;
            height: 69px; } }
        @media only screen and (min-width: 1024px) {
          aside.popup .innerpopup .shapes:after {
            width: 64px;
            height: 138px; } }
        @media only screen and (min-width: 1200px) {
          aside.popup .innerpopup .shapes:after {
            width: 64px;
            height: 138px; } }
      aside.popup .innerpopup .shapes:after {
        top: 40%;
        right: 0; }
  aside.popup .container {
    height: 100%; }
  aside.popup .form_content_container {
    display: table;
    height: 100%;
    width: 100%;
    max-width: 581px;
    margin-left: auto;
    margin-right: auto; }
  aside.popup .form_content {
    font-size: 16.62px;
    font-size: 1.03875rem;
    position: relative;
    z-index: 10;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 100%; }
    @media only screen and (min-width: 767px) {
      aside.popup .form_content {
        font-size: 18.6px;
        font-size: 1.1625rem; } }
    @media only screen and (min-width: 1024px) {
      aside.popup .form_content {
        font-size: 18.6px;
        font-size: 1.1625rem; } }
    @media only screen and (max-height: 630px) {
      aside.popup .form_content {
        vertical-align: top; } }
  aside.popup .top-part {
    background-color: #FFF;
    text-align: center;
    padding-top: 29px; }
    aside.popup .top-part .titles-block p {
      color: rgba(16, 30, 36, 0.4); }
  aside.popup .form_container {
    position: relative; }
  aside.popup .input {
    border: 1px solid #292C31;
    margin: 20px 50px;
    margin-top: 0;
    padding: 5px 0; }
  aside.popup fieldset {
    max-width: calc(100% - 45px); }
  aside.popup input[type="text"], aside.popup input[type="email"] {
    position: relative;
    width: 100% !important;
    padding-left: 2%;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    outline: none;
    padding-top: 5px;
    padding-bottom: 5px; }
    aside.popup input[type="text"]:focus, aside.popup input[type="email"]:focus {
      border-left: 3px solid #FF6F72 !important; }
    @media only screen and (min-width: 1024px) {
      aside.popup input[type="text"], aside.popup input[type="email"] {
        padding-top: 7px;
        padding-bottom: 7px; } }
  aside.popup textarea {
    border-left: 3px solid #fff;
    width: 100% !important;
    background: #fff;
    outline: none;
    min-height: 150px;
    padding-left: 2%; }
    aside.popup textarea:focus {
      border-left: 3px solid #FF6F72 !important; }
  aside.popup .hs_submit {
    padding: 0;
    background-color: #292C31;
    margin-bottom: 0;
    overflow: hidden; }
  aside.popup input[type="submit"] {
    border: 1px solid #292C31;
    padding: 10px 25px;
    text-align: left;
    text-align: right;
    float: right;
    color: #B5E4EB;
    outline: 0;
    position: relative;
    cursor: pointer;
    height: 65px;
    z-index: 30; }
    aside.popup input[type="submit"]:hover {
      color: #292C31;
      background-color: #B5E4EB;
      border-color: #B5E4EB; }
  aside.popup .hs-error-msgs {
    display: block;
    text-align: left;
    padding: 0 50px 20px;
    font-size: 85%; }
    aside.popup .hs-error-msgs li {
      display: block; }
div.hs_error_rollup {
    padding-left: 27px;}
  aside.popup .close-bis {
    background-color: #292C31;
    position: absolute;
    right: 0;
    text-align: left;
    bottom: 0;
    left: 0;
    height: 65px;
    line-height: 65px;
    color: rgba(255, 255, 255, 0.4);
    z-index: 10; }
    aside.popup .close-bis span {
      padding-left: 25px;
      cursor: pointer; }
      aside.popup .close-bis span:hover {
        text-decoration: underline; }
  aside.popup .submitted-message {
    color: rgba(16, 30, 36, 0.4);
    padding-top: 160px;
    padding-bottom: 140px; }
    aside.popup .submitted-message:before {
      content: "Thank you!";
      display: block;
      color: #292C31;
      margin-bottom: 8px; }
    aside.popup .submitted-message:after {
      content: "";
      width: 77px;
      height: 77px;
      position: absolute;
      top: 42px;
      left: 50%;
      margin-left: -36px;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/done.svg); }
      .no-svg aside.popup .submitted-message:after {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/done.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg aside.popup .submitted-message:after {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/done@2x.png); } }
      @media only screen and (max-height: 630px) {
        aside.popup .submitted-message:after {
          display: none; } }
    @media only screen and (max-height: 630px) {
      aside.popup .submitted-message {
        padding-top: 30px; } }

#newsletter .input {
  margin-bottom: 50px; }

#newsletter p {
  margin-bottom: 15px;
  padding: 0 50px; }

#products {
  overflow: auto; }
  #products .form_container {
    overflow: auto; }
  #products fieldset {
    padding-left: 40px; }
  #products .input {
    margin: 15px 10px; }
  #products .hs_question {
    margin-bottom: 40px; }

aside.promo-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 400;
  background-color: #292C31;
  display: none; }
  aside.promo-bar .container {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    position: relative; }
    aside.promo-bar .container > div {
      padding-right: 40px; }
    aside.promo-bar .container a {
      color: #fff;
      text-decoration: underline; }
      aside.promo-bar .container a:hover {
        text-decoration: none; }
  aside.promo-bar .close {
    width: 40px;
    height: 40px;
    position: absolute;
    float: right;
    right: 22px;
    top: 50%;
    display: block;
    margin-top: -20px;
    cursor: pointer; }
    aside.promo-bar .close span {
      text-indent: -999em;
      display: block; }
    @media only screen and (min-width: 767px) {
      aside.promo-bar .close {
        right: 54px; } }
    aside.promo-bar .close:hover:after {
      color: #FF6F72; }
    aside.promo-bar .close:after {
      color: #fff;
      position: absolute;
      width: 40px;
      text-align: center;
      top: 3px;
      right: 0;
      display: block;
      height: 40px;
      font-size: 200%; }

.shapes {
  position: relative; }

.shp {
  background-color: #FFF;
  display: block; }
  .shp.blue {
    background-color: #B5E4EB; }
  .shp.yellow {
    background-color: #FBE8AA; }
  .shp.salmon {
    background-color: #FBC3AA; }
  .shp.peach {
    background-color: #FF6F72; }
  .shp.grey {
    background-color: #F7F5F5; }

.image-hero-version .shp.blue {
  background-color: #fff; }

.image-hero-version .shp.yellow {
  background-color: #fff; }

.image-hero-version .shp.salmon {
  background-color: #fff; }

.image-hero-version .shp.peach {
  background-color: #fff; }

.image-hero-version .gr-l .elt3,
.image-hero-version .gr-l .elt4,
.image-hero-version .gr-l .gr4, .image-hero-version .gr-r .elt3,
.image-hero-version .gr-r .elt4,
.image-hero-version .gr-r .gr4 {
  opacity: 0; }

.image-hero-version .diago,
.image-hero-version .mask_diago {
  opacity: 0; }

.size-2xl.square, .gr-r .gr-about .square.elt1, .gr-r .gr-about .square.elt1-bis, .gr-l .gr-products .square.elt2, .gr-l .gr-products .square.elt2-bis, .gr-l .gr-technology .square.elt1, .gr-l .gr-technology .square.elt1-bis, .gr-l .gr-press .square.elt1, .gr-l .gr-press .square.elt1-bis, .size-2xl.circle, .gr-r .gr-about .circle.elt1, .gr-r .gr-about .circle.elt1-bis, .gr-l .gr-products .circle.elt2, .gr-l .gr-products .circle.elt2-bis, .gr-l .gr-technology .circle.elt1, .gr-l .gr-technology .circle.elt1-bis, .gr-l .gr-press .circle.elt1, .gr-l .gr-press .circle.elt1-bis {
  width: 256px;
  height: 256px; }

.size-xl.square, .gr3 .square.elt2, .gr5 .square.elt8, .gr-r .gr-technology-middle .square.elt1, .gr-r .gr-technology-middle .square.elt2, .size-xl.circle, .gr3 .circle.elt2, .gr5 .circle.elt8, .gr-r .gr-technology-middle .circle.elt1, .gr-r .gr-technology-middle .circle.elt2 {
  width: 128px;
  height: 128px; }

.size-l.square, .gr6 .square.elt15, .gr6 .square.elt12, .gr-l .gr-about .square.elt2, .size-l.circle, .gr6 .circle.elt15, .gr6 .circle.elt12, .gr-l .gr-about .circle.elt2 {
  width: 72px;
  height: 72px; }

.size-m.square, .gr2 .square.elt1, .gr5 .square.elt5, .gr5 .square.elt6, .gr-r .gr-products-top .square.elt1, .gr-r .gr-products-top .square.elt2, .gr-r .gr-products-top .square.elt3, .gr-l .gr-careers .square.elt1, .gr-l .gr-careers .square.elt2, .gr-r .gr-careers-right .square.elt1, .gr-r .gr-careers-right .square.elt2, .gr-r .gr-careers-right .square.elt3, .gr-r .gr-careers-right .square.elt4, .gr-r .gr-press-right .square.elt1, .gr-r .gr-press-right .square.elt2, .gr-r .gr-press-right .square.elt3, .gr-r .gr-press-right .square.elt4, .gr-l .gr-contact .square.elt1, .gr-l .gr-contact .square.elt2, .gr-l .gr-contact .square.elt4, .gr-r .gr-contact-right .square.elt1, .gr-r .gr-contact-right .square.elt2, .size-m.circle, .gr2 .circle.elt1, .gr5 .circle.elt5, .gr5 .circle.elt6, .gr-r .gr-products-top .circle.elt1, .gr-r .gr-products-top .circle.elt2, .gr-r .gr-products-top .circle.elt3, .gr-l .gr-careers .circle.elt1, .gr-l .gr-careers .circle.elt2, .gr-r .gr-careers-right .circle.elt1, .gr-r .gr-careers-right .circle.elt2, .gr-r .gr-careers-right .circle.elt3, .gr-r .gr-careers-right .circle.elt4, .gr-r .gr-press-right .circle.elt1, .gr-r .gr-press-right .circle.elt2, .gr-r .gr-press-right .circle.elt3, .gr-r .gr-press-right .circle.elt4, .gr-l .gr-contact .circle.elt1, .gr-l .gr-contact .circle.elt2, .gr-l .gr-contact .circle.elt4, .gr-r .gr-contact-right .circle.elt1, .gr-r .gr-contact-right .circle.elt2 {
  width: 64px;
  height: 64px; }

.size-s.square, .gr4 .square.elt7, .gr4 .square.elt9, .gr4 .square.elt10, .gr4 .square.elt11, .gr-l .gr-about .square.elt1, .gr-l .gr-about .square.elt3, .gr-l .gr-about .square.elt4, .gr-l .gr-about .square.elt5, .gr-r .gr-technology-top .square.elt1, .gr-r .gr-technology-top .square.elt2, .gr-r .gr-technology-top .square.elt4, .size-s.circle, .gr4 .circle.elt7, .gr4 .circle.elt9, .gr4 .circle.elt10, .gr4 .circle.elt11, .gr-l .gr-about .circle.elt1, .gr-l .gr-about .circle.elt3, .gr-l .gr-about .circle.elt4, .gr-l .gr-about .circle.elt5, .gr-r .gr-technology-top .circle.elt1, .gr-r .gr-technology-top .circle.elt2, .gr-r .gr-technology-top .circle.elt4 {
  width: 36px;
  height: 36px; }

.size-xs.square, .gr2 .square.elt13, .gr2 .square.elt14, .size-xs.circle, .gr2 .circle.elt13, .gr2 .circle.elt14 {
  width: 32px;
  height: 32px; }

.circle {
  border-radius: 50%; }

.gr {
  clear: both; }
  .gr > div {
    position: relative; }

.gr-l {
  height: 100%;
  position: absolute;
  left: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left 0;
          transform-origin: left 0;
  z-index: 20; }
  @media only screen and (min-width: 767px) {
    .gr-l {
      -webkit-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transform-origin: left 15%;
              transform-origin: left 15%; } }
  @media only screen and (min-width: 1024px) {
    .gr-l {
      -webkit-transform: scale(1);
              transform: scale(1); } }

.gr-r {
  overflow-x: hidden;
  position: absolute;
  right: 0;
  z-index: 20;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: right 0;
          transform-origin: right 0; }
  @media only screen and (min-width: 767px) {
    .gr-r {
      -webkit-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transform-origin: right 15%;
              transform-origin: right 15%; } }
  @media only screen and (min-width: 1024px) {
    .gr-r {
      -webkit-transform: scale(1);
              transform: scale(1); } }

.gr1 {
  margin-bottom: 300px; }
  .gr1.variation-onload {
    -webkit-transform: scale(-1);
            transform: scale(-1); }
  .gr1 .elt4 {
    width: 96px;
    height: 96px;
    background-color: transparent; }
    .gr1 .elt4 .arc {
      width: 96px;
      height: 96px;
      display: block;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt4 .arc {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt4 .arc {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc@2x.png); } }
    .gr1 .elt4.blue .arc {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_blue.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt4.blue .arc {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_blue.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt4.blue .arc {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_blue@2x.png); } }
    .gr1 .elt4.peach .arc {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_peach.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt4.peach .arc {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_peach.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt4.peach .arc {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_peach@2x.png); } }
    .gr1 .elt4.yellow .arc {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_yellow.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt4.yellow .arc {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_yellow.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt4.yellow .arc {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_yellow@2x.png); } }
    .gr1 .elt4.salmon .arc {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_salmon.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt4.salmon .arc {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_salmon.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt4.salmon .arc {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/arc_salmon@2x.png); } }
    .gr1 .elt4 .mask_arc {
      position: absolute;
      top: 0;
      left: 0;
      width: 96px;
      height: 96px;
      display: block;
      z-index: 2;
      background-color: #F7F5F5;
      -webkit-transform-origin: top right;
              transform-origin: top right;
      -webkit-transform: scaleY(1);
              transform: scaleY(1); }
  .gr1 .elt0 {
    width: 192px;
    height: 192px;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle.svg);
    background-color: transparent;
    background-size: 100%;
    -webkit-animation: rotate-full 7s infinite forwards linear;
    animation: rotate-full 7s infinite forwards linear; }
    .no-svg .gr1 .elt0 {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .gr1 .elt0 {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle@2x.png); } }
    .gr1 .elt0.blue {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_blue.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt0.blue {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_blue.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt0.blue {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_blue@2x.png); } }
    .gr1 .elt0.peach {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_peach.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt0.peach {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_peach.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt0.peach {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_peach@2x.png); } }
    .gr1 .elt0.yellow {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_yellow.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt0.yellow {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_yellow.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt0.yellow {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_yellow@2x.png); } }
    .gr1 .elt0.salmon {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_salmon.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr1 .elt0.salmon {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_salmon.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr1 .elt0.salmon {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/circle_salmon@2x.png); } }

.gr2 {
  margin-bottom: 140px; }
  .gr2.variation {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1); }
  .gr2 .elt1 {
    clear: both;
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  .gr2 .elt13 {
    float: left;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  .gr2 .elt14 {
    float: left;
    margin-left: 32px;
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }

.gr3 {
  height: 354px;
  padding-top: 100px;
  margin-bottom: 140px; }
  @media only screen and (min-width: 1024px) {
    .gr3 {
      margin-bottom: 240px; } }
  .gr3 .elt2 {
    margin-top: 128px;
    float: left;
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  .gr3 .elt3 {
    float: left;
    width: 256px;
    height: 256px;
    position: relative;
    background-color: transparent; }
    .gr3 .elt3 .diago {
      width: 256px;
      height: 256px;
      display: block;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr3 .elt3 .diago {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr3 .elt3 .diago {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago@2x.png); } }
    .gr3 .elt3.blue .diago {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_blue.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr3 .elt3.blue .diago {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_blue.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr3 .elt3.blue .diago {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_blue@2x.png); } }
    .gr3 .elt3.peach .diago {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_peach.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr3 .elt3.peach .diago {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_peach.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr3 .elt3.peach .diago {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_peach@2x.png); } }
    .gr3 .elt3.yellow .diago {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_yellow.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr3 .elt3.yellow .diago {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_yellow.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr3 .elt3.yellow .diago {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_yellow@2x.png); } }
    .gr3 .elt3.salmon .diago {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_salmon.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr3 .elt3.salmon .diago {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_salmon.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr3 .elt3.salmon .diago {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_salmon@2x.png); } }
    .gr3 .elt3 .mask_diago {
      width: 256px;
      height: 256px;
      display: block;
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #F7F5F5;
      -webkit-transform-origin: top;
              transform-origin: top;
      -webkit-transform: scaleY(1);
              transform: scaleY(1); }

.gr4.variation {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1); }

.gr4 .elt7 {
  float: left;
  -webkit-transform: scale(0);
          transform: scale(0); }

.gr4 .elt9 {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left; }

.gr4 .elt10 {
  float: left;
  -webkit-transform: scale(0);
          transform: scale(0); }

.gr4 .elt11 {
  margin-left: 36px;
  -webkit-transform: scale(0);
          transform: scale(0); }

.gr5 {
  float: right;
  -webkit-transform-origin: top left;
          transform-origin: top left; }
  .gr5.variation {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1); }
  .gr5 .elt5 {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  .gr5 .elt6 {
    margin-left: 64px;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  .gr5 .elt8 {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }

.gr6 {
  margin-bottom: 28px; }
  .gr6.variation {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1); }
  .gr6 .elt15 {
    -webkit-transform: scale(0);
            transform: scale(0); }
  .gr6 .elt12 {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes slide-down {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); } }

@keyframes slide-up {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); } }

@-webkit-keyframes slide-up-rotate {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@keyframes slide-up-rotate {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes slide-right {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes slide-right-slide {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  10% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes slide-right-slide {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  10% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes rotate-full {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-full {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.shapes.about .gr-r {
  display: none; }
  @media only screen and (min-width: 767px) {
    .shapes.about .gr-r {
      display: block;
      -webkit-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transform-origin: right 15%;
              transform-origin: right 15%; } }
  @media only screen and (min-width: 1200px) {
    .shapes.about .gr-r {
      -webkit-transform: scale(0.9);
              transform: scale(0.9); } }
  @media only screen and (min-width: 1400px) {
    .shapes.about .gr-r {
      -webkit-transform: scale(1);
              transform: scale(1); } }

.gr-l .gr-about {
  display: none;
  position: absolute;
  bottom: 115px;
  width: 128px; }
  @media only screen and (min-width: 767px) {
    .gr-l .gr-about {
      display: block; } }
  .gr-l .gr-about > div {
    position: relative; }
  .gr-l .gr-about .elt1 {
    margin-left: 36px;
    -webkit-transform-origin: bottom;
            transform-origin: bottom; }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-about .elt1 {
        -webkit-animation: slide-up-delay 31s linear 15s infinite;
        animation: slide-up-delay 31s linear 15s infinite; } }
  .gr-l .gr-about .elt2 {
    float: left;
    -webkit-transform-origin: top;
            transform-origin: top; }
  .gr-l .gr-about .elt3 {
    float: left;
    -webkit-transform-origin: left;
            transform-origin: left; }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-about .elt3 {
        -webkit-animation: slide-right-delay 31s linear 7s infinite;
        animation: slide-right-delay 31s linear 7s infinite; } }
  .gr-l .gr-about .elt4 {
    clear: both;
    float: left;
    -webkit-transform-origin: top;
            transform-origin: top; }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-about .elt4 {
        -webkit-animation: slide-up-delay 31s linear 15s infinite;
        animation: slide-up-delay 31s linear 15s infinite; } }
  .gr-l .gr-about .elt5 {
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-about .elt5 {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-animation: scale-delay 31s linear 7s infinite;
        animation: scale-delay 31s linear 7s infinite; } }

.gr-r .gr-about .elt1-bis {
  -webkit-transform: scale(0.5);
          transform: scale(0.5); }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-about .elt1-bis {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: scale-delay-double 31s linear 0s infinite;
      animation: scale-delay-double 31s linear 0s infinite; } }

.gr-r .gr-about .elt2 {
  width: 128px;
  height: 128px;
  float: left; }

.gr-r .gr-about .elt3 {
  float: left;
  width: 64px;
  height: 64px;
  -webkit-transform-origin: left;
          transform-origin: left; }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-about .elt3 {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-animation: slide-right-delay 31s linear 15s infinite;
      animation: slide-right-delay 31s linear 15s infinite; } }

.gr-r .gr-about .elt4 {
  clear: both;
  margin-left: 128px;
  width: 64px;
  height: 64px;
  -webkit-transform-origin: left;
          transform-origin: left; }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-about .elt4 {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-animation: slide-right-delay 31s linear 7s infinite;
      animation: slide-right-delay 31s linear 7s infinite; } }

@-webkit-keyframes slide-up-delay {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  1% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  49% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes slide-up-delay {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  1% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  49% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes slide-right-delay {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  1% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  49% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes slide-right-delay {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  1% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  49% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes scale-delay {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  1% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  49% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes scale-delay {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  1% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  49% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes scale-delay-double {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  30% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  31% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6); }
  49% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }

@keyframes scale-delay-double {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  30% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  31% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6); }
  49% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }

.shapes.products .gr-l {
  display: none; }
  @media only screen and (min-width: 767px) {
    .shapes.products .gr-l {
      display: block; } }

.shapes.products .gr-r {
  width: 192px;
  height: calc(100% + 140px);
  display: none; }
  @media only screen and (min-width: 767px) {
    .shapes.products .gr-r {
      display: block; } }

.gr-l .gr-products {
  position: absolute;
  bottom: 52px;
  width: 128px; }
  .gr-l .gr-products > div {
    position: relative; }
  .gr-l .gr-products .elt1 {
    position: relative;
    background-color: transparent; }
    .gr-l .gr-products .elt1 .diago {
      width: 256px;
      height: 256px;
      display: block;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_white.svg);
      background-color: transparent;
      background-size: 100%;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
      .no-svg .gr-l .gr-products .elt1 .diago {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_white.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr-l .gr-products .elt1 .diago {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_white@2x.png); } }
    .gr-l .gr-products .elt1 .mask_diago {
      width: 256px;
      height: 256px;
      display: block;
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #FF6F72;
      -webkit-transform-origin: top;
              transform-origin: top;
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-animation: slide-up-delay 31s infinite forwards;
      animation: slide-up-delay 31s infinite forwards; }
  .gr-l .gr-products .elt2-bis {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-products .elt2-bis {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay-double 31s linear 0s infinite;
        animation: scale-delay-double 31s linear 0s infinite; } }

.gr-r {
  height: 100%; }
  .gr-r .gr-products-top {
    padding-top: 220px;
    margin-left: 64px; }
    .gr-r .gr-products-top .elt1 {
      float: left; }
      @media only screen and (min-width: 767px) {
        .gr-r .gr-products-top .elt1 {
          -webkit-transform-origin: bottom;
                  transform-origin: bottom;
          -webkit-animation: slide-up-delay 31s linear 10s infinite;
          animation: slide-up-delay 31s linear 10s infinite; } }
    .gr-r .gr-products-top .elt2 {
      float: left; }
      @media only screen and (min-width: 767px) {
        .gr-r .gr-products-top .elt2 {
          -webkit-transform-origin: center;
                  transform-origin: center;
          -webkit-animation: scale-delay 31s linear 7s infinite;
          animation: scale-delay 31s linear 7s infinite; } }
    .gr-r .gr-products-top .elt3 {
      clear: both; }
      @media only screen and (min-width: 767px) {
        .gr-r .gr-products-top .elt3 {
          -webkit-transform-origin: top;
                  transform-origin: top;
          -webkit-animation: slide-up-delay 31s linear 10s infinite;
          animation: slide-up-delay 31s linear 10s infinite; } }
  .gr-r .gr-products-bottom {
    position: absolute;
    bottom: 0;
    height: 192px;
    z-index: 10;
    width: 192px; }
    .gr-r .gr-products-bottom > div {
      position: relative;
      width: 192px;
      height: 192px; }
    .gr-r .gr-products-bottom .elt1 {
      width: 64px;
      height: 64px;
      float: left; }
    .gr-r .gr-products-bottom .elt2 {
      width: 64px;
      height: 64px;
      margin-left: 64px;
      float: left; }
    .gr-r .gr-products-bottom .elt3 {
      clear: both;
      width: 128px;
      height: 128px; }
      @media only screen and (min-width: 767px) {
        .gr-r .gr-products-bottom .elt3 {
          -webkit-transform-origin: top;
                  transform-origin: top;
          -webkit-animation: slide-up-delay 31s linear 10s infinite;
          animation: slide-up-delay 31s linear 10s infinite; } }

.shapes.technology .gr-l {
  display: none; }
  @media only screen and (min-width: 767px) {
    .shapes.technology .gr-l {
      display: block; } }

.shapes.technology .gr-r {
  display: none; }
  @media only screen and (min-width: 767px) {
    .shapes.technology .gr-r {
      display: block;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom; } }
  @media only screen and (min-width: 1200px) {
    .shapes.technology .gr-r {
      -webkit-transform: scale(1);
              transform: scale(1); } }

.gr-l .gr-technology {
  padding-top: 350px; }
  .gr-l .gr-technology .elt1-bis {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-technology .elt1-bis {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay-double 31s linear 4.5s infinite;
        animation: scale-delay-double 31s linear 4.5s infinite; } }
  .gr-l .gr-technology .elt2 {
    position: relative;
    background-color: transparent; }
    .gr-l .gr-technology .elt2 .diago {
      width: 256px;
      height: 256px;
      display: block;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago.svg);
      background-color: transparent;
      background-size: 100%; }
      .no-svg .gr-l .gr-technology .elt2 .diago {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .gr-l .gr-technology .elt2 .diago {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago@2x.png); } }
    .gr-l .gr-technology .elt2 .mask_diago {
      width: 256px;
      height: 256px;
      display: block;
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #FF6F72;
      -webkit-transform: scaleY(1);
              transform: scaleY(1); }
      @media only screen and (min-width: 767px) {
        .gr-l .gr-technology .elt2 .mask_diago {
          -webkit-transform-origin: top;
                  transform-origin: top;
          -webkit-animation: slide-up-delay 31s infinite forwards;
          animation: slide-up-delay 31s infinite forwards; } }

@media only screen and (min-width: 767px) {
  .gr-r .gr-technology-top {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@media only screen and (min-width: 1024px) {
  .gr-r .gr-technology-top {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.gr-r .gr-technology-top .elt1 {
  margin-left: 180px; }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-technology-top .elt1 {
      -webkit-transform-origin: right;
              transform-origin: right;
      -webkit-animation: slide-right-delay 31s linear 7s infinite;
      animation: slide-right-delay 31s linear 7s infinite; } }

.gr-r .gr-technology-top .elt2 {
  margin-left: 36px;
  margin-top: 72px;
  float: left; }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-technology-top .elt2 {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: scale-delay 31s linear 5s infinite;
      animation: scale-delay 31s linear 5s infinite; } }

.gr-r .gr-technology-top .elt3 {
  float: left;
  width: 72px;
  height: 72px; }

.gr-r .gr-technology-top .elt4 {
  margin-top: 36px;
  float: left; }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-technology-top .elt4 {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: scale-delay 31s linear 3s infinite;
      animation: scale-delay 31s linear 3s infinite; } }

.gr-r .gr-technology-middle {
  clear: both;
  padding-top: 450px;
  padding-left: 88px; }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-technology-middle {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      -webkit-transform-origin: right center;
              transform-origin: right center; } }
  @media only screen and (min-width: 1024px) {
    .gr-r .gr-technology-middle {
      padding-top: 700px;
      -webkit-transform: scale(1);
              transform: scale(1); } }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-technology-middle .elt1 {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: scale-delay 31s linear 3s infinite;
      animation: scale-delay 31s linear 3s infinite; } }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-technology-middle .elt2 {
      -webkit-transform-origin: right;
              transform-origin: right;
      -webkit-animation: slide-right-delay 31s linear 4s infinite;
      animation: slide-right-delay 31s linear 4s infinite; } }

.gr-r .gr-technology-bottom {
  text-align: left;
  position: absolute;
  bottom: 0;
  right: 0; }
  .gr-r .gr-technology-bottom .elt1 {
    width: 52px;
    height: 52px;
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-technology-bottom .elt1 {
        -webkit-transform-origin: top;
                transform-origin: top;
        -webkit-animation: slide-up-delay 31s linear 4s infinite;
        animation: slide-up-delay 31s linear 4s infinite; } }
  .gr-r .gr-technology-bottom .elt2 {
    width: 26px;
    height: 26px;
    float: left; }
  .gr-r .gr-technology-bottom .elt3 {
    width: 26px;
    height: 26px;
    margin-top: 26px;
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-technology-bottom .elt3 {
        -webkit-transform-origin: right;
                transform-origin: right;
        -webkit-animation: slide-right-delay 31s linear 4s infinite;
        animation: slide-right-delay 31s linear 4s infinite; } }

.shapes.careers .gr-l {
  display: none; }
  @media only screen and (min-width: 767px) {
    .shapes.careers .gr-l {
      display: block; } }
  @media only screen and (min-width: 767px) {
    .shapes.careers .gr-l {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom; } }
  @media only screen and (min-width: 1200px) {
    .shapes.careers .gr-l {
      -webkit-transform: scale(1);
              transform: scale(1); } }

.shapes.careers .gr-r {
  height: 100%;
  display: none;
  width: 128px; }
  @media only screen and (min-width: 767px) {
    .shapes.careers .gr-r {
      display: block;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom; } }
  @media only screen and (min-width: 1024px) {
    .shapes.careers .gr-r {
      -webkit-transform: scale(1);
              transform: scale(1); } }

@media only screen and (min-width: 767px) {
  .gr-l .gr-careers .elt1 {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-animation: slide-right-delay 31s linear 4s infinite;
    animation: slide-right-delay 31s linear 4s infinite; } }

.gr-l .gr-careers .elt2 {
  margin-top: 64px; }
  @media only screen and (min-width: 767px) {
    .gr-l .gr-careers .elt2 {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: scale-delay 31s linear 3s infinite;
      animation: scale-delay 31s linear 3s infinite; } }

.gr-l .gr-careers .elt3 {
  position: relative;
  background-color: transparent; }
  .gr-l .gr-careers .elt3 .diago {
    width: 256px;
    height: 256px;
    display: block;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_white.svg);
    background-color: transparent;
    background-size: 100%; }
    .no-svg .gr-l .gr-careers .elt3 .diago {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_white.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .gr-l .gr-careers .elt3 .diago {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/homepage/diago_white@2x.png); } }
  .gr-l .gr-careers .elt3 .mask_diago {
    width: 256px;
    height: 256px;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FF6F72;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-careers .elt3 .mask_diago {
        -webkit-transform-origin: top;
                transform-origin: top;
        -webkit-animation: slide-up-delay 31s infinite forwards;
        animation: slide-up-delay 31s infinite forwards; } }

.gr-r .gr-careers-right {
  position: absolute;
  bottom: 50px; }
  @media only screen and (min-width: 1024px) {
    .gr-r .gr-careers-right {
      bottom: 115px; } }
  .gr-r .gr-careers-right > div {
    position: relative; }
  .gr-r .gr-careers-right .elt1 {
    margin-right: 64px; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-careers-right .elt1 {
        -webkit-transform-origin: left;
                transform-origin: left;
        -webkit-animation: slide-right-delay 31s linear 13s infinite;
        animation: slide-right-delay 31s linear 13s infinite; } }
  .gr-r .gr-careers-right .elt2 {
    margin-left: 64px; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-careers-right .elt2 {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay 31s linear 14s infinite;
        animation: scale-delay 31s linear 14s infinite; } }
  .gr-r .gr-careers-right .elt3 {
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-careers-right .elt3 {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay 31s linear 15s infinite;
        animation: scale-delay 31s linear 15s infinite; } }
  .gr-r .gr-careers-right .elt4 {
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-careers-right .elt4 {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay 31s linear 16s infinite;
        animation: scale-delay 31s linear 16s infinite; } }

.shapes.press .gr-l {
  display: block; }

.shapes.press .gr-r {
  display: block;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom; }
  @media only screen and (min-width: 767px) {
    .shapes.press .gr-r {
      -webkit-transform: scale(0.75);
              transform: scale(0.75); } }
  @media only screen and (min-width: 1200px) {
    .shapes.press .gr-r {
      -webkit-transform: scale(1);
              transform: scale(1); } }

.gr-l .gr-press {
  padding-top: 50px; }
  .gr-l .gr-press .elt1-bis {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-press .elt1-bis {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay-double 31s linear 15s infinite;
        animation: scale-delay-double 31s linear 15s infinite; } }

.gr-r .gr-press-right {
  padding-top: 365px; }
  .gr-r .gr-press-right .elt1 {
    margin-left: 128px; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-press-right .elt1 {
        -webkit-transform-origin: right;
                transform-origin: right;
        -webkit-animation: slide-right-delay 31s linear 3s infinite;
        animation: slide-right-delay 31s linear 3s infinite; } }
  .gr-r .gr-press-right .elt2 {
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-press-right .elt2 {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay 31s linear 4s infinite;
        animation: scale-delay 31s linear 4s infinite; } }
  .gr-r .gr-press-right .elt3 {
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-press-right .elt3 {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay 31s linear 5s infinite;
        animation: scale-delay 31s linear 5s infinite; } }
  .gr-r .gr-press-right .elt4 {
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-r .gr-press-right .elt4 {
        -webkit-transform-origin: center;
                transform-origin: center; } }

.shapes.contact .gr-l {
  display: block; }

.shapes.contact .gr-r {
  display: block;
  width: 64px;
  height: auto; }

.gr-l .gr-contact {
  padding-top: 160px; }
  .gr-l .gr-contact .elt1 {
    float: left; }
  .gr-l .gr-contact .elt2 {
    float: left; }
  .gr-l .gr-contact .elt3 {
    width: 32px;
    height: 32px;
    margin-top: 32px;
    float: left; }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-contact .elt3 {
        -webkit-transform-origin: left;
                transform-origin: left;
        -webkit-animation: slide-right-delay 31s linear 3s infinite;
        animation: slide-right-delay 31s linear 3s infinite; } }
  .gr-l .gr-contact .elt4 {
    clear: both; }
  .gr-l .gr-contact .elt5 {
    width: 32px;
    height: 32px;
    margin-top: 32px; }
    @media only screen and (min-width: 767px) {
      .gr-l .gr-contact .elt5 {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-animation: scale-delay 31s linear 5s infinite;
        animation: scale-delay 31s linear 5s infinite; } }

.gr-r .gr-contact-right {
  padding-top: 150px; }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-contact-right {
      padding-top: 250px; } }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-contact-right .elt1 {
      -webkit-transform-origin: center;
              transform-origin: center; } }
  @media only screen and (min-width: 767px) {
    .gr-r .gr-contact-right .elt2 {
      -webkit-transform-origin: center;
              transform-origin: center; } }

/************************************
          MINIMALECT 0.9
  A minimalistic select replacement

 jQuery 1.7+ required.
 Developed by @groenroos
 http://www.groenroos.fi

 Github: http://git.io/Xedg9w

 Licensed under the MIT license.

************************************/
.minict_wrapper {
  font-family: "Graphik-Regular", sans-serif;
  color: #333;
  background: #fefefe;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid rgba(16, 30, 36, 0.4);
  border-radius: 0px;
  box-sizing: border-box; }
  @media only screen and (min-width: 767px) {
    .minict_wrapper {
      width: 300px; } }
  @media only screen and (min-width: 1024px) {
    .minict_wrapper {
      margin-left: 18px; } }
  .minict_wrapper * {
    box-sizing: border-box; }
  .minict_wrapper.disabled {
    background: #f5f5f5;
    text-shadow: 0 1px 0 #fff; }
    .minict_wrapper.disabled span {
      color: #bbb !important; }
  .minict_wrapper:after {
    content: "\25BC";
    display: block;
    position: absolute;
    height: 33px;
    width: 33px;
    height: 50px;
    width: 2.1rem;
    top: 0;
    right: 0;
    font-size: 10px;
    font-size: 0.6rem;
    line-height: 50px;
    text-align: center;
    color: #888;
    -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7); }
  .minict_wrapper.active:after {
    content: "\25B2"; }
  .minict_wrapper.disabled:after {
    color: #bbb; }
  .minict_wrapper span {
    display: block;
    border: 0;
    outline: none;
    background: none;
    font-family: "Graphik-Regular", sans-serif;
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    height: 50px;
    line-height: 50px;
    padding: 0 17px;
    cursor: default;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .minict_wrapper span:empty:before {
      content: attr(data-placeholder);
      color: #888;
      line-height: 23px;
      line-height: 1.5rem; }
  .minict_wrapper ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0 -1px;
    position: absolute;
    width: 100%;
    width: calc(100% + 2px);
    border: 1px solid #e5e5e5;
    border-top: 1px solid #f9f9f9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: 50px;
    left: 0;
    max-height: 350px;
    max-height: 22rem;
    overflow-y: auto;
    z-index: 999999; }
    .minict_wrapper ul li {
      list-style: none;
      padding: 0 17px;
      cursor: pointer;
      background: #fff;
      height: 50px;
      line-height: 50px;
			text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap; }
      .minict_wrapper ul li:hover {
        background: #fcfcfc;
        color: #111; }
      .minict_wrapper ul li.minict_group {
        color: #444;
        background: #f6f6f6;
        font-weight: bold;
        cursor: default; }
      .minict_wrapper ul li.minict_empty {
        display: none;
        background: #fff !important;
        color: #bbb;
        text-align: center;
        font-size: 14px;
        font-size: 0.9rem;
        height: 55px;
        height: 3.5rem;
        line-height: 50px;
        line-height: 3.3rem; }
      .minict_wrapper ul li.disabled {
        cursor: default;
        background: #fff !important;
        color: #bbb; }
      .minict_wrapper ul li.selected {
        color: #9CA0A3;
        background: white; }
      .minict_wrapper ul li.highlighted {
        color: #fff;
        background: #9CA0A3; }
      .minict_wrapper ul li.hidden {
        display: none; }
  .minict_wrapper .minict_reset {
    color: #A9A9A9;
    bottom: 0;
    display: none;
    font-size: 18px;
    font-size: 1.1rem;
    line-height: 30px;
    line-height: 1.9rem;
    position: absolute;
    right: 35px;
    right: 2.2rem;
    text-align: center;
    top: 0;
    text-decoration: none;
    width: 20px;
    width: 1.2rem;
    transition: all 0.35s ease-in-out; }
    .minict_wrapper .minict_reset:hover {
      color: #e0e0e0;
      transition: all 0.15s ease-in-out; }
    .minict_wrapper .minict_reset:active {
      color: #636363; }
  .minict_wrapper.disabled .minict_reset {
    display: none; }

.minict_wrapper.bubble {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); }
  .minict_wrapper.bubble:hover {
    border-color: #dcdcdc; }
  .minict_wrapper.bubble:after {
    border-left: 1px solid #e5e5e5;
    box-shadow: inset 1px 0px 0px 0px #fff;
    height: 2.05rem; }
  .minict_wrapper.bubble ul {
    top: 2.7rem;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    overflow: visible; }
    .minict_wrapper.bubble ul:before {
      position: absolute;
      top: -11px;
      left: 19px;
      content: ".";
      color: transparent;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 11px 11px 11px;
      border-color: transparent transparent #e5e5e5 transparent; }
    .minict_wrapper.bubble ul:after {
      position: absolute;
      top: -10px;
      left: 20px;
      content: ".";
      color: transparent;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #ffffff transparent; }
    .minict_wrapper.bubble ul li.minict_first {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .minict_wrapper.bubble ul li.minict_last {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
  .minict_wrapper.bubble .minict_reset {
    width: 30px; }

.homepage_page .bgcolor {
  background-color: #F7F5F5; }

.homepage_page h1:not(.hero-heading) {
  position: relative;
  z-index: 100;
  text-align: center;
  padding: 112px 0;
  max-width: 823px;
  margin-left: auto;
  margin-right: auto;
  line-height: 100%; }
  @media only screen and (min-width: 767px) {
    .homepage_page h1:not(.hero-heading) {
      padding-top: 140px;
      padding-bottom: 98px; } }
  @media only screen and (min-width: 1024px) {
    .homepage_page h1:not(.hero-heading) {
      padding-top: 180px;
      padding-bottom: 126px;
      font-size: 3.125rem; } }

.homepage_page .hero_text {
  position: relative;
  z-index: 100; }
  @media only screen and (min-width: 767px) {
    .homepage_page .hero_text {
      margin-bottom: 0; } }

.homepage_page .featured_image {
  display: block;
  width: 100%; }
  .homepage_page .featured_image img {
    display: block;
    width: 100%; }

.homepage_page .image-hero {
  padding-top: 100px;
  margin-bottom: 100px; }
  .homepage_page .image-hero h1 {
    color: #fff;
    background-color: transparent;
 }
    @media only screen and (min-width: 767px) {
      .homepage_page .image-hero h1 {
        margin-top: 5%;
        width: 60%;
        margin-left: 20%; } }
  .homepage_page .image-hero:before {
    content: "";
    display: block;
    height: 117px;
    background-color: #F7F5F5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
		z-index:1;}

.homepage_page .list-articles .view-all {
  display: none;
  position: relative;
  font-size: 16.62px;
  font-size: 1.03875rem; }
  @media only screen and (min-width: 1024px) {
    .homepage_page .list-articles .view-all {
      font-size: 24px;
      font-size: 1.5rem; } }
  .homepage_page .list-articles .view-all i {
    margin-left: 20px;
    margin-right: 11px;
    z-index: 10;
    font-size: 100%;
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .homepage_page .list-articles .view-all i {
        margin-right: 14px; } }
  .homepage_page .list-articles .view-all:after {
    font-size: 185%;
    position: absolute;
    right: 0;
    color: #fff;
    z-index: 5;
    top: 9px; }
  .homepage_page .list-articles .view-all:hover:after {
    color: #FF6F72; }
  .homepage_page .list-articles .view-all:hover i {
    color: #fff; }
  @media only screen and (min-width: 767px) {
    .homepage_page .list-articles .view-all.from-tablet-only {
      display: block;
      float: right;
      padding-top: 10px; } }
  .homepage_page .list-articles .view-all.mobile-only {
    display: inline-block; }
    @media only screen and (min-width: 767px) {
      .homepage_page .list-articles .view-all.mobile-only {
        display: none; } }
    .homepage_page .list-articles .view-all.mobile-only:after {
      top: 0; }

.homepage_page .blog_update {
  margin-bottom: 0;
  padding-bottom: 82px; }

.homepage_page .list-news {
  background-color: #B5E4EB;
  overflow: visible;
  position: relative; }
  .homepage_page .list-news:before {
    content: "";
    display: block;
    top: 0;
    right: 0;
    position: absolute;
    width: 0;
    height: 0;
    background-color: #B5E4EB; }
    @media only screen and (min-width: 767px) {
      .homepage_page .list-news:before {
        top: -32px;
        width: 32px;
        height: 32px; } }
    @media only screen and (min-width: 1024px) {
      .homepage_page .list-news:before {
        top: -32px;
        width: 32px;
        height: 32px; } }
  @media only screen and (min-width: 1024px) {
    .homepage_page .list-news {
      padding-top: 54px; } }
  .homepage_page .list-news img {
    background-color: transparent; }
  .homepage_page .list-news .container {
    position: relative; }
    .homepage_page .list-news .container:after {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/home_newsroom_bottom.svg);
      background-repeat: no-repeat;
      background-size: 100%; }
      .no-svg .homepage_page .list-news .container:after {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/home_newsroom_bottom.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .homepage_page .list-news .container:after {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/home_newsroom_bottom@2x.png); } }
      @media only screen and (min-width: 767px) {
        .homepage_page .list-news .container:after {
          width: 56px;
          height: 56px; } }
      @media only screen and (min-width: 1024px) {
        .homepage_page .list-news .container:after {
          width: 64px;
          height: 64px; } }
      @media only screen and (min-width: 1200px) {
        .homepage_page .list-news .container:after {
          width: 64px;
          height: 64px; } }
    .homepage_page .list-news .container:after {
      background-size: 100%; }
      @media only screen and (min-width: 767px) {
        .homepage_page .list-news .container:after {
          bottom: -83px;
          left: 9px; } }
      @media only screen and (min-width: 1024px) {
        .homepage_page .list-news .container:after {
          bottom: -96px;
          left: 22.2%; } }
  .homepage_page .list-news .news-list {
    margin-bottom: 0; }
  .homepage_page .list-news .news-list-home {
    margin-left: -32px;
    margin-right: -32px; }
    @media only screen and (min-width: 767px) {
      .homepage_page .list-news .news-list-home {
        margin-left: -64px;
        margin-right: -64px; } }
    @media only screen and (min-width: 1024px) {
      .homepage_page .list-news .news-list-home {
        margin-left: -9px;
        margin-right: -9px; } }
    .homepage_page .list-news .news-list-home article {
      margin-left: 9px;
      margin-right: 9px;
      min-height: 270px;
      margin-bottom: 0;
      background-color: #fff; }
      @media only screen and (min-width: 767px) {
        .homepage_page .list-news .news-list-home article {
          margin-bottom: 0; } }
      @media only screen and (min-width: 1024px) {
        .homepage_page .list-news .news-list-home article {
          margin-bottom: 0; } }

.homepage_page .gallery {
  margin-bottom: 0;
  padding-top: 50px; }
  @media only screen and (min-width: 1024px) {
    .homepage_page .gallery {
      padding-top: 0; } }

.homepage_page h3 {
  color: rgba(16, 30, 36, 0.4);
  margin-bottom: 12px; }
  @media only screen and (min-width: 1024px) {
    .homepage_page h3 {
      margin-bottom: 24px; } }

.homepage_page .poplar-homepage {
  background-color: #F7F5F5;
  overflow: hidden;
  padding-top: 60px; }
  @media only screen and (min-width: 767px) {
    .homepage_page .poplar-homepage .half {
      text-align: center; } }
  @media only screen and (min-width: 1024px) {
    .homepage_page .poplar-homepage .half {
      text-align: left;
      width: 50%;
      float: left; } }
  @media only screen and (min-width: 767px) {
    .homepage_page .poplar-homepage {
      padding-top: 70px; } }
  @media only screen and (min-width: 1024px) {
    .homepage_page .poplar-homepage {
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media only screen and (min-width: 1024px) {
    .homepage_page .poplar-homepage .card {
      margin-left: 0; } }
  .homepage_page .poplar-homepage .poplar-article {
    max-width: 486px; }
    @media only screen and (min-width: 1024px) {
      .homepage_page .poplar-homepage .poplar-article {
        margin-left: 0; } }
    .homepage_page .poplar-homepage .poplar-article h2 {
      font-family: "Graphik-Medium", sans-serif;
      margin-bottom: 20px;
      font-size: 22px;
      font-size: 1.375rem; }
      @media only screen and (min-width: 1024px) {
        .homepage_page .poplar-homepage .poplar-article h2 {
          font-size: 32px;
          font-size: 2rem;
          margin-bottom: 42px; } }
    .homepage_page .poplar-homepage .poplar-article p {
      padding-right: 40px; }
    .homepage_page .poplar-homepage .poplar-article .product_update {
      font-size: 14px;
      font-size: 0.875rem; }
      @media only screen and (min-width: 1024px) {
        .homepage_page .poplar-homepage .poplar-article .product_update {
          font-size: 18px;
          font-size: 1.125rem; } }
      .homepage_page .poplar-homepage .poplar-article .product_update a:hover {
        color: #FF6F72; }
    .homepage_page .poplar-homepage .poplar-article .cta_container {
      padding-top: 82px;
      margin-bottom: 10px; }

.blog_page .bgcolor {
  background-color: #F7F5F5; }

.blog_page .hero, .blog_page .featured_2 {
  background-color: transparent !important; }
  .blog_page .hero figure, .blog_page .featured_2 figure {
    position: relative;
    margin-left: -32px;
    margin-right: -32px; }
    @media only screen and (min-width: 1024px) {
      .blog_page .hero figure, .blog_page .featured_2 figure {
        margin-left: 0;
        margin-right: 0; }
        .blog_page .hero figure:before, .blog_page .hero figure:after, .blog_page .featured_2 figure:before, .blog_page .featured_2 figure:after {
          width: 76px;
          height: 76px;
          bottom: -76px; }
        .blog_page .hero figure:after, .blog_page .featured_2 figure:after {
          bottom: 0;
          left: calc(50% + 76px); } }
  .blog_page .hero .caption, .blog_page .featured_2 .caption {
    margin-top: -32px;
    position: relative;
    z-index: 20;
    padding-bottom: 40px; }
    .blog_page .hero .caption h2, .blog_page .featured_2 .caption h2 {
      font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
      text-transform: uppercase; }
    @media only screen and (min-width: 767px) {
      .blog_page .hero .caption, .blog_page .featured_2 .caption {
        padding-bottom: 100px;
        max-width: 50%;
        top: -110px;
        height: 270px; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .hero .caption, .blog_page .featured_2 .caption {
        top: -85px; } }

.blog_page .hero {
  margin-bottom: 0;
  overflow: hidden; }
  @media only screen and (min-width: 767px) {
    .blog_page .hero {
      margin-bottom: 0; } }
  .blog_page .hero.main .caption {
    height: 210px;
    overflow: visible; }
    @media only screen and (min-width: 375px) {
      .blog_page .hero.main .caption {
        height: 180px; } }
    @media only screen and (min-width: 767px) {
      .blog_page .hero.main .caption {
        height: 200px;
        top: -12px; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .hero.main .caption {
        top: -12px;
        height: 270px; } }
    @media only screen and (min-width: 767px) {
      .blog_page .hero.main .caption:after {
        content: "";
        display: block;
        width: 45px;
        height: 45px;
        background-color: #fff;
        position: absolute;
        z-index: 20;
        top: 45px;
        left: calc(100%); } }
  .blog_page .hero.main figure {
    height: 200px; }
    @media only screen and (min-width: 767px) {
      .blog_page .hero.main figure {
        height: 400px; }
        .blog_page .hero.main figure:before, .blog_page .hero.main figure:after {
          content: "";
          display: block;
          width: 45px;
          height: 45px;
          background-color: #fff;
          position: absolute;
          left: 50%;
          z-index: 20;
          bottom: -45px; }
        .blog_page .hero.main figure:after {
          bottom: 0;
          left: calc(50% + 45px); } }
    @media only screen and (min-width: 1200px) {
      .blog_page .hero.main figure {
        height: 600px; } }
    .blog_page .hero.main figure img {
      max-width: none; }
  .blog_page .hero figure {
    margin-left: -32px;
    margin-right: -32px; }
    @media only screen and (min-width: 767px) {
      .blog_page .hero figure {
        margin-left: -64px;
        margin-right: -64px; } }

.blog_page .featured_2 {
  max-width: 1328px;
  margin-bottom: 60px; }
  @media only screen and (min-width: 767px) {
    .blog_page .featured_2 {
      margin-bottom: 0; } }
  @media only screen and (min-width: 767px) {
    .blog_page .featured_2 figure {
      margin-left: 64px;
      margin-right: 64px; }
      .blog_page .featured_2 figure img {
        max-width: 80%;
        position: relative;
        z-index: 5; } }
  .blog_page .featured_2 figure:before {
    content: "";
    display: block;
    width: 187px;
    height: 187px;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/octagon_2.svg);
    position: absolute;
    left: 69%;
    top: 10%;
    z-index: 1;
    display: none;
    background-size: 100%; }
    .no-svg .blog_page .featured_2 figure:before {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/octagon_2.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .blog_page .featured_2 figure:before {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/octagon_2@2x.png); } }
    @media only screen and (min-width: 767px) {
      .blog_page .featured_2 figure:before {
        display: block; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .featured_2 figure:before {
        width: 360px;
        height: 360px;
        left: 75%; } }
  @media only screen and (min-width: 1024px) {
    .blog_page .featured_2 figure {
      margin-left: 64px;
      margin-right: 64px; }
      .blog_page .featured_2 figure img {
        max-width: 90%; } }
  @media only screen and (min-width: 767px) {
    .blog_page .featured_2 .caption {
      float: right;
      max-width: 50%; } }

.blog_page article {
  margin-bottom: 18px; }

.blog_page .more_stories {
  background-color: #fff;
  padding-top: 73px;
  position: relative; }
  .blog_page .more_stories:after, .blog_page .more_stories:before {
    content: "";
    display: block;
    position: absolute;
    transition: all 300ms ease-in-out; }
  .blog_page .more_stories:after {
    right: 0;
    top: -26px;
    width: 52px;
    height: 52px;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/morestory_right.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .no-svg .blog_page .more_stories:after {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/morestory_right.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .blog_page .more_stories:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/morestory_right@2x.png); } }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories:after {
        top: -49px;
        width: 97px;
        height: 97px; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .more_stories:after {
        top: -64px;
        width: 128px;
        height: 128px; } }
  .blog_page .more_stories:before {
    left: 0;
    top: -45px;
    width: 46px;
    height: 45px;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/morestory_left.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .no-svg .blog_page .more_stories:before {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/morestory_left.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .blog_page .more_stories:before {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/morestory_left@2x.png); } }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories:before {
        top: -34px;
        width: 69px;
        height: 68px; } }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories:before {
        top: -68px;
        width: 69px;
        height: 68px; } }
  .blog_page .more_stories h3 {
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 75px;
    font-family: "Graphik-Medium", sans-serif; }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories h3 {
        margin-bottom: 0; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .more_stories h3 {
        font-size: 32px;
        font-size: 2rem; } }
  .blog_page .more_stories .filters {
    display: none;
    text-align: center;
    margin-bottom: 45px; }
    .blog_page .more_stories .filters .filter_list {
      overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .blog_page .more_stories .filters .toggle-filters {
        font-size: 24px;
        font-size: 1.5rem; } }
    .blog_page .more_stories .filters.is-open .toggle-filters {
      text-decoration: underline; }
    .blog_page .more_stories .filters.is-open .filter-actions {
      max-height: 500px; }
    .blog_page .more_stories .filters p {
      color: rgba(16, 30, 36, 0.4);
      margin-bottom: 1em; }
    .blog_page .more_stories .filters ul {
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
    .blog_page .more_stories .filters li {
      display: inline-block;
      margin: 0 5px; }
      .blog_page .more_stories .filters li a {
        display: block;
        font-size: 16.62px;
        font-size: 1.03875rem;
        background-color: #F9F8F8;
        padding: 1em 1em;
        line-height: 100%;
        margin-bottom: 1em; }
        .blog_page .more_stories .filters li a.active, .blog_page .more_stories .filters li a:hover {
          background-color: #FF6F72;
          color: #fff; }
        .blog_page .more_stories .filters li a.active:after {
          margin-left: 10px; }
    .blog_page .more_stories .filters .clear-filters {
      border-bottom: 1px solid #292C31;
      padding-bottom: 2px; }
      .blog_page .more_stories .filters .clear-filters:hover {
        color: #808080;
        border-color: #808080; }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories .filters {
        display: block; } }
  .blog_page .more_stories .no-result {
    border-top: 1px solid #F7F5F5;
    display: none;
    text-align: center;
    margin-bottom: 45px; }
    .blog_page .more_stories .no-result p {
      color: rgba(16, 30, 36, 0.4);
      margin-bottom: 0.5em; }
    .blog_page .more_stories .no-result a {
      border-bottom: 1px solid rgba(16, 30, 36, 0.4);
      padding-bottom: 2px; }
      .blog_page .more_stories .no-result a:hover {
        color: #808080;
        border-color: #808080; }
  @media only screen and (min-width: 767px) {
    .blog_page .more_stories .articles .grid-sizer {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .blog_page .more_stories .articles .grid-sizer {
      width: 33.33%; } }
  .blog_page .more_stories .articles article {
    float: left; }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories .articles article {
        width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .more_stories .articles article {
        width: 33.33%;
        margin-bottom: 24px; } }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories .articles article > div {
        margin-left: 9px;
        margin-right: 9px; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .more_stories .articles article > div {
        margin-left: 12px;
        margin-right: 12px; } }
  .blog_page .more_stories .cta_container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px; }
    @media only screen and (min-width: 767px) {
      .blog_page .more_stories .cta_container {
        max-width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .blog_page .more_stories .cta_container {
        max-width: 33.33%; }
        .blog_page .more_stories .cta_container > div {
          margin: 0 9px; } }

@media only screen and (min-width: 767px) {
  .blog_update {
    margin-bottom: 10px; } }

.blog_update .container {
  padding: 0; }
  @media only screen and (min-width: 767px) {
    .blog_update .container {
      width: 50%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1200px) {
    .blog_update .container {
      width: 33.33%; } }

.list-articles {
  padding-bottom: 50px;
  position: relative; }
  .list-articles article {
    margin-bottom: 30px; }
    @media only screen and (min-width: 767px) {
      .list-articles article {
        margin-bottom: 20px; } }
  .list-articles.featured img {
    display: block;
    width: 100%; }
  @media only screen and (min-width: 767px) {
    .list-articles.featured article {
      width: 50%;
      float: left; }
      .list-articles.featured article > div {
        padding: 0 9px; } }
  @media only screen and (min-width: 1024px) {
    .list-articles.featured article > div {
      padding: 0 12px; } }
  @media only screen and (min-width: 767px) {
    .list-articles.featured article {
      margin-bottom: 18px; }
      .list-articles.featured article .caption {
        height: 218px; }
      .list-articles.featured article.double {
        overflow: hidden; }
        .list-articles.featured article.double figure {
          height: 235px; }
          .list-articles.featured article.double figure img {
            min-height: 100%;
    				object-fit: cover;} }
  @media only screen and (min-width: 1024px) {
    .list-articles.featured article {
      margin-bottom: 24px; }
      .list-articles.featured article .caption {
        height: 325px; }
      .list-articles.featured article.double {
        overflow: hidden;
        height: 674px; }
        .list-articles.featured article.double figure {
          height: 349px; }
          .list-articles.featured article.double figure img {
            min-height: 100%; } }

.articles .grid {
  overflow-y: hidden;
  max-height: 1620px; }
  @media only screen and (min-width: 1024px) {
    .articles .grid {
      max-height: 1650px; } }
  .articles .grid.show-all {
    max-height: 99999999em; }

.grid-item a {
  display: block;
  position: relative; }

.grid-item figure {
  height: 272px;
  max-height: 272px;
  overflow: hidden; }
  .grid-item figure img {
    max-width: none; }
  @media only screen and (min-width: 1024px) {
    .grid-item figure {
      height: 278px;
      max-height: 278px; } }
  .grid-item figure.imgAuto {
    height: auto;
    max-height: auto; }
    @media only screen and (min-width: 1024px) {
      .grid-item figure.imgAuto {
        height: auto;
        max-height: auto; }
        .grid-item figure.imgAuto img {
          max-width: 100%; } }

.grid-item .caption .inner-caption {
  padding: 16px 26px 16px 26px; }

.grid-item .caption .date {
  left: 26px;
  right: 26px;
  bottom: 16px; }

.grid-item.dark figure {
  background-color: #292C31; }
  .grid-item.dark figure img {
    display: block; }

.grid-item.dark .caption {
  background-color: #292C31; }
  .grid-item.dark .caption p.category {
    color: #FBE8AA; }
  .grid-item.dark .caption h2 {
    color: #fff;
    font-family: "Graphik-Medium", sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 123%;
    text-transform: none; }
  .grid-item.dark .caption p.date {
    color: #808080; }
    .grid-item.dark .caption p.date:after {
      color: #808080; }
  @media only screen and (min-width: 767px) {
    .grid-item.dark .caption {
      min-height: 206px; } }

.grid-item.dark.secondary-caption p.category {
  color: #FF6F72; }

.grid-item.dark.secondary-caption .caption {
  background-color: #fff; }

.grid-item.dark.secondary-caption h2 {
  color: #292C31; }

a:hover .caption .date:after {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.caption {
  background-color: #fff;
  position: relative;
  overflow: hidden; }
  .caption .inner-caption {
    display: block;
    padding: 20px; }
    @media only screen and (min-width: 1024px) {
      .caption .inner-caption {
        padding: 30px 38px; } }
  .caption h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 50px; }
    @media only screen and (min-width: 1024px) {
      .caption h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 1200px) {
      .caption h2 {
        font-size: 38px;
        font-size: 2.375rem; } }
  .caption p {
    color: rgba(16, 30, 36, 0.4); }
  .caption .category {
    margin-bottom: 5px; }
  .caption .date {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px; }
    @media only screen and (min-width: 1024px) {
      .caption .date {
        bottom: 30px;
        left: 38px;
        right: 38px; } }
    .caption .date:after {
      position: absolute;
      display: block;
      bottom: 0;
      right: 0;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      color: rgba(16, 30, 36, 0.4);
      opacity: 0; }
  @media only screen and (min-width: 767px) {
    .caption {
      height: 254px; } }

.blogpost_page .bgcolor {
  background-color: #F7F5F5;
  overflow: hidden; }

.blogpost_page .hero {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 93px; }
  .blogpost_page .hero .caption-title {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    padding: 20px; }
    @media only screen and (min-width: 1024px) {
      .blogpost_page .hero .caption-title {
        max-width: 800px; } }
  .blogpost_page .hero.shapes figure {
    padding: 100px 0; }
    .blogpost_page .hero.shapes figure:before, .blogpost_page .hero.shapes figure:after {
      display: none; }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .hero.shapes .caption-title {
      max-width: 900px; } }
  .blogpost_page .hero.illustration {
    max-height: 12000px; }
    .blogpost_page .hero.illustration figure {
      padding: 0;
      margin-left: -32px;
      margin-right: -32px; }
      .blogpost_page .hero.illustration figure:before, .blogpost_page .hero.illustration figure:after {
        display: none; }
      @media only screen and (min-width: 767px) {
        .blogpost_page .hero.illustration figure {
          margin-left: -64px;
          margin-right: -64px; } }
    .blogpost_page .hero.illustration .caption-title {
      top: 0;
      margin-left: -64px;
      padding-left: 64px;
      margin-right: -64px;
      padding-right: 64px; }
      @media only screen and (min-width: 1024px) {
        .blogpost_page .hero.illustration .caption-title {
          max-width: 82%; } }
  .blogpost_page .hero.photo h1 {
    margin-bottom: 0; }
  @media only screen and (min-width: 767px) {
    .blogpost_page .hero.photo {
      padding-top: 180px; }
      .blogpost_page .hero.photo figure {
        margin: 0;
        width: 66.66%;
        float: right;
        position: static; }
        .blogpost_page .hero.photo figure:before {
          bottom: 0;
          left: 0;
          background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/blog_post_photo_left.svg);
          background-color: transparent;
          background-repeat: no-repeat;
          width: 253px;
          height: 206px; }
          .no-svg .blogpost_page .hero.photo figure:before {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/blog_post_photo_left.png); } }
        @media only screen and (min-width: 767px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 767px) and (min-device-pixel-ratio: 1.5) {
          .no-svg .blogpost_page .hero.photo figure:before {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/blog_post_photo_left@2x.png); } }
  @media only screen and (min-width: 767px) {
        .blogpost_page .hero.photo figure:after {
          display: none;
          top: 50%;
          right: 0;
          left: auto;
          background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/blog_post_photo_right.svg);
          background-color: transparent;
          background-repeat: no-repeat;
          width: 96px;
          height: 128px; }
          .no-svg .blogpost_page .hero.photo figure:after {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/blog_post_photo_right.png); } }
        @media only screen and (min-width: 767px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 767px) and (min-device-pixel-ratio: 1.5) {
          .no-svg .blogpost_page .hero.photo figure:after {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/blog_post_photo_right@2x.png); } }
  @media only screen and (min-width: 767px) {
      .blogpost_page .hero.photo .caption-title {
        position: absolute;
        top: 80px;
        width: 80%;
        height: auto;
        bottom: auto;
        margin-left: -64px;
        padding-left: 64px; } }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .hero.photo {
      padding-top: 210px; }
      .blogpost_page .hero.photo figure {
        margin-right: 8.3%;
        width: 68.3%; }
        .blogpost_page .hero.photo figure:before {
          width: 25%;
          height: 348px; }
        .blogpost_page .hero.photo figure:after {
          display: block; }
      .blogpost_page .hero.photo .caption-title {
        top: 140px; } }

.blogpost_page .meta {
  overflow: hidden; }
  .blogpost_page .meta .container > div {
    width: 50%;
    float: left;
    color: rgba(16, 30, 36, 0.4); }
    .blogpost_page .meta .container > div.author {
      padding-right: 10px; }
    .blogpost_page .meta .container > div.posted {
      padding-left: 10px; }
    .blogpost_page .meta .container > div strong {
      display: block;
      color: #292C31;
      font-weight: normal; }
    .blogpost_page .meta .container > div p {
      line-height: 130%;
      border-bottom: 2.5px dotted rgba(16, 30, 36, 0.25);
      padding-bottom: 12px; }
  @media only screen and (min-width: 767px) {
    .blogpost_page .meta .container {
      width: 71.5%;
      float: right; }
      .blogpost_page .meta .container:after {
        display: block;
        content: "";
        clear: both;
        width: 100%;
        height: 1px; } }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .meta.mobile_only {
      display: none; } }
  .blogpost_page .meta.desktop_only {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .blogpost_page .meta.desktop_only {
        display: block; } }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .meta {
      position: absolute;
      left: 0;
      top: 0; }
      .blogpost_page .meta .container {
        width: 100%;
        margin: 0;
        padding: 0; }
        .blogpost_page .meta .container > div {
          width: 100%;
          float: none;
          font-size: 18px;
          font-size: 1.125rem;
          max-width: 235px;
          margin-bottom: 20px;
          padding: 0 !important; }
          .blogpost_page .meta .container > div.author p {
            border-bottom: 0; }
          .blogpost_page .meta .container > div.posted p {
            padding-bottom: 20px; } }

.blogpost_page .intro {
  clear: both;
  color: rgba(41, 44, 49, 0.4);
  font-size: 22px;
  font-size: 1.375rem; }
  @media only screen and (min-width: 767px) {
    .blogpost_page .intro {
      font-size: 24.88px;
      font-size: 1.555rem;
      max-width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .intro {
      font-size: 32px;
      font-size: 2rem;
      margin-left: 15%;
      max-width: 75%; } }

.blogpost_page .content {
  font-size: 18px; }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .content {
      position: relative;
      font-size: 24px; } }
  .blogpost_page .content > p, .blogpost_page .content > span {
    display: block; }
    .blogpost_page .content > p:first-child::first-letter, .blogpost_page .content > span:first-child::first-letter {
      -webkit-font-feature-settings: "ss01";
              font-feature-settings: "ss01";
      font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
      display: block;
      font-size: 2.791em;
      line-height: 1em;
      margin: 0px 5px 0 0;
      float: left;
      color: #FF6F72; }
    @media only screen and (min-width: 767px) {
      .blogpost_page .content > p, .blogpost_page .content > span {
        padding-left: 18%; } }
    @media only screen and (min-width: 1024px) {
      .blogpost_page .content > p, .blogpost_page .content > span {
        padding-left: 25%;
        max-width: 80%; } }
  .blogpost_page .content p {
    margin-bottom: 1em; }
    .blogpost_page .content p strong {
      font-family: "Graphik-Medium", sans-serif; }
  .blogpost_page .content a {
    text-decoration: underline; }
    .blogpost_page .content a:hover {
      color: #FF6F72;
      text-decoration: none; }
  .blogpost_page .content ul {
    margin-left: 30px; }
  .blogpost_page .content blockquote {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 120%;
    padding-top: 25px;
    margin-bottom: 30px; }
    .blogpost_page .content blockquote:before {
      content: "“ ”";
      font-size: 135%;
      display: block;
      color: #FF6F72;
      font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
      height: 15px;
      margin-bottom: 10px; }
    @media only screen and (min-width: 767px) {
      .blogpost_page .content blockquote {
        float: left;
        margin-left: 0;
        max-width: 274px;
        margin-right: 60px; } }
    @media only screen and (min-width: 1024px) {
      .blogpost_page .content blockquote {
        margin-left: 0;
        max-width: 400px;
        font-size: 32px;
        font-size: 2rem; } }
  .blogpost_page .content figure.image {
    padding-top: 25px; }
    .blogpost_page .content figure.image .caption {
      padding: 20px; }
      .blogpost_page .content figure.image .caption p {
        color: #292C31;
        margin-bottom: 1em; }
        .blogpost_page .content figure.image .caption p.credits {
          color: rgba(16, 30, 36, 0.4);
          margin-bottom: 0;
          font-size: 80%; }
    @media only screen and (min-width: 767px) {
      .blogpost_page .content figure.image {
        padding-left: 25%;
        position: relative; }
        .blogpost_page .content figure.image .caption {
          width: 25%;
          position: absolute;
          top: 25px;
          left: 0; } }
    @media only screen and (min-width: 1024px) {
      .blogpost_page .content figure.image {
        max-width: 80%; }
        .blogpost_page .content figure.image .caption {
          width: 31%; } }
  @media only screen and (min-width: 767px) {
    .blogpost_page .content span blockquote {
      margin-left: -22%; } }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .content span blockquote {
      margin-left: -45%; } }
  @media only screen and (min-width: 767px) {
    .blogpost_page .content span figure.image {
      margin-left: -22%; } }
  @media only screen and (min-width: 1024px) {
    .blogpost_page .content span figure.image {
      margin-left: -45%; } }

@media only screen and (min-width: 767px) {
  .blogpost_page .blog_update {
    margin-bottom: 80px; } }

@media only screen and (min-width: 767px) {
  .blogpost_page .blog_update .cta_container {
    padding-top: 0; } }

.readnext {
  padding-top: 50px; }
  .readnext img {
    display: block;
    width: 100%; }
  @media only screen and (min-width: 767px) {
    .readnext {
      padding-top: 60px; } }
  @media only screen and (min-width: 1024px) {
    .readnext {
      padding-bottom: 110px; } }
  .readnext .container {
    position: relative; }
  .readnext .stitle, .readnext section h4, section .readnext h4, .readnext aside.popup .submitted-message:before, aside.popup .readnext .submitted-message:before, .readnext .careers_page .vacancies-list-container .titles-block h2, .careers_page .vacancies-list-container .titles-block .readnext h2, .readnext .careers_page .vacancies-list-container .titles-block h3, .careers_page .vacancies-list-container .titles-block .readnext h3, .readnext .careers_page-v2 .gr-vacancies-list-container .titles-block h2, .careers_page-v2 .gr-vacancies-list-container .titles-block .readnext h2, .readnext .careers_page-v2 .gr-vacancies-list-container .titles-block h3, .careers_page-v2 .gr-vacancies-list-container .titles-block .readnext h3, .readnext .technology_page .poplar-article header h2, .technology_page .poplar-article header .readnext h2, .readnext .products_page .titles-block h2, .products_page .titles-block .readnext h2, .readnext .products_page .titles-block h3, .products_page .titles-block .readnext h3, .readnext .about_page section h2, .about_page section .readnext h2, .readnext .contact_page .maps_container .caption-title h2, .contact_page .maps_container .caption-title .readnext h2, .readnext .form-style-black .submitted-message:before, .form-style-black .readnext .submitted-message:before, .readnext .generic_page .content_container .content h2, .generic_page .content_container .content .readnext h2 {
    margin-bottom: 32px; }
  .readnext .articles-next {
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 1024px) {
      .readnext .articles-next {
        overflow: hidden;
        padding-left: 25%; } }
  .readnext .sharing {
    margin-bottom: 40px;
    clear: both; }
    .readnext .sharing p {
      color: grey;
      margin-bottom: 3px; }
    .readnext .sharing ul li {
      display: block;
      margin-bottom: 3px; }
    .readnext .sharing ul a {
      color: #292C31;
      text-decoration: underline; }
      .readnext .sharing ul a:hover {
        text-decoration: none; }
    @media only screen and (min-width: 1024px) {
      .readnext .sharing {
        position: absolute;
        bottom: -20px;
        left: 64px; } }
  @media only screen and (min-width: 700px) {
    .readnext article {
      width: 50%;
      max-width: 282px;
      float: left; }
      .readnext article > div {
        padding-right: 20px; } }
  .readnext article figure {
    overflow: hidden;
    height: 200px; }
    @media only screen and (min-width: 767px) {
      .readnext article figure {
        height: 170px; } }
    .readnext article figure img {
      width: 100%;
      max-width: none; }
  .readnext a:hover .caption-title p {
    color: #FF6F72; }
  .readnext .caption-title {
    background-color: #fff;
    padding: 20px;
    min-height: 140px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 140%; }
    .readnext .caption-title p {
      color: #292C31; }

.news_page {
  background-color: #F7F5F5; }
  .news_page img {
    background-color: transparent; }
  .news_page .bgcolor {
    background-color: #B5E4EB;
    position: relative; }
    .news_page .bgcolor:before {
      background-color: #F7F5F5;
      content: "";
      position: absolute;
      width: 100%;
      height: 99px;
      bottom: 0px;
      z-index: 1; }
      @media only screen and (min-width: 767px) {
        .news_page .bgcolor:before {
          height: 84px; } }
      @media only screen and (min-width: 1024px) {
        .news_page .bgcolor:before {
          height: 110px; } }
  .news_page .hero_text {
    padding-top: 123px;
    text-align: center;
    margin-bottom: 53px;
    padding-left: 0;
    padding-right: 0; }
    @media only screen and (min-width: 1024px) {
      .news_page .hero_text {
        margin-bottom: 0; } }
    .news_page .hero_text h1 {
      font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
      margin-bottom: 1em; }
    .news_page .hero_text p {
      margin-bottom: 1em; }
    .news_page .hero_text .cta_container {
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0; }
    .news_page .hero_text > div {
      padding-bottom: 10px; }
    .news_page .hero_text .product_update {
      font-size: 14px;
      font-size: 0.875rem; }
      @media only screen and (min-width: 767px) {
        .news_page .hero_text .product_update {
          text-align: left; } }
      @media only screen and (min-width: 1024px) {
        .news_page .hero_text .product_update {
          padding: 0;
          font-size: 18px;
          font-size: 1.125rem; } }
      .news_page .hero_text .product_update a {
        font-family: "Graphik-Regular", sans-serif; }
    .news_page .hero_text a {
      color: #292C31; }
  .news_page .single-featured {
    margin-bottom: 53px;
    position: relative;
    z-index: 30; }
    @media only screen and (min-width: 1024px) {
      .news_page .single-featured {
        margin-bottom: 71px; } }
    .news_page .single-featured.news {
      overflow: hidden; }
      @media only screen and (min-width: 767px) {
        .news_page .single-featured.news .sameh {
          float: right;
          width: 50%; } }
      .news_page .single-featured.news > figure {
        height: 300px;
        max-height: 600px; }
        @media only screen and (min-width: 1024px) {
          .news_page .single-featured.news > figure {
            height: auto;
            width: 68% !important; } }
        .news_page .single-featured.news > figure a {
          display: block; }
        .news_page .single-featured.news > figure img {
          max-width: none;
          display: block;
          background-color: silver; }
      @media only screen and (min-width: 1024px) {
        .news_page .single-featured.news article {
          width: 32% !important;
          min-height: 350px; }
          .news_page .single-featured.news article h2 {
            font-family: "Graphik-Medium", sans-serif; } }
      @media only screen and (min-width: 1200px) {
        .news_page .single-featured.news article h2 {
          font-size: 28px;
          font-size: 1.75rem; } }
    @media only screen and (min-width: 767px) {
      .news_page .single-featured.second-featured.news .sameh {
        float: left; } }

.press-kit {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media only screen and (min-width: 767px) {
    .press-kit {
      width: 50%; } }

.news-content {
  background-color: #F7F5F5; }
  .news-content article {
    position: relative;
    background: #ffffff;
    height: 280px; }
    @media only screen and (min-width: 1024px) {
      .news-content article {
        height: 310px; } }
    .news-content article .inner-caption {
      padding: 25px; }
    .news-content article figure {
      margin-bottom: 18px; }
      @media only screen and (min-width: 1024px) {
        .news-content article figure {
          margin-bottom: 36px; } }
      .news-content article figure img {
        max-height: 40px;
        max-width: 80%;
        display: block; }
    .news-content article h2 {
      transition: all 250ms ease-in-out; }
      @media only screen and (min-width: 1024px) {
        .news-content article h2 {
          font-size: 22px;
          font-size: 1.35rem; } }
      @media only screen and (min-width: 767px){
        .news-content article h2.stitle {
          font-size: 22px;
          font-size: 1.35rem;
          line-height: 140%; } }
    .news-content article .read-article {
      color: rgba(16, 30, 36, 0.4);
      position: absolute;
      bottom: 25px;
      left: 25px;
      right: 25px;
      font-size: 18.66px;
      font-size: 1.16625rem; }
      @media only screen and (min-width: 1024px) {
        .news-content article .read-article {
          font-size: 20px;
          font-size: 1.25rem; } }
      .news-content article .read-article:after {
        position: absolute;
        right: 0;
        top: 0;
        color: rgba(16, 30, 36, 0.4);
        display: block; }
    .news-content article.dark {
      background-color: #292C31;
      color: #fff; }
      .news-content article.dark .read-article {
        color: rgba(255, 255, 255, 0.4); }
        .news-content article.dark .read-article:after {
          color: rgba(255, 255, 255, 0.4); }
  .news-content a:hover .read-article {
    color: #FF6F72; }
    .news-content a:hover .read-article:after {
      color: #FF6F72; }

.news-list-container {
  padding-bottom: 98px;
  border-bottom: 1px solid #F7F5F5; }
  @media only screen and (min-width: 1024px) {
    .news-list-container {
      padding-bottom: 143px; } }
  .news-list-container .cta_container {
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 767px) {
      .news-list-container .cta_container {
        max-width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .news-list-container .cta_container {
        max-width: 33.33%; } }
    .news-list-container .cta_container > div {
      margin: 9px; }

.news-list {
  overflow: hidden;
  transition: max-height .7s ease-in;
  max-height: 1185px; }
  @media only screen and (min-width: 1024px) {
    .news-list {
      max-height: 1330px; } }
  .news-list.show-all {
    max-height: none;
    max-height: 99999999999em; }
  @media only screen and (min-width: 767px) {
    .news-list {
      margin-left: -9px;
      margin-right: -9px; } }
  @media only screen and (min-width: 1024px) {
    .news-list {
      margin-left: -12px;
      margin-right: -12px; } }
  .news-list li {
    display: block; }
    @media only screen and (min-width: 767px) {
      .news-list li {
        width: 50%;
        float: left; } }
    @media only screen and (min-width: 1024px) {
      .news-list li {
        width: 33.33%; } }
  .news-list article {
    margin-bottom: 26px;
    background-color: #fff; }
    @media only screen and (min-width: 767px) {
      .news-list article {
        margin: 9px; } }
    @media only screen and (min-width: 1024px) {
      .news-list article {
        margin: 12px; } }

.news-list-home article {
  margin-bottom: 26px;
  background-color: #F7F5F5; }
  @media only screen and (min-width: 767px) {
    .news-list-home article {
      margin: 9px; } }
  @media only screen and (min-width: 1024px) {
    .news-list-home article {
      margin: 12px; } }

.careers_page {
  background-color: #F7F5F5; }
  .careers_page .bgcolor {
    background-color: #FF6F72; }
    .careers_page .bgcolor.image-hero-version {
      padding-top: 0; }
    .careers_page .bgcolor .image-hero {
      padding-top: 0; }
      @media only screen and (min-width: 767px) {
        .careers_page .bgcolor .image-hero {
          padding-top: 100px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page .bgcolor .image-hero {
          padding-top: 150px; } }
  .careers_page .hero_container {
    margin-left: -32px;
    margin-right: -32px; }
    @media only screen and (min-width: 767px) {
      .careers_page .hero_container {
        margin-left: 0;
        margin-right: 0; } }
    .careers_page .hero_container a:after {
      margin-left: 10px;
      font-size: 90%; }
    .careers_page .hero_container .hero_text {
      padding-top: 100px;
      z-index: 30;
      margin-bottom: 0; }
      @media only screen and (min-width: 767px) {
        .careers_page .hero_container .hero_text {
          padding-top: 42px;
          margin-bottom: 42px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page .hero_container .hero_text {
          margin-bottom: 100px; } }
  .careers_page .vacancies-list-container {
    background-color: #F7F5F5;
    padding-bottom: 30px;
    position: relative;
    padding-top: 50px; }
    .careers_page .vacancies-list-container:before {
      content: "";
      display: block;
      top: 0;
      left: 0;
      position: absolute;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/perks_shape.svg);
      background-position: 0 0;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: 100%;
      width: 43px;
      height: 23px; }
      .no-svg .careers_page .vacancies-list-container:before {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/perks_shape.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .careers_page .vacancies-list-container:before {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/perks_shape@2x.png); } }
      @media only screen and (min-width: 767px) {
        .careers_page .vacancies-list-container:before {
          width: 63px;
          height: 42px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page .vacancies-list-container:before {
          width: 91px;
          height: 61px; } }
    @media only screen and (min-width: 767px) {
      .careers_page .vacancies-list-container {
        padding-top: 80px; } }
    .careers_page .vacancies-list-container h3 {
      color: rgba(16, 30, 36, 0.4);
      margin-bottom: 12px;
      font-size: 16.6px;
      font-size: 1.0375rem; }
      @media only screen and (min-width: 767px) {
        .careers_page .vacancies-list-container h3 {
          font-size: 22px;
          font-size: 1.375rem; } }
      @media only screen and (min-width: 1024px) {
        .careers_page .vacancies-list-container h3 {
          margin-bottom: 24px;
          font-size: 25px;
          font-size: 1.5625rem; } }
    .careers_page .vacancies-list-container ul.vacancies-list {
      margin-bottom: 54px; }
      .careers_page .vacancies-list-container ul.vacancies-list li {
        display: block;
        background-color: #fff;
        margin-bottom: 14px; }
        .careers_page .vacancies-list-container ul.vacancies-list li article > div > div {
          overflow: hidden;
          padding: 1em 1.5em; }
        .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle {
          cursor: pointer;
          position: relative;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .job-title {
            font-family: "Graphik-Medium", sans-serif;
            display: block;
            font-size: 22.2px;
            font-size: 1.3875rem;
            margin-bottom: 5px;
            text-transform: capitalize;
            padding-right: 40px; }
            @media only screen and (min-width: 767px) {
              .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .job-title {
                padding-right: 0;
                width: 62%;
                float: left;
                margin-bottom: 0; } }
          @media only screen and (min-width: 767px) {
            .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle {
              line-height: 40px; } }
          .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .type {
            color: rgba(16, 30, 36, 0.4); }
            .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .type:after {
              content: " / "; }
          .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .arrow {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 50%;
            margin-top: -17px;
            right: 1.5em;
            display: block; }
            @media only screen and (min-width: 767px) {
              .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .arrow {
                top: 50%;
                margin-top: -20px; } }
            .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .arrow:before, .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .arrow:after {
              display: block;
              position: absolute;
              font-family: "GCSymbols-Regular"; }
            .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .arrow:before {
              content: '\E008';
              font-size: 35px;
              top: 0;
              color: #F7F5F5;
              width: 30px;
              height: 30px; }
            .careers_page .vacancies-list-container ul.vacancies-list li .expend-toggle .arrow:after {
              content: '\E002';
              top: 2px;
              left: 12px;
              font-size: 17px; }
        .careers_page .vacancies-list-container ul.vacancies-list li.is-active .expend-toggle, .careers_page .vacancies-list-container ul.vacancies-list li:hover .expend-toggle {
          background-color: #FF6F72; }
          .careers_page .vacancies-list-container ul.vacancies-list li.is-active .expend-toggle .job-title, .careers_page .vacancies-list-container ul.vacancies-list li:hover .expend-toggle .job-title {
            color: #fff; }
          .careers_page .vacancies-list-container ul.vacancies-list li.is-active .expend-toggle .arrow:before, .careers_page .vacancies-list-container ul.vacancies-list li:hover .expend-toggle .arrow:before {
            content: '\E008';
            color: #F7F5F5; }
          .careers_page .vacancies-list-container ul.vacancies-list li.is-active .expend-toggle .arrow:after, .careers_page .vacancies-list-container ul.vacancies-list li:hover .expend-toggle .arrow:after {
            color: #FF6F72; }
        .careers_page .vacancies-list-container ul.vacancies-list li.is-active .expend-toggle .arrow:after {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          left: 13px; }
        .careers_page .vacancies-list-container ul.vacancies-list li.is-active .expended-content {
          max-height: 1400px;
          transition: max-height 0.5s ease-in; }
        .careers_page .vacancies-list-container ul.vacancies-list li .location {
          color: rgba(16, 30, 36, 0.4); }
        .careers_page .vacancies-list-container ul.vacancies-list li .expended-content {
          transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
          max-height: 0px;
          overflow: hidden; }
          .careers_page .vacancies-list-container ul.vacancies-list li .expended-content > div {
            overflow: auto;
            max-height: 1000px; }
          .careers_page .vacancies-list-container ul.vacancies-list li .expended-content p {
            margin-bottom: 1em; }
            .careers_page .vacancies-list-container ul.vacancies-list li .expended-content p:last-child {
              margin-bottom: 0; }
            @media only screen and (min-width: 767px) {
              .careers_page .vacancies-list-container ul.vacancies-list li .expended-content p {
                margin-bottom: 1.5em; } }
          .careers_page .vacancies-list-container ul.vacancies-list li .expended-content ul {
            margin-bottom: 1em;
            padding-left: 40px; }
            .careers_page .vacancies-list-container ul.vacancies-list li .expended-content ul li {
              list-style: disc;
              display: list-item;
              margin-bottom: 5px; }
          .careers_page .vacancies-list-container ul.vacancies-list li .expended-content a {
            font-family: "Graphik-Medium", sans-serif; }
          @media only screen and (min-width: 767px) {
            .careers_page .vacancies-list-container ul.vacancies-list li .expended-content > div {
              padding-top: 42px;
              padding-right: 120px; } }
          @media only screen and (min-width: 1024px) {
            .careers_page .vacancies-list-container ul.vacancies-list li .expended-content > div {
              max-width: 70%;
              padding-right: 0; } }
    .careers_page .vacancies-list-container .titles-block h2, .careers_page .vacancies-list-container .titles-block h3 {
      margin-bottom: 10px; }
    .careers_page .vacancies-list-container .titles-block p {
      color: rgba(16, 30, 36, 0.4); }
  .careers_page .role-not-present {
    position: relative;
    background-color: #FFF;
    padding-top: 30px; }
    @media only screen and (min-width: 1024px) {
      .careers_page .role-not-present {
        padding-top: 47px; }
        .careers_page .role-not-present .cta_container {
          margin-bottom: 47px; } }
    .careers_page .role-not-present:before {
      content: "";
      display: block;
      top: 0;
      left: 0;
      position: absolute;
      width: 17px;
      height: 17px;
      background-color: #F7F5F5; }
      @media only screen and (min-width: 767px) {
        .careers_page .role-not-present:before {
          width: 25px;
          height: 25px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page .role-not-present:before {
          width: 30px;
          height: 30px; } }
  .careers_page .benefits {
    background-color: #FBE8AA; }
  .careers_page .office-gallery {
    position: relative;
    background-color: #FBE8AA;
    padding: 42px 0; }
    @media only screen and (min-width: 767px) {
      .careers_page .office-gallery {
        padding: 55px 0;
        padding-top: 71px; } }
    @media only screen and (min-width: 1024px) {
      .careers_page .office-gallery {
        padding-top: 107px;
        padding-bottom: 143px; } }
    .careers_page .office-gallery .photo-gallery {
      overflow: hidden; }
    @media only screen and (min-width: 767px) {
      .careers_page .office-gallery .half {
        width: 50%;
        float: left; } }
  @media only screen and (min-width: 767px) and (min-width: 767px) {
    .careers_page .office-gallery .half > div {
      padding: 4.5px 9px;
      padding-bottom: 0; } }
  @media only screen and (min-width: 767px) and (min-width: 1024px) {
    .careers_page .office-gallery .half > div {
      padding: 12px;
      padding-bottom: 0; } }
    .careers_page .office-gallery .half img {
      width: 100%;
      display: block;
      margin-bottom: 18px; }
      @media only screen and (min-width: 767px) {
        .careers_page .office-gallery .half img {
          margin-bottom: 12px; } }

.list-tick ul {
  margin: 0;
  padding: 0; }
  .list-tick ul strong {
    font-family: "Graphik-Medium", sans-serif;
    display: block;
    margin-bottom: 10px; }
  @media only screen and (min-width: 1024px) {
    .list-tick ul {
      width: 50%;
      float: left;
      position: relative; } }
  .list-tick ul li {
    display: block;
    margin-bottom: 18px;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 24px; }
    @media only screen and (min-width: 767px) {
      .list-tick ul li {
        font-size: 18px;
        font-size: 1.125rem; } }
    .list-tick ul li > div {
      position: relative;
      background-color: #fff;
      line-height: 140%;
      padding-top: 20px;
      padding-right: 20px;
      padding-left: 54px; }
      .list-tick ul li > div p {
        padding-bottom: 20px; }
      @media only screen and (min-width: 767px) {
        .list-tick ul li > div {
          margin: 0 9px;
          padding-left: 65px; } }
      @media only screen and (min-width: 1024px) {
        .list-tick ul li > div {
          margin: 0 12px; } }
      .list-tick ul li > div:before {
        position: absolute;
        left: 15px;
        display: block;
        font-family: "GCSymbols-Regular";
        content: '\E001';
        color: #FF6F72;
        font-size: 25px; }
        @media only screen and (min-width: 767px) {
          .list-tick ul li > div:before {
            left: 22px; } }

@media only screen and (min-width: 767px) {
  .list-tick.larger-fz li {
    font-size: 24.88px;
    font-size: 1.555rem; } }

.careers_page-v2 {
  background-color: #fff; }
  .careers_page-v2 .gr-hero-image {
    position: relative;
    text-align: center;
    color: #fff; }
    .careers_page-v2 .gr-hero-image img {
      display: block;
      height: 500px;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-hero-image img {
          height: 650px;
          width: 100% !important; } }
    .careers_page-v2 .gr-hero-image p {
      padding: 1em;
      padding-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      font-family: "Graphik-Regular", sans-serif;
      font-size: 20px;
      font-size: 1.25rem;
      max-width: 875px;
      margin-left: auto;
      margin-right: auto;
      line-height: 155%; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-hero-image p {
          font-size: 24px;
          font-size: 1.5rem; } }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-hero-image p {
          font-size: 28px;
          font-size: 1.75rem; } }
    .careers_page-v2 .gr-hero-image .gr-hero-title-container {
      width: 100%;
      position: absolute;
      z-index: 1;
      top: 65%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .careers_page-v2 .gr-hero-image .gr-hero-title-container .gr-hero-title {
        font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
        font-size: 35px;
        font-size: 2.1875rem;
        color: #fff;
        letter-spacing: -1.53px;
        text-align: center;
        line-height: 51.6px; }
        @media only screen and (min-width: 767px) {
          .careers_page-v2 .gr-hero-image .gr-hero-title-container .gr-hero-title {
            font-size: 40px;
            font-size: 2.5rem; } }
        @media only screen and (min-width: 1024px) {
          .careers_page-v2 .gr-hero-image .gr-hero-title-container .gr-hero-title {
            font-size: 46px;
            font-size: 2.875rem; } }
      .careers_page-v2 .gr-hero-image .gr-hero-title-container .cta_container {
        margin-left: auto;
        margin-right: auto; }
      .careers_page-v2 .gr-hero-image .gr-hero-title-container a {
        font-family: "Graphik-Regular", sans-serif;
        font-size: 16px;
        font-size: 1rem;
        color: #F8F9FC;
        letter-spacing: -0.22px; }
        .careers_page-v2 .gr-hero-image .gr-hero-title-container a:after {
          font-size: 20px;
          font-size: 1.25rem; }
  .careers_page-v2 .gr-heading-catchphrase {
    position: relative;
    font-family: "Graphik-Regular", sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    color: #292C31;
    text-align: center;
    line-height: 140%; }
    .careers_page-v2 .gr-heading-catchphrase .gr-heading-catchphrase-copy {
      padding-top: 40px;
      padding-bottom: 40px;
      position: relative; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-heading-catchphrase .gr-heading-catchphrase-copy {
          padding-top: 80px;
          padding-bottom: 80px; } }
      .careers_page-v2 .gr-heading-catchphrase .gr-heading-catchphrase-copy:after {
        content: "";
        display: block;
        opacity: 0.75;
        height: 1px;
        width: 100%;
        background-color: #D9D9D9;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
      .careers_page-v2 .gr-heading-catchphrase .gr-heading-catchphrase-copy p {
        max-width: 875px;
        margin-left: auto;
        margin-right: auto;
        line-height: 155%; }
        @media only screen and (min-width: 767px) {
          .careers_page-v2 .gr-heading-catchphrase .gr-heading-catchphrase-copy p {
            font-size: 24px;
            font-size: 1.5rem; } }
        @media only screen and (min-width: 767px) {
          .careers_page-v2 .gr-heading-catchphrase .gr-heading-catchphrase-copy p {
            font-size: 28px;
            font-size: 1.75rem; } }
  .careers_page-v2 .gr-career-mojos img {
    background-color: transparent;
    display: block;
    position: relative;
    display: none; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-career-mojos img {
        display: block;
        width: auto;
        margin-top: 0; } }
  .careers_page-v2 .gr-career-mojos .gr-career-mojo {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-career-mojos .gr-career-mojo {
        padding-top: 75px; } }
    @media only screen and (min-width: 1024px) {
      .careers_page-v2 .gr-career-mojos .gr-career-mojo {
        padding-top: 120px; } }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-career-mojos .gr-career-mojo--illustration {
        padding-bottom: 0; } }
  .careers_page-v2 .gr-career-mojos .gr-mojo-title {
    font-family: "Graphik-Medium", sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    color: #101E24;
    letter-spacing: -0.31px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-career-mojos .gr-mojo-title {
        font-size: 24px;
        font-size: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .careers_page-v2 .gr-career-mojos .gr-mojo-title {
        font-size: 32px;
        font-size: 2rem; } }
  .careers_page-v2 .gr-career-mojos .gr-mojo-copy {
    /* Standfirst Copy 2: */
    opacity: 0.6;
    color: #101E24;
    line-height: 140%;
    font-size: 18px;
    font-size: 1.125rem; }
    @media only screen and (min-width: 1024px) {
      .careers_page-v2 .gr-career-mojos .gr-mojo-copy {
        font-size: 24px;
        font-size: 1.5rem; } }
    .careers_page-v2 .gr-career-mojos .gr-mojo-copy p {
      margin-bottom: 1em; }
      .careers_page-v2 .gr-career-mojos .gr-mojo-copy p:last-child {
        margin-bottom: 0; }
  @media only screen and (min-width: 767px) {
    .careers_page-v2 .gr-career-mojos .half-large {
      float: left;
      width: 50%; } }
  .careers_page-v2 .cubes-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .cubes-1 {
        display: block; } }
    .careers_page-v2 .cubes-1 span {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 48px;
      height: 48px;
      background-color: #f8f9fc; }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .cubes-1 span {
          -webkit-transform-origin: 0 bottom;
                  transform-origin: 0 bottom;
          -webkit-transform: scale(1.5);
                  transform: scale(1.5); } }
      .careers_page-v2 .cubes-1 span:before {
        position: relative;
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        top: -50%;
        left: 50%;
        background-color: #f8f9fc; }
      .careers_page-v2 .cubes-1 span:after {
        position: relative;
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        top: -72px;
        left: 0;
        background-color: #f8f9fc; }
  .careers_page-v2 .gr-gallery {
    position: relative;
    padding: 60px 0; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-gallery {
        padding: 55px 0;
        padding-top: 71px; } }
    @media only screen and (min-width: 1024px) {
      .careers_page-v2 .gr-gallery {
        padding-top: 107px;
        padding-bottom: 107px; } }
    .careers_page-v2 .gr-gallery .photo-gallery {
      overflow: hidden; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-gallery .half {
        width: 50%;
        float: left; } }
  @media only screen and (min-width: 767px) and (min-width: 767px) {
    .careers_page-v2 .gr-gallery .half > div {
      padding: 4.5px 9px;
      padding-bottom: 0; } }
  @media only screen and (min-width: 767px) and (min-width: 1024px) {
    .careers_page-v2 .gr-gallery .half > div {
      padding: 12px;
      padding-bottom: 0; } }
    .careers_page-v2 .gr-gallery .half img {
      width: 100%;
      display: block;
      margin-bottom: 18px; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-gallery .half img {
          margin-bottom: 12px; } }
    .careers_page-v2 .gr-gallery .half .last img {
      margin-bottom: 0; }
  .careers_page-v2 .gr-testimonials-cards {
    position: relative;
    text-align: center;
    padding-top: 58px;
    padding-bottom: 80px; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-testimonials-cards {
        padding-top: 80px;
        padding-bottom: 100px; } }
    @media only screen and (min-width: 1024px) {
      .careers_page-v2 .gr-testimonials-cards {
        padding-top: 120px;
        padding-bottom: 120px; } }
    .careers_page-v2 .gr-testimonials-cards .square-rounded {
      width: 100px;
      border-radius: 50%;
      overflow: hidden;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-testimonials-cards .square-rounded {
          width: 130px;
          margin-bottom: 40px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-testimonials-cards .square-rounded {
          width: 192px;
          margin-bottom: 45px; } }
    .careers_page-v2 .gr-testimonials-cards .gr-testimonials-quote {
      margin-bottom: 24px;
      max-width: 530px;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-testimonials-cards .gr-testimonials-quote {
          max-width: 690px; } }
      .careers_page-v2 .gr-testimonials-cards .gr-testimonials-quote p {
        margin: 0;
        line-height: 155%;
        font-size: 14px;
        font-size: 0.875rem; }
        @media only screen and (min-width: 767px) {
          .careers_page-v2 .gr-testimonials-cards .gr-testimonials-quote p {
            font-size: 16px;
            font-size: 1rem; } }
        @media only screen and (min-width: 1024px) {
          .careers_page-v2 .gr-testimonials-cards .gr-testimonials-quote p {
            font-size: 18px;
            font-size: 1.125rem; } }
    .careers_page-v2 .gr-testimonials-cards .gr-testimonials-cite p {
      margin: 0;
      line-height: 155%;
      font-size: 14px;
      font-size: 0.875rem; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-testimonials-cards .gr-testimonials-cite p {
          font-size: 16px;
          font-size: 1rem; } }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-testimonials-cards .gr-testimonials-cite p {
          font-size: 18px;
          font-size: 1.125rem; } }
  .careers_page-v2 .gr-location-cards-container {
    background-color: #292C31;
    padding-top: 60px;
    padding-bottom: 100px; }
    .careers_page-v2 .gr-location-cards-container .gr-location-section-title {
      /* Locations: */
      font-family: "Graphik-Medium", sans-serif;
      font-size: 22px;
      font-size: 1.375rem;
      color: #fff;
      line-height: 170%;
      margin-bottom: 30px; }
    .careers_page-v2 .gr-location-cards-container .gr-locations-slider {
      margin-left: -32px;
      margin-right: -32px; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-location-cards-container .gr-locations-slider {
          margin-left: -64px;
          margin-right: -64px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-location-cards-container .gr-locations-slider {
          margin-left: -9px;
          margin-right: -9px; } }
    .careers_page-v2 .gr-location-cards-container .slide > div {
      padding: 0 9px; }
    .careers_page-v2 .gr-location-cards-container .slide img {
      display: block;
      width: 100%; }
    .careers_page-v2 .gr-location-cards-container figcaption {
      background-color: #fff;
      padding-top: 16px;
      padding-left: 19px;
      height: 82px; }
      .careers_page-v2 .gr-location-cards-container figcaption .gr-locations-title {
        font-family: "Graphik-Medium", sans-serif;
        font-size: 24px;
        font-size: 1.5rem;
        color: #1B1E24;
        line-height: 34px; }
      .careers_page-v2 .gr-location-cards-container figcaption p {
        font-family: "Graphik-Regular", sans-serif;
        font-size: 18px;
        font-size: 1.125rem;
        color: rgba(16, 30, 36, 0.4);
        line-height: 24px; }
    .careers_page-v2 .gr-location-cards-container .slick-dots {
      top: 110%; }
    .careers_page-v2 .gr-location-cards-container li:after {
      opacity: 0.4; }
    .careers_page-v2 .gr-location-cards-container li:hover:after, .careers_page-v2 .gr-location-cards-container li.slick-active:after {
      color: #fff;
      opacity: 1; }
  .careers_page-v2 .gr-vacancies-list-container {
    position: relative;
    padding-top: 50px;
    padding-bottom: 120px; }
    @media only screen and (min-width: 767px) {
      .careers_page-v2 .gr-vacancies-list-container {
        padding-top: 80px;
        padding-bottom: 140px; } }
    @media only screen and (min-width: 1024px) {
      .careers_page-v2 .gr-vacancies-list-container {
        padding-bottom: 180px; } }
    .careers_page-v2 .gr-vacancies-list-container:before, .careers_page-v2 .gr-vacancies-list-container:after {
      content: "";
      display: block;
      top: 0;
      left: 0;
      position: absolute;
      background-color: #292C31;
      background-size: 100%;
      width: 22px;
      height: 22px; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-vacancies-list-container:before, .careers_page-v2 .gr-vacancies-list-container:after {
          width: 42px;
          height: 42px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-vacancies-list-container:before, .careers_page-v2 .gr-vacancies-list-container:after {
          width: 60px;
          height: 60px; } }
    .careers_page-v2 .gr-vacancies-list-container:after {
      left: 22px;
      top: 11px;
      width: 11px;
      height: 11px; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-vacancies-list-container:after {
          left: 42px;
          top: 21px;
          width: 21px;
          height: 21px; } }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-vacancies-list-container:after {
          left: 60px;
          top: 30px;
          width: 30px;
          height: 30px; } }
    .careers_page-v2 .gr-vacancies-list-container h3 {
      color: rgba(16, 30, 36, 0.4);
      margin-bottom: 12px;
      font-size: 16.6px;
      font-size: 1.0375rem; }
      @media only screen and (min-width: 767px) {
        .careers_page-v2 .gr-vacancies-list-container h3 {
          font-size: 22px;
          font-size: 1.375rem; } }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-vacancies-list-container h3 {
          margin-bottom: 24px;
          font-size: 25px;
          font-size: 1.5625rem; } }
    .careers_page-v2 .gr-vacancies-list-container .gr-filters {
      margin-bottom: 30px; }
      @media only screen and (min-width: 1024px) {
        .careers_page-v2 .gr-vacancies-list-container .gr-filters {
          position: absolute;
          right: 0;
          top: 0; } }
    .careers_page-v2 .gr-vacancies-list-container .gr-vacancies-category, .careers_page-v2 .gr-vacancies-list-container .gr-vacancies-location {
      display: none; }
      .careers_page-v2 .gr-vacancies-list-container .gr-vacancies-category.is-visible, .careers_page-v2 .gr-vacancies-list-container .gr-vacancies-location.is-visible {
        display: block; }
    .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list {
      margin-bottom: 54px; }
      .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li {
        background-color: #fff;
        margin-bottom: 14px; }
        .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li article .link-job-offer > div {
          overflow: hidden;
          padding: 1em 1.5em; }
        .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer {
          display: block;
          cursor: pointer;
          position: relative;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .job-title {
            font-family: "Graphik-Medium", sans-serif;
            display: block;
            font-size: 22.2px;
            font-size: 1.3875rem;
            margin-bottom: 5px;
            text-transform: capitalize;
            padding-right: 40px; }
            @media only screen and (min-width: 767px) {
              .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .job-title {
                padding-right: 0;
                width: 62%;
                float: left;
                margin-bottom: 0; } }
          @media only screen and (min-width: 767px) {
            .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer {
              line-height: 40px; } }
          .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .type {
            color: rgba(16, 30, 36, 0.4); }
            .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .type:after {
              content: " / "; }
          .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .arrow {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 50%;
            margin-top: -17px;
            right: 1.5em;
            display: block; }
            @media only screen and (min-width: 767px) {
              .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .arrow {
                top: 50%;
                margin-top: -23px; } }
            .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .arrow:before, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .arrow:after {
              display: block;
              position: absolute;
              font-family: "GCSymbols-Regular"; }
            .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .arrow:before {
              content: '\E008';
              font-size: 35px;
              top: 0;
              color: #F7F5F5;
              width: 30px;
              height: 30px; }
            .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .link-job-offer .arrow:after {
              content: '\E002';
              top: 2px;
              left: 12px;
              font-size: 17px; }
        .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li.is-active .link-job-offer, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li:hover .link-job-offer {
          background-color: #FF6F72; }
          .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li.is-active .link-job-offer .job-title, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li:hover .link-job-offer .job-title {
            color: #fff; }
          .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li.is-active .link-job-offer .arrow:before, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li:hover .link-job-offer .arrow:before {
            content: '\E008';
            color: #F7F5F5; }
          .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li.is-active .link-job-offer .arrow:after, .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li:hover .link-job-offer .arrow:after {
            color: #FF6F72; }
        .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li.is-active .link-job-offer .arrow:after {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          left: 13px; }
        .careers_page-v2 .gr-vacancies-list-container ul.vacancies-list li .location {
          color: rgba(16, 30, 36, 0.4); }
    .careers_page-v2 .gr-vacancies-list-container .titles-block h2, .careers_page-v2 .gr-vacancies-list-container .titles-block h3 {
      margin-bottom: 10px; }
    .careers_page-v2 .gr-vacancies-list-container .titles-block p {
      color: rgba(16, 30, 36, 0.4); }
  .gr-role-not-present {
    position: relative;
    background-color: #292C31;
    padding-top: 30px;
    overflow: visible; }
    @media only screen and (min-width: 1024px) {
      .gr-role-not-present {
        padding-top: 47px; }
        .gr-role-not-present .cta_container {
          margin-bottom: 47px; } }
    .gr-role-not-present:before, .gr-role-not-present:after {
      content: "";
      display: block;
      top: 0;
      left: 0;
      position: absolute;
      width: 17px;
      height: 17px;
      background-color: #f8f9fc;
      z-index: 1; }
      @media only screen and (min-width: 767px) {
        .gr-role-not-present:before, .gr-role-not-present:after {
          width: 25px;
          height: 25px; } }
      @media only screen and (min-width: 1024px) {
        .gr-role-not-present:before, .gr-role-not-present:after {
          width: 30px;
          height: 30px; } }
    .gr-role-not-present:after {
      bottom: 100%;
      right: 0;
      left: auto;
      top: auto;
      background-color: #292C31; }

.technology_page {
  background-color: #F7F5F5; }
  .technology_page .bgcolor {
    background-color: #FF6F72;
    position: relative;
    margin-bottom: 100px;
    overflow: visible; }
    .technology_page .bgcolor:before {
      width: 100%;
      height: 52px;
      position: absolute;
      content: "";
      display: block;
      background-color: #F7F5F5;
      bottom: 0; }
  .technology_page .hero_container {
    margin-left: -32px;
    margin-right: -32px; }
    @media only screen and (min-width: 767px) {
      .technology_page .hero_container {
        margin-left: 0;
        margin-right: 0; } }
  .technology_page .hero_text.top-part {
    margin-bottom: 0; }
    @media only screen and (min-width: 1024px) {
      .technology_page .hero_text.top-part {
        margin-bottom: 48px; } }
    .technology_page .hero_text.top-part h1 {
      color: #fff;
      margin-bottom: 32px; }
    .technology_page .hero_text.top-part p {
      color: rgba(16, 30, 36, 0.4);
      margin-bottom: 84px; }
  .technology_page .hero_text.boxed {
    background-color: #fff;
    color: #000;
    margin-bottom: 0;
    z-index: 30;
    position: relative; }
    .technology_page .hero_text.boxed:after {
      content: "";
      display: block;
      position: absolute;
      width: 58px;
      height: 58px;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_hero_right_mobile.svg);
      background-repeat: no-repeat;
      background-size: 100%; }
      .no-svg .technology_page .hero_text.boxed:after {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_hero_right_mobile.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .technology_page .hero_text.boxed:after {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_hero_right_mobile@2x.png); } }
      @media only screen and (min-width: 767px) {
        .technology_page .hero_text.boxed:after {
          width: 0;
          height: 0; } }
      @media only screen and (min-width: 1024px) {
        .technology_page .hero_text.boxed:after {
          width: 0;
          height: 0; } }
      @media only screen and (min-width: 1200px) {
        .technology_page .hero_text.boxed:after {
          width: 0;
          height: 0; } }
    .technology_page .hero_text.boxed:after {
      top: -29px;
      right: 0; }
    @media only screen and (min-width: 767px) {
      .technology_page .hero_text.boxed {
        background-color: #292C31;
        color: #fff; }
        .technology_page .hero_text.boxed .cta_container {
          margin-bottom: 5px; }
          .technology_page .hero_text.boxed .cta_container a {
            color: #FBE8AA;
            border-color: #FBE8AA; }
            .technology_page .hero_text.boxed .cta_container a:hover {
              color: #292C31;
              border-color: #FBE8AA;
              background-color: #FBE8AA; }
              .technology_page .hero_text.boxed .cta_container a:hover:after {
                color: #292C31; } }
  .technology_page .poplar-article {
    max-width: 530px;
    margin-bottom: 100px;
    text-align: center; }
    .technology_page .poplar-article header {
      margin-bottom: 20px; }
      .technology_page .poplar-article header p {
        color: rgba(16, 30, 36, 0.4); }
    .technology_page .poplar-article .cta_container {
      padding-top: 30px; }
    @media only screen and (min-width: 1024px) {
      .technology_page .poplar-article {
        float: left;
        text-align: left; } }
  .technology_page .framework {
    overflow: visible;
    background-color: #292C31;
    position: relative; }
    .technology_page .framework:after {
      content: "";
      display: block;
      position: absolute;
      width: 67px;
      height: 67px;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_framework_topleft.svg);
      background-repeat: no-repeat;
      background-size: 100%; }
      .no-svg .technology_page .framework:after {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_framework_topleft.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .technology_page .framework:after {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_framework_topleft@2x.png); } }
      @media only screen and (min-width: 767px) {
        .technology_page .framework:after {
          width: 91px;
          height: 61px; } }
      @media only screen and (min-width: 1024px) {
        .technology_page .framework:after {
          width: 91px;
          height: 61px; } }
      @media only screen and (min-width: 1200px) {
        .technology_page .framework:after {
          width: 91px;
          height: 61px; } }
    .technology_page .framework:after {
      top: -43px;
      right: -1px; }
      @media only screen and (min-width: 767px) {
        .technology_page .framework:after {
          top: -60px;
          right: 0; } }
    .technology_page .framework h4 {
      color: #fff; }
    .technology_page .framework ul {
      overflow: hidden; }
  .technology_page .poplar-section {
    background-color: #F7F5F5;
    text-align: left; }
    .technology_page .poplar-section .grid-item.dark figure img {
      max-width: 100%; }
    @media only screen and (min-width: 1024px) {
      .technology_page .poplar-section .card {
        float: right; } }
    .technology_page .poplar-section.dark {
      background-color: #292C31;
      color: #fff;
      padding-top: 120px;
      overflow: visible;
      position: relative; }
      .technology_page .poplar-section.dark:after {
        content: "";
        display: block;
        position: absolute;
        width: 67px;
        height: 67px;
        background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_framework_topleft.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
        .no-svg .technology_page .poplar-section.dark:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_framework_topleft.png); }
          @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
            .no-svg .technology_page .poplar-section.dark:after {
              background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/technology_framework_topleft@2x.png); } }
        @media only screen and (min-width: 767px) {
          .technology_page .poplar-section.dark:after {
            width: 91px;
            height: 61px; } }
        @media only screen and (min-width: 1024px) {
          .technology_page .poplar-section.dark:after {
            width: 91px;
            height: 61px; } }
        @media only screen and (min-width: 1200px) {
          .technology_page .poplar-section.dark:after {
            width: 91px;
            height: 61px; } }
      .technology_page .poplar-section.dark:after {
        top: -43px;
        right: -1px; }
        @media only screen and (min-width: 767px) {
          .technology_page .poplar-section.dark:after {
            top: -60px;
            right: 0; } }
      .technology_page .poplar-section.dark .container {
        overflow: hidden; }
      .technology_page .poplar-section.dark .poplar-article header p {
        color: rgba(255, 255, 255, 0.4); }
  .technology_page .poplar-article .content p {
    margin-bottom: 1em; }

.card {
  display: none;
  width: 240px;
  min-height: 314px;
  background-color: #292C31;
  margin-bottom: 56px;
  position: relative;
  text-align: left; }
  @media only screen and (min-width: 767px) {
    .card {
      display: block;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .card {
      width: 300px;
      height: 392px; } }
  .card header {
    background-color: #fff; }
    .card header > div {
      padding: 20px; }
    .card header h2 {
      color: #292C31;
      margin-bottom: 10px; }
      @media only screen and (min-width: 767px) {
        .card header h2 {
          font-size: 23px;
          font-size: 1.4375rem; } }
      @media only screen and (min-width: 1024px) {
        .card header h2 {
          margin-bottom: 10px;
          font-size: 28.8px;
          font-size: 1.8rem; } }
    .card header p {
      font-family: "Graphik-Regular", sans-serif;
      color: rgba(16, 30, 36, 0.4); }
      @media only screen and (min-width: 767px) {
        .card header p {
          font-size: 18px;
          font-size: 1.125rem; } }
      @media only screen and (min-width: 1024px) {
        .card header p {
          font-size: 22.5px;
          font-size: 1.40625rem; } }
  .card .content {
    color: #fff;
    font-size: 12.8px;
    font-size: 0.8rem; }
    @media only screen and (min-width: 1024px) {
      .card .content {
        font-size: 16px;
        font-size: 1rem; } }
    .card .content > div {
      position: absolute;
      bottom: 0;
      left: 20px;
      right: 20px; }
    .card .content p {
      margin-bottom: 1em; }
  .card.grid-item {
    left: 0;
    height: auto; }
    .card.grid-item figure {
      height: 100px; }
  .card.careers {
    background-color: #fff; }
    .card.careers header {
      background-color: #FF6F72; }
      .card.careers header h2 {
        color: #fff; }
    .card.careers .content {
      color: #292C31; }
      .card.careers .content > div {
        position: relative;
        padding: 20px;
        height: 100%;
        right: auto;
        left: auto; }
      .card.careers .content .read-article {
        color: rgba(16, 30, 36, 0.4);
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        font-size: 14px;
        font-size: 0.875rem; }
        @media only screen and (min-width: 1024px) {
          .card.careers .content .read-article {
            font-size: 18px;
            font-size: 1.125rem; } }
        .card.careers .content .read-article:after {
          position: absolute;
          right: 0;
          top: 0;
          color: rgba(16, 30, 36, 0.4);
          display: block; }

.products_page .bgcolor {
  background-color: #FF6F72;
  position: relative;
  margin-bottom: 100px;
  overflow: visible; }
  .products_page .bgcolor:before {
    width: 100%;
    height: 52px;
    position: absolute;
    content: "";
    display: block;
    background-color: #fff;
    bottom: 0; }

.products_page .hero_container {
  margin-left: -32px;
  margin-right: -32px;
  position: relative;
  z-index: 20; }
  @media only screen and (min-width: 767px) {
    .products_page .hero_container {
      margin-left: 0;
      margin-right: 0; } }

.products_page .hero_text.top-part {
  margin-bottom: 0; }
  @media only screen and (min-width: 1024px) {
    .products_page .hero_text.top-part {
      margin-bottom: 48px; } }
  .products_page .hero_text.top-part h1 {
    margin-bottom: 12px; }
  .products_page .hero_text.top-part p {
    color: rgba(16, 30, 36, 0.4);
    margin-bottom: 84px; }

.products_page .hero_text.boxed {
  background-color: #F7F5F5;
  color: #000;
  margin-bottom: 0; }
  .products_page .hero_text.boxed:after {
    top: -29px;
    right: 0; }
  @media only screen and (min-width: 767px) {
    .products_page .hero_text.boxed {
      background-color: #292C31;
      color: #fff; }
      .products_page .hero_text.boxed .cta_container {
        margin-bottom: 5px; }
        .products_page .hero_text.boxed .cta_container a {
          color: #B5E4EB;
          border-color: #B5E4EB; }
          .products_page .hero_text.boxed .cta_container a:hover {
            color: #292C31;
            border-color: #B5E4EB;
            background-color: #B5E4EB; }
            .products_page .hero_text.boxed .cta_container a:hover:after {
              color: #292C31; } }

.products_page img {
  width: auto;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.products_page .titles-block p {
  color: rgba(16, 30, 36, 0.4); }
  @media only screen and (min-width: 1024px) {
    .products_page .titles-block p {
      font-size: 24px;
      font-size: 1.5rem; } }

.products_page .second-section {
  background-color: #FFF; }

.products_page .third-section {
  background-color: #292C31;
  overflow: visible;
  position: relative;
  position: relative; }
  .products_page .third-section:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/product/product2.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .no-svg .products_page .third-section:before {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/product/product2.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .products_page .third-section:before {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/product/product2@2x.png); } }
    @media only screen and (min-width: 767px) {
      .products_page .third-section:before {
        width: 32px;
        height: 64px; } }
    @media only screen and (min-width: 1024px) {
      .products_page .third-section:before {
        width: 64px;
        height: 128px; } }
    @media only screen and (min-width: 1200px) {
      .products_page .third-section:before {
        width: 64px;
        height: 128px; } }
  .products_page .third-section:before {
    top: -32px;
    left: 0;
    z-index: 10; }
    @media only screen and (min-width: 1024px) {
      .products_page .third-section:before {
        top: -64px; } }
  .products_page .third-section:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/product/product5.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .no-svg .products_page .third-section:after {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/product/product5.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .products_page .third-section:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/product/product5@2x.png); } }
    @media only screen and (min-width: 767px) {
      .products_page .third-section:after {
        width: 96px;
        height: 64px; } }
    @media only screen and (min-width: 1024px) {
      .products_page .third-section:after {
        width: 192px;
        height: 128px; } }
    @media only screen and (min-width: 1200px) {
      .products_page .third-section:after {
        width: 192px;
        height: 128px; } }
  .products_page .third-section:after {
    bottom: 0;
    right: 0;
    z-index: 10; }
  .products_page .third-section .titles-block p {
    color: rgba(255, 255, 255, 0.4); }
  .products_page .third-section img {
    width: auto;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .products_page .third-section .hero_text {
    color: #fff; }

.gr-product-intro {
  position: relative; }
  .gr-product-intro img {
    background-color: transparent; }
  .gr-product-intro .half-columns {
    position: relative;
    padding-top: 80px;
    padding-bottom: 120px; }
    @media only screen and (min-width: 767px) {
      .gr-product-intro .half-columns {
        padding-top: 120px; } }
    @media only screen and (min-width: 1024px) {
      .gr-product-intro .half-columns {
        padding-top: 125px; } }
  .gr-product-intro .half {
    height: 100%; }
  @media only screen and (min-width: 767px) {
    .gr-product-intro .pr {
      padding-right: 24%; } }
  @media only screen and (min-width: 767px) {
    .gr-product-intro .pl {
      padding-left: 24%; } }
  .gr-product-intro .center-v {
    position: relative;
    padding-top: 60px; }

.pt-grad {
  padding-top: 100px; }
  @media only screen and (min-width: 767px) {
    .pt-grad {
      padding-top: 120px; } }
  @media only screen and (min-width: 1024px) {
    .pt-grad {
      padding-top: 125px; } }

.mb-40-mobile {
  margin-bottom: 40px; }

.mb0 {
  margin-bottom: 0 !important; }

.pr40-tabletup {
  padding-right: 40px; }

.pt-resp {
  padding-top: 60px; }
  @media only screen and (min-width: 767px) {
    .pt-resp {
      padding-top: 80px; } }
  @media only screen and (min-width: 1024px) {
    .pt-resp {
      padding-top: 120px; } }

.gr-product-title {
  font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 12px; }
  @media only screen and (min-width: 767px) {
    .gr-product-title {
      font-size: 30px;
      font-size: 1.875rem;
      margin-bottom: 14px; } }
  @media only screen and (min-width: 1024px) {
    .gr-product-title {
      font-size: 40px;
      font-size: 2.5rem;
      margin-bottom: 20px; } }

.gr-product-subtitle {
  font-family: "Graphik-Medium", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 120%;
  margin-bottom: 12px; }
  @media only screen and (min-width: 767px) {
    .gr-product-subtitle {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 14px; } }
  @media only screen and (min-width: 1024px) {
    .gr-product-subtitle {
      font-size: 29px;
      font-size: 1.8125rem;
      margin-bottom: 20px; } }

.gr-product-headline {
  line-height: 130%;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 12px; }
  @media only screen and (min-width: 767px) {
    .gr-product-headline {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 14px; } }
  @media only screen and (min-width: 1024px) {
    .gr-product-headline {
      font-size: 32px;
      font-size: 2rem;
      margin-bottom: 1em; } }

.gr-product-copy {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 50px; }
  @media only screen and (min-width: 767px) {
    .gr-product-copy {
      margin-bottom: 60px; } }
  @media only screen and (min-width: 1024px) {
    .gr-product-copy {
      margin-bottom: 80px; } }
  .gr-product-copy ul {
    margin-bottom: 60px; }
    @media only screen and (min-width: 1024px) {
      .gr-product-copy ul {
        margin-bottom: 80px; } }
    .gr-product-copy ul:last-child {
      margin-bottom: 0; }
      @media only screen and (min-width: 1024px) {
        .gr-product-copy ul:last-child {
          margin-bottom: 0; } }
    .gr-product-copy ul li {
      display: block;
      padding-bottom: 18px;
      padding-top: 18px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      @media only screen and (min-width: 767px) {
        .gr-product-copy ul li:first-child {
          padding-top: 0; } }
  .gr-product-copy h3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 120%;
    margin-bottom: 12px; }
    @media only screen and (min-width: 767px) {
      .gr-product-copy h3 {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 14px; } }
    @media only screen and (min-width: 1024px) {
      .gr-product-copy h3 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 20px; } }
  .gr-product-copy p {
    margin-bottom: 1em;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 130%; }
    .gr-product-copy p:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 767px) {
      .gr-product-copy p {
        font-size: 18.6px;
        font-size: 1.1625rem; } }
    @media only screen and (min-width: 1024px) {
      .gr-product-copy p {
        font-size: 24px;
        font-size: 1.5rem; } }

.gr-readnext {
  overflow: hidden;
  text-align: center; }
  .gr-readnext .articles-next {
    padding-bottom: 110px; }
    @media only screen and (min-width: 767px) {
      .gr-readnext .articles-next {
        padding-bottom: 70px; } }
    @media only screen and (min-width: 1024px) {
      .gr-readnext .articles-next {
        padding-bottom: 0;
        padding-left: 0%; } }
  .gr-readnext article {
    text-align: left;
    margin-bottom: 18px; }

.squares-top-right-blue {
  position: relative;
  overflow: visible; }
  .squares-top-right-blue:before, .squares-top-right-blue:after {
    content: "";
    display: block;
    bottom: 100%;
    right: 0;
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #B5E4EB;
    z-index: 1; }
    @media only screen and (min-width: 767px) {
      .squares-top-right-blue:before, .squares-top-right-blue:after {
        width: 26px;
        height: 26px; } }
    @media only screen and (min-width: 1024px) {
      .squares-top-right-blue:before, .squares-top-right-blue:after {
        width: 32px;
        height: 32px; } }
  .squares-top-right-blue:after {
    top: -18px;
    right: 18px;
    width: 9px;
    height: 9px;
    left: auto; }
    @media only screen and (min-width: 767px) {
      .squares-top-right-blue:after {
        right: 26px;
        width: 13px;
        height: 13px;
        top: -26px; } }
    @media only screen and (min-width: 1024px) {
      .squares-top-right-blue:after {
        top: -32px;
        right: 32px;
        width: 16px;
        height: 16px; } }

.about_page .bgcolor {
  background-color: #FBE8AA; }

.about_page .hero_container {
  margin-left: -32px;
  margin-right: -32px; }
  @media only screen and (min-width: 767px) {
    .about_page .hero_container {
      margin-left: 0;
      margin-right: 0; } }
  .about_page .hero_container .hero_text {
    margin-bottom: 0; }
    @media only screen and (min-width: 767px) {
      .about_page .hero_container .hero_text {
        margin-bottom: 42px; } }
    @media only screen and (min-width: 1024px) {
      .about_page .hero_container .hero_text {
        margin-bottom: 100px; } }

.about_page section h2 {
  font-family: "Graphik-Medium", sans-serif;
  margin-bottom: 42px; }

.about_page .investors_container {
  overflow: visible;
  position: relative;
  background-color: #fff;
  padding: 37px 0; }
  .about_page .investors_container:before {
    content: "";
    display: block;
    top: 0;
    right: 0;
    position: absolute;
    width: 0;
    height: 0;
    background-color: #fff; }
    @media only screen and (min-width: 767px) {
      .about_page .investors_container:before {
        top: -55px;
        width: 55px;
        height: 55px; } }
    @media only screen and (min-width: 1024px) {
      .about_page .investors_container:before {
        top: -64px;
        width: 64px;
        height: 64px; } }
  @media only screen and (min-width: 767px) {
    .about_page .investors_container {
      padding: 37px 0 45px 0; } }
  @media only screen and (min-width: 1024px) {
    .about_page .investors_container {
      padding: 71px 0 77px 0; } }
  .about_page .investors_container img {
    background-color: transparent;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%; }
  .about_page .investors_container ul {
    overflow: hidden;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px; }
    @media only screen and (min-width: 1024px) {
      .about_page .investors_container ul {
        margin-left: -50px;
        margin-right: -50px; } }
    @media only screen and (min-width: 1200px) {
      .about_page .investors_container ul {
        margin-left: -70px;
        margin-right: -70px; } }
  .about_page .investors_container li {
    width: 50%;
    float: left;
    display: block; }
    @media only screen and (min-width: 767px) {
      .about_page .investors_container li {
        width: 25%; } }
    .about_page .investors_container li > div {
      display: table;
      width: 100%;
      height: 100%; }
      .about_page .investors_container li > div > figure {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 10px 20px; }
        @media only screen and (min-width: 1024px) {
          .about_page .investors_container li > div > figure {
            padding: 10px 50px; } }
        @media only screen and (min-width: 1200px) {
          .about_page .investors_container li > div > figure {
            padding: 10px 70px; } }

.about_page .team_container {
  background-color: #F7F5F5;
  padding: 70px 0; }
  @media only screen and (min-width: 767px) {
    .about_page .team_container {
      padding: 68px 0 98px 0; } }
  @media only screen and (min-width: 1024px) {
    .about_page .team_container {
      padding: 106px 0 98px 0; } }

.about_page .team-list {
  margin-left: -9px;
  margin-right: -9px; }
  .about_page .team-list .hs_cos_wrapper_widget {
    width: 50%;
    float: left;
    display: block; }
    .about_page .team-list .hs_cos_wrapper_widget > div {
      margin: 0 9px; }
      @media only screen and (min-width: 1024px) {
        .about_page .team-list .hs_cos_wrapper_widget > div {
          margin: 12px; } }
    .about_page .team-list .hs_cos_wrapper_widget figure {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/loader/patterns_64.gif);
      background-position: center;
      background-repeat: no-repeat;
      margin-bottom: 7px; }
    .about_page .team-list .hs_cos_wrapper_widget:nth-child(3n+0) figure {
      background-color: #B5E4EB; }
    .about_page .team-list .hs_cos_wrapper_widget:nth-child(3n+1) figure {
      background-color: #FBE8AA; }
    .about_page .team-list .hs_cos_wrapper_widget:nth-child(3n+2) figure {
      background-color: #FF6F72; }
    .about_page .team-list .hs_cos_wrapper_widget img {
      width: 100%;
      background-color: transparent;
      display: block; }
    .about_page .team-list .hs_cos_wrapper_widget a:hover .name {
      color: #FF6F72; }
    .about_page .team-list .hs_cos_wrapper_widget a .name {
      text-decoration: underline; }
    .about_page .team-list .hs_cos_wrapper_widget p {
      min-height: 56px; }
    .about_page .team-list .hs_cos_wrapper_widget .name {
      font-family: "Graphik-Medium", sans-serif;
      display: block;
      font-size: 16.63px;
      font-size: 1.03937rem; }
      @media only screen and (min-width: 767px) {
        .about_page .team-list .hs_cos_wrapper_widget .name {
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 130%; } }
      @media only screen and (min-width: 1024px) {
        .about_page .team-list .hs_cos_wrapper_widget .name {
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 130%; } }
    @media only screen and (min-width: 767px) {
      .about_page .team-list .hs_cos_wrapper_widget {
        width: 33.33%; } }
    @media only screen and (min-width: 1024px) {
      .about_page .team-list .hs_cos_wrapper_widget {
        width: 25%; } }

.join-team {
  background-color: #292C31;
  position: relative;
  overflow: visible; }
  .join-team > div {
    overflow: hidden; }
  .join-team .cta_container {
    padding-top: 30px; }
  .join-team:before, .careers-gallery:before, .join-team:after, .careers-gallery:after {
    display: block;
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0; }
  .join-team:after, .careers-gallery:after {
    background-color: #F7F5F5;
    width: 17px;
    height: 17px; }
    @media only screen and (min-width: 767px) {
      .join-team:after, .careers-gallery:after {
        top: 0;
        left: 0; } }
    @media only screen and (min-width: 1024px) {
      .join-team:after, .careers-gallery:after {
        width: 30px;
        height: 30px; } }
  .join-team:before, .careers-gallery:before {
    bottom: -32px;
    z-index: 1;
    background-color: #292C31; }
    @media only screen and (min-width: 767px) {
      .join-team:before, .careers-gallery:before {
        top: -32px; } }
    @media only screen and (min-width: 1024px) {
      .join-team:before, .careers-gallery:before {
        width: 60px;
        height: 60px;
        top: -60px; } }
.careers-gallery:before {
  background-color: #FBE8AA; }
.careers-gallery:after {
  background-color: #FFFFFF; }
.gr-about-subtitle {
  font-family: "Graphik-Medium", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 120%;
  margin-bottom: 12px; }
  @media only screen and (min-width: 767px) {
    .gr-about-subtitle {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 14px; } }
  @media only screen and (min-width: 1024px) {
    .gr-about-subtitle {
      font-size: 40px;
      font-size: 2.5rem;
      margin-bottom: 20px; } }
  .gr-about-subtitle strong {
    color: #FF6F72; }

.gr-about-copy p {
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 130%; }
  .gr-about-copy p:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 767px) {
    .gr-about-copy p {
      font-size: 18.6px;
      font-size: 1.1625rem; } }
  @media only screen and (min-width: 1024px) {
    .gr-about-copy p {
      font-size: 24px;
      font-size: 1.5rem; } }

.gr-about-copy--smaller p {
  font-size: 16px;
  font-size: 1rem; }
  @media only screen and (min-width: 767px) {
    .gr-about-copy--smaller p {
      font-size: 18.6px;
      font-size: 1.1625rem; } }
  @media only screen and (min-width: 1024px) {
    .gr-about-copy--smaller p {
      font-size: 24px;
      font-size: 1.5rem; } }

.gr-about-header {
  overflow: visible;
  padding-top: 50px; }
  .gr-about-header .copy {
    max-width: 420px; }
    @media only screen and (min-width: 1024px) {
      .gr-about-header .copy {
        max-width: 700px; } }
    .gr-about-header .copy p {
      max-width: 600px;
      font-size: 16px;
      font-size: 1rem;
      line-height: 135%; }
      @media only screen and (min-width: 1024px) {
        .gr-about-header .copy p {
          font-size: 24px;
          font-size: 1.5rem; } }
  .gr-about-header figure img {
    padding-top: 60px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block; }
    @media only screen and (min-width: 767px) {
      .gr-about-header figure img {
        width: auto;
        padding-top: 0; } }

.about-illustration-center img {
  display: block;
  width: 139px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 767px) {
    .about-illustration-center img {
      width: auto; } }

.cubes-2 {
  position: absolute;
  bottom: 0;
  left: 0; }
  .cubes-2 span {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 top;
            transform-origin: 0 top;
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 48px;
    height: 48px;
    background-color: #FBE8AA; }
    @media only screen and (min-width: 767px) {
      .cubes-2 span {
        -webkit-transform: scale(1);
                transform: scale(1); } }
    .cubes-2 span:before {
      position: relative;
      content: "";
      width: 24px;
      height: 24px;
      display: block;
      top: 0;
      left: 150%;
      background-color: #FBE8AA; }
    .cubes-2 span:after {
      position: relative;
      content: "";
      width: 24px;
      height: 24px;
      display: block;
      top: 0%;
      left: 100%;
      background-color: #FBE8AA; }

.cubes-3 {
  position: absolute;
  top: 0;
  right: 0; }
  .cubes-3 span {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: right top;
            transform-origin: right top;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #fff; }
    @media only screen and (min-width: 767px) {
      .cubes-3 span {
        -webkit-transform: scale(1);
                transform: scale(1); } }
    .cubes-3 span:before {
      position: relative;
      content: "";
      width: 60px;
      height: 60px;
      display: block;
      top: -100%;
      right: 0;
      border-radius: 50%;
      background-color: #f8f9fc; }
.benefits .cubes-3 span:before {
  background-color: #FBE8AA; }
.cubes-4 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3; }
  .cubes-4 span {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 top;
            transform-origin: 0 top;
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #B5E4EB; }
    @media only screen and (min-width: 767px) {
      .cubes-4 span {
        -webkit-transform: scale(1);
                transform: scale(1); } }
    .cubes-4 span:before {
      position: relative;
      content: "";
      width: 60px;
      height: 60px;
      display: block;
      top: -100%;
      left: 0;
      border-radius: 50%;
      background-color: #fff; }

.gr-team-container {
  padding: 70px 0; }
  @media only screen and (min-width: 767px) {
    .gr-team-container {
      padding: 68px 0 98px 0; } }
  @media only screen and (min-width: 1024px) {
    .gr-team-container {
      padding: 106px 0 98px 0; } }

.gr-about-timeline {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 60px; }
  .gr-about-timeline:before {
    content: "";
    display: block;
    top: -30px;
    right: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #B5E4EB; }
    @media only screen and (min-width: 767px) {
      .gr-about-timeline:before {
        top: -30px;
        width: 30px;
        height: 30px; } }
    @media only screen and (min-width: 1024px) {
      .gr-about-timeline:before {
        top: -60px;
        width: 60px;
        height: 60px; } }
  @media only screen and (min-width: 767px) {
    .gr-about-timeline {
      padding-bottom: 80px; } }
  @media only screen and (min-width: 1024px) {
    .gr-about-timeline {
      padding-top: 80px;
      padding-bottom: 100px; } }
  .gr-about-timeline .gr-about-subtitle {
    margin-bottom: 40px; }
    @media only screen and (min-width: 767px) {
      .gr-about-timeline .gr-about-subtitle {
        margin-bottom: 60px; } }
    @media only screen and (min-width: 767px) {
      .gr-about-timeline .gr-about-subtitle {
        margin-bottom: 80px; } }

.gr-about-timeline--list {
  max-width: 485px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px; }
  @media only screen and (min-width: 767px) {
    .gr-about-timeline--list {
      margin-bottom: 80px; } }
  @media only screen and (min-width: 1024px) {
    .gr-about-timeline--list {
      min-width: 590px;
      margin-bottom: 100px; } }
  .gr-about-timeline--list .date {
    float: left;
    width: 10%;
    font-family: "Graphik-Medium", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 150%; }
    @media only screen and (min-width: 767px) {
      .gr-about-timeline--list .date {
        width: 20%;
        font-size: 16px;
        font-size: 1rem; } }
    @media only screen and (min-width: 1024px) {
      .gr-about-timeline--list .date {
        font-size: 20px;
        font-size: 1.25rem; } }
  .gr-about-timeline--list .shape {
    position: absolute;
    z-index: 10;
    left: 0;
    top: -12px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    @media only screen and (min-width: 767px) {
      .gr-about-timeline--list .shape {
        -webkit-transform: scale(0.83);
                transform: scale(0.83); } }
    @media only screen and (min-width: 1024px) {
      .gr-about-timeline--list .shape {
        top: -8px;
        -webkit-transform: scale(1);
                transform: scale(1); } }
  .gr-about-timeline--list .event {
    position: relative;
    float: left;
    width: 90%; }
    @media only screen and (min-width: 767px) {
      .gr-about-timeline--list .event {
        width: 80%; } }
    .gr-about-timeline--list .event:after {
      position: absolute;
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      top: 0;
      left: 24px;
      bottom: 0;
      z-index: 1;
      background-color: #fff; }
    .gr-about-timeline--list .event .copy {
      padding-left: 50px;
      padding-bottom: 30px;
      line-height: 125%;
      font-size: 16px;
      font-size: 1rem; }
      @media only screen and (min-width: 767px) {
        .gr-about-timeline--list .event .copy {
          font-size: 18px;
          font-size: 1.125rem;
          padding-left: 80px;
          padding-bottom: 40px; } }
      @media only screen and (min-width: 1024px) {
        .gr-about-timeline--list .event .copy {
          font-size: 24px;
          font-size: 1.5rem;
          padding-bottom: 60px; } }
      .gr-about-timeline--list .event .copy .month {
        font-size: 14px;
        font-size: 0.875rem; }
        @media only screen and (min-width: 767px) {
          .gr-about-timeline--list .event .copy .month {
            font-size: 16px;
            font-size: 1rem; } }
        @media only screen and (min-width: 1024px) {
          .gr-about-timeline--list .event .copy .month {
            font-size: 18px;
            font-size: 1.125rem; } }
  .gr-about-timeline--list .hs_cos_wrapper_widget:nth-child(3n+1) .shape {
    width: 48px;
    height: 48px;
    background: #FF6F72; }
  .gr-about-timeline--list .hs_cos_wrapper_widget:nth-child(3n+2) .shape {
    width: 48px;
    height: 48px;
    background: #FF6F72;
    border-radius: 50px; }
  .gr-about-timeline--list .hs_cos_wrapper_widget:nth-child(3n+3) .shape {
    width: 48px;
    height: 48px;
    background: #FF6F72; }
    .gr-about-timeline--list .hs_cos_wrapper_widget:nth-child(3n+3) .shape:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      border-bottom: 16px solid #FF6F72;
      border-left: 16px solid #B5E4EB;
      border-right: 16px solid #B5E4EB;
      width: 48px;
      height: 0; }
    .gr-about-timeline--list .hs_cos_wrapper_widget:nth-child(3n+3) .shape:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      border-top: 16px solid #FF6F72;
      border-left: 16px solid #B5E4EB;
      border-right: 16px solid #B5E4EB;
      width: 48px;
      height: 0; }
  .gr-about-timeline--list .hs_cos_wrapper_widget:last-child .event:after {
    display: none; }
  .gr-about-timeline--list .gr-about-timeline--entry {
    clear: both;
    width: 100%; }

.gr-investors-container {
  overflow: visible;
  background-color: #fff;
  padding: 37px 0; }
  @media only screen and (min-width: 767px) {
    .gr-investors-container {
      padding: 37px 0 45px 0; } }
  @media only screen and (min-width: 1024px) {
    .gr-investors-container {
      padding: 71px 0 77px 0; } }
  .gr-investors-container img {
    background-color: transparent;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%; }
  .gr-investors-container ul {
    overflow: hidden;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px; 
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;}
    @media only screen and (min-width: 1024px) {
      .gr-investors-container ul {
        margin-left: -50px;
        margin-right: -50px; } }
    @media only screen and (min-width: 1200px) {
      .gr-investors-container ul {
        margin-left: -70px;
        margin-right: -70px; } }
  .gr-investors-container li {
    width: 50%;
    float: left;
    display: block; }
    @media only screen and (min-width: 700px) {
      .gr-investors-container li {
        width: 20%; } }
    .gr-investors-container li > div {
      display: table;
      width: 100%;
      height: 100%; }
      .gr-investors-container li > div > figure {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 10px 20px; }
        @media only screen and (min-width: 1024px) {
          .gr-investors-container li > div > figure {
            padding: 10px 50px; } }
        @media only screen and (min-width: 1200px) {
          .gr-investors-container li > div > figure {
            padding: 10px 70px; } }

.gr-about-newsletter {
  background-color: #292C31;
  position: relative;
  overflow: visible; }
  .gr-about-newsletter > div {
    overflow: hidden; }
  .gr-about-newsletter .cta_container {
    padding-top: 30px; }
  .gr-about-newsletter:before, .gr-about-newsletter:after {
    display: block;
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0; }
  .gr-about-newsletter:after {
    background-color: #F7F5F5;
    width: 17px;
    height: 17px; }
    @media only screen and (min-width: 767px) {
      .gr-about-newsletter:after {
        top: 0;
        left: 0; } }
    @media only screen and (min-width: 1024px) {
      .gr-about-newsletter:after {
        width: 30px;
        height: 30px; } }
  .gr-about-newsletter:before {
    bottom: -32px;
    left: auto;
    right: 0;
    z-index: 1;
    background-color: #292C31; }
    @media only screen and (min-width: 767px) {
      .gr-about-newsletter:before {
        top: -32px; } }
    @media only screen and (min-width: 1024px) {
      .gr-about-newsletter:before {
        width: 60px;
        height: 60px;
        top: -60px; } }

.newsroom_page {
  background-color: #f8f9fc; }
  .newsroom_page .gr-single-featured {
    margin-bottom: 12px;
    position: relative;
    z-index: 30; }
    .newsroom_page .gr-single-featured.news {
      overflow: hidden; }
      @media only screen and (min-width: 767px) {
        .newsroom_page .gr-single-featured.news .sameh {
          float: right;
          width: 50%; } }
      .newsroom_page .gr-single-featured.news > figure {
        height: 300px;
        max-height: 600px; }
        @media only screen and (min-width: 1024px) {
          .newsroom_page .gr-single-featured.news > figure {
            height: auto;
            width: 68% !important; } }
        .newsroom_page .gr-single-featured.news > figure a {
          display: block; }
        .newsroom_page .gr-single-featured.news > figure img {
          max-width: none;
          display: block;
          background-color: silver; }
      @media only screen and (min-width: 1024px) {
        .newsroom_page .gr-single-featured.news article {
          width: 32% !important;
          min-height: 350px; }
          .newsroom_page .gr-single-featured.news article h2 {
            font-family: "Graphik-Medium", sans-serif;
            font-size: 26px;
            font-size: 1.625rem; } }
      @media only screen and (min-width: 1200px) {
        .newsroom_page .gr-single-featured.news article h2 {
          font-size: 32px;
          font-size: 2rem; } }
    @media only screen and (min-width: 767px) {
      .newsroom_page .gr-single-featured.second-featured.news .sameh {
        float: left; } }

.in-the-news {
  margin-bottom: 20px; }

.gr-news-content article {
  position: relative;
  height: 280px;
  background-color: #fff; }
  @media only screen and (min-width: 1024px) {
    .gr-news-content article {
      height: 310px; } }
  .gr-news-content article .inner-caption {
    padding: 25px; }
  .gr-news-content article figure {
    margin-bottom: 18px; }
    @media only screen and (min-width: 1024px) {
      .gr-news-content article figure {
        margin-bottom: 36px; } }
    .gr-news-content article figure img {
      max-height: 40px;
      max-width: 80%;
      display: block; }
  .gr-news-content article h2 {
    transition: all 250ms ease-in-out; }
    @media only screen and (min-width: 1024px) {
      .gr-news-content article h2 {
        font-size: 24px;
        font-size: 1.5rem; } }
  .gr-news-content article .read-article {
    color: rgba(16, 30, 36, 0.4);
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    font-size: 18.66px;
    font-size: 1.16625rem; }
    @media only screen and (min-width: 1024px) {
      .gr-news-content article .read-article {
        font-size: 20px;
        font-size: 1.25rem; } }
    .gr-news-content article .read-article:after {
      position: absolute;
      right: 0;
      top: 0;
      color: rgba(16, 30, 36, 0.4);
      display: block; }

.gr-news-content a:hover .read-article {
  color: #FF6F72; }
  .gr-news-content a:hover .read-article:after {
    color: #FF6F72; }

.gr-news-list-container .cta_container {
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 767px) {
    .gr-news-list-container .cta_container {
      max-width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .gr-news-list-container .cta_container {
      max-width: 33.33%; } }
  .gr-news-list-container .cta_container > div {
    margin: 9px; }

.gr-news-list {
  overflow: hidden;
  transition: max-height .7s ease-in;
  max-height: 1185px; }
  @media only screen and (min-width: 1024px) {
    .gr-news-list {
      max-height: 1330px; } }
  .gr-news-list.show-all {
    max-height: none;
    max-height: 99999999999em; }
  @media only screen and (min-width: 767px) {
    .gr-news-list {
      margin-left: -9px;
      margin-right: -9px; } }
  @media only screen and (min-width: 1024px) {
    .gr-news-list {
      margin-left: -12px;
      margin-right: -12px; } }
  .gr-news-list li {
    display: block; }
    @media only screen and (min-width: 767px) {
      .gr-news-list li {
        width: 50%;
        float: left; } }
    @media only screen and (min-width: 1024px) {
      .gr-news-list li {
        width: 33.33%; } }
  .gr-news-list article {
    margin-bottom: 26px;
    background-color: #fff; }
    @media only screen and (min-width: 767px) {
      .gr-news-list article {
        margin: 9px; } }
    @media only screen and (min-width: 1024px) {
      .gr-news-list article {
        margin: 12px; } }

.gr-newsroom-header {
  padding-top: 80px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.75); }
  .gr-newsroom-header article {
    max-width: 421px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .gr-newsroom-header article {
        max-width: none;
        text-align: left; } }
  @media only screen and (min-width: 767px) {
    .gr-newsroom-header {
      padding-top: 120px;
      padding-bottom: 80px; } }
  @media only screen and (min-width: 1024px) {
    .gr-newsroom-header {
      padding-top: 125px; } }
  .gr-newsroom-header h1 {
    margin-bottom: 30px; }
    @media only screen and (min-width: 1024px) {
      .gr-newsroom-header h1 {
        margin-bottom: 40px; } }
  .gr-newsroom-header p a {
    font-family: "Graphik-Medium", sans-serif; }
  .gr-newsroom-header .copy {
    margin-bottom: 40px; }
    @media only screen and (min-width: 767px) {
      .gr-newsroom-header .copy {
        margin-bottom: 60px; } }
    @media only screen and (min-width: 1024px) {
      .gr-newsroom-header .copy {
        margin-bottom: 0; } }

.gr-newsroom-twitter {
  padding-top: 80px;
  padding-bottom: 120px; }
  @media only screen and (min-width: 767px) {
    .gr-newsroom-twitter {
      padding-top: 120px; } }
  @media only screen and (min-width: 1024px) {
    .gr-newsroom-twitter {
      padding-top: 125px; } }
  .gr-newsroom-twitter .copy {
    padding-top: 10px;
    max-width: none; }
  .gr-newsroom-twitter .align-right {
    float: right; }
  @media only screen and (min-width: 1024px) {
    .gr-newsroom-twitter .tweet-feed {
      margin-left: 10px; } }

.bio_page:before {
  width: 100%;
  position: absolute;
  content: "";
  display: block;
  background-color: #fff;
  top: 0;
  height: 220px; }
  @media only screen and (min-width: 767px) {
    .bio_page:before {
      height: 260px; } }
  @media only screen and (min-width: 1024px) {
    .bio_page:before {
      height: 301px; } }

.bio_page .bgcolor {
  background-color: #F7F5F5; }

.bio_page .hero {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  overflow: hidden; }
  @media only screen and (min-width: 767px) {
    .bio_page .hero {
      text-align: left;
      margin-bottom: 60px; } }
  @media only screen and (min-width: 1024px) {
    .bio_page .hero {
      margin-bottom: 70px; } }
  .bio_page .hero h1 {
    text-transform: uppercase;
    position: relative;
    z-index: 20;
    line-height: 110%; }
    @media only screen and (min-width: 767px) {
      .bio_page .hero h1 {
        word-spacing: 200px; } }
  .bio_page .hero figure {
    position: relative; }
    @media only screen and (min-width: 767px) {
      .bio_page .hero figure {
        float: right;
        width: 60%; } }
    .bio_page .hero figure:before {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/bio_hero.svg);
      background-repeat: no-repeat;
      background-size: 100%; }
      .no-svg .bio_page .hero figure:before {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/bio_hero.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .bio_page .hero figure:before {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/graph/bio_hero@2x.png); } }
      @media only screen and (min-width: 767px) {
        .bio_page .hero figure:before {
          width: 216px;
          height: 216px; } }
      @media only screen and (min-width: 1024px) {
        .bio_page .hero figure:before {
          width: 216px;
          height: 216px; } }
      @media only screen and (min-width: 1200px) {
        .bio_page .hero figure:before {
          width: 385px;
          height: 384px; } }
    .bio_page .hero figure:before {
      display: none;
      background-size: 100%;
      background-repeat: no-repeat;
      top: 36px;
      right: calc(100% - 36px); }
      @media only screen and (min-width: 767px) {
        .bio_page .hero figure:before {
          display: block; } }
      @media only screen and (min-width: 1200px) {
        .bio_page .hero figure:before {
          top: 64px;
          right: calc(100% - 64px); } }

.bio_page .container_meta {
  position: relative; }

.bio_page .meta {
  clear: both;
  overflow: hidden;
  text-align: center; }
  .bio_page .meta p {
    margin-bottom: 1em; }
  .bio_page .meta .container .name strong, .bio_page .meta .container .details strong {
    display: block;
    color: #292C31;
    font-weight: normal; }
  .bio_page .meta .container .name p, .bio_page .meta .container .details p {
    line-height: 130%; }
  @media only screen and (min-width: 767px) {
    .bio_page .meta .container .name, .bio_page .meta .container .details {
      text-align: left;
      width: 300px;
      float: left; } }
  @media only screen and (min-width: 1024px) {
    .bio_page .meta .container .name, .bio_page .meta .container .details {
      width: 50%;
      float: none;
      font-size: 18px;
      font-size: 1.125rem;
      max-width: 235px;
      margin-bottom: 20px;
      padding: 0 !important;
      width: 100%; } }
  .bio_page .meta .container .name:after, .bio_page .meta .container .details:after {
    padding-top: 12px;
    width: 123px;
    margin-left: auto;
    margin-right: auto;
    content: "";
    display: block;
    border-bottom: 2.5px dotted rgba(16, 30, 36, 0.25);
    height: 1px; }
    @media only screen and (min-width: 767px) {
      .bio_page .meta .container .name:after, .bio_page .meta .container .details:after {
        margin-left: 0; } }
  .bio_page .meta .container .name:after {
    display: none; }
    @media only screen and (min-width: 767px) {
      .bio_page .meta .container .name:after {
        display: block; } }
    @media only screen and (min-width: 1024px) {
      .bio_page .meta .container .name:after {
        display: none; } }
  @media only screen and (min-width: 767px) {
    .bio_page .meta .container {
      position: relative;
      width: 100%;
      padding: 0 !important; } }
  @media only screen and (min-width: 1024px) {
    .bio_page .meta {
      position: absolute;
      z-index: 10; } }

.bio_page .content {
  font-size: 18px;
  line-height: 130%;
  padding-bottom: 60px; }
  @media only screen and (min-width: 1024px) {
    .bio_page .content {
      position: relative;
      font-size: 24px;
      font-size: 1.5rem; } }
  .bio_page .content p {
    margin-bottom: 1em; }
    .bio_page .content p:first-child {
      -webkit-font-feature-settings: "ss01";
              font-feature-settings: "ss01"; }
      .bio_page .content p:first-child::first-letter {
        font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
        display: block;
        font-size: 2.8em;
        line-height: 1em;
        margin: -5px 5px 0 0;
        float: left;
        color: #292C31; }
  @media only screen and (min-width: 767px) {
    .bio_page .content {
      padding-left: 0;
      max-width: 80%; } }
  @media only screen and (min-width: 1024px) {
    .bio_page .content {
      padding-left: 40%;
      max-width: 100%; } }
  .bio_page .content blockquote {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 120%;
    padding-top: 25px;
    margin-bottom: 30px; }
    .bio_page .content blockquote:before {
      content: "";
      display: block;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/quote.svg);
      background-repeat: no-repeat;
      width: 56px;
      height: 15px;
      margin-bottom: 10px; }
      .no-svg .bio_page .content blockquote:before {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/quote.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .bio_page .content blockquote:before {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/quote@2x.png); } }
    @media only screen and (min-width: 767px) {
      .bio_page .content blockquote {
        margin-right: auto;
        margin-left: auto;
        max-width: 60%; } }
    @media only screen and (min-width: 1024px) {
      .bio_page .content blockquote {
        float: left;
        margin-left: 20%;
        max-width: 400px;
        font-size: 32px;
        font-size: 2rem; } }
  .bio_page .content figure.image {
    padding-top: 25px; }
    .bio_page .content figure.image .caption {
      padding: 20px; }
      .bio_page .content figure.image .caption p {
        color: #292C31;
        margin-bottom: 1em; }
        .bio_page .content figure.image .caption p.credits {
          color: rgba(16, 30, 36, 0.4);
          margin-bottom: 0;
          font-size: 80%; }
    @media only screen and (min-width: 767px) {
      .bio_page .content figure.image {
        padding-left: 25%;
        position: relative; }
        .bio_page .content figure.image .caption {
          width: 25%;
          position: absolute;
          top: 25px;
          left: 0; } }
    @media only screen and (min-width: 1024px) {
      .bio_page .content figure.image {
        max-width: 80%; }
        .bio_page .content figure.image .caption {
          width: 31%; } }

.bio_page .readnext {
  padding-top: 0; }
  .bio_page .readnext .articles-next {
    padding-bottom: 100px;
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .bio_page .readnext .articles-next {
        padding-bottom: 0;
        padding-left: 40%; } }
    .bio_page .readnext .articles-next article {
      margin-bottom: 20px; }

.singlejob_page {
  background-color: #f8f9fc; }
  .singlejob_page .bgcolor {
    background-color: #f8f9fc;
    position: relative;
    margin-bottom: 100px;
    padding-top: 90px; }
    .singlejob_page .container{
       padding: 0 15px; }
    @media only screen and (min-width: 767px) {
      .singlejob_page .bgcolor {
        padding-top: 140px; } 
      .singlejob_page .container{
      padding: 0 64px; }}
    @media only screen and (min-width: 1024px) {
      .singlejob_page .bgcolor {
        padding-top: 145px; }
			.singlejob_page .container{
     		 padding: 0 30px; }}
  .singlejob_page .job-title {
    font-family: "Graphik-Medium", sans-serif;
    text-transform: none;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 8px;
    color: #101E24; }
    @media only screen and (min-width: 767px) {
      .singlejob_page .job-title {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 10px; } }
    @media only screen and (min-width: 1024px) {
      .singlejob_page .job-title {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 17px; } }
  .singlejob_page .job-location {
    font-family: "Graphik-Regular", sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    color: rgba(16, 30, 36, 0.4); }
  .singlejob_page .job-hero {
    position: relative;
    margin-bottom: 40px; }
    @media only screen and (min-width: 767px) {
      .singlejob_page .job-hero {
        margin-bottom: 40px; } }
    @media only screen and (min-width: 1024px) {
      .singlejob_page .job-hero {
        margin-bottom: 40px; } }
    @media only screen and (min-width: 767px) {
      .singlejob_page .job-hero .cta_container {
        padding-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 300px; } }
  .singlejob_page .content {
    font-family: "Graphik-Regular", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    color: #292C31;
    line-height: 140%;
    margin-bottom: 40px; }
    .singlejob_page .content ul, .singlejob_page .skills ul {
      margin-left: 21px; }
    .singlejob_page .content a {
      text-decoration: underline; }
    .singlejob_page .content strong {
      font-family: "Graphik-Medium", sans-serif; }
  @media only screen and (min-width: 1024px) {
    .singlejob_page .content-70 {
      float: left;
      width: 62.5%;
      margin-right: 12.5%; } }
  .singlejob_page .side-content {
    font-family: "Graphik-Regular", sans-serif;
    line-height: 140%;
    font-size: 14px;
    font-size: 0.875rem; }
	.singlejob_page .skills {
        display: none; }
    @media only screen and (min-width: 767px) {
      .singlejob_page .side-content {
        font-size: 16px;
        font-size: 1rem; }}
		@media only screen and (min-width: 1024px) {
      .singlejob_page .skills {
        display: block; }}
      .singlejob_page .side-content strong {
      font-family: "Graphik-Medium", sans-serif;
      font-size: 110%; }
    .singlejob_page .side-content .skills p {
      margin-bottom: 30px; }
    .singlejob_page .side-content .job-related li {
      display: block;
      position: relative;
      padding-top: 7px;
      padding-bottom: 7px; }
      .singlejob_page .side-content .job-related li:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #D9D9D9;
        opacity: 0.75; }
  @media only screen and (min-width: 767px) {
    .singlejob_page .content-30 {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .singlejob_page .content-30 {
      width: 25%;
      float: left; } }

.contact_page .bgcolor {
  background-color: #B5E4EB;
  position: relative;
  position: relative; }
  .contact_page .bgcolor:before {
    width: 100%;
    height: 52px;
    position: absolute;
    content: "";
    display: block;
    background-color: #fff;
    bottom: 0; }
  .contact_page .bgcolor:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/contact/contact2.svg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .no-svg .contact_page .bgcolor:after {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/contact/contact2.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .contact_page .bgcolor:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/contact/contact2@2x.png); } }
    @media only screen and (min-width: 767px) {
      .contact_page .bgcolor:after {
        width: 96px;
        height: 32px; } }
    @media only screen and (min-width: 1024px) {
      .contact_page .bgcolor:after {
        width: 96px;
        height: 32px; } }
    @media only screen and (min-width: 1200px) {
      .contact_page .bgcolor:after {
        width: 192px;
        height: 64px; } }
  .contact_page .bgcolor:after {
    bottom: 52px;
    right: 0;
    z-index: 10; }

.contact_page .hero_text {
  position: relative;
  z-index: 10;
  margin-bottom: 0; }
  .contact_page .hero_text p {
    color: rgba(16, 30, 36, 0.4);
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }

.contact_page .other-enquiries {
  text-align: center;
  padding-top: 57px; }
  @media only screen and (min-width: 767px) {
    .contact_page .other-enquiries {
      padding-top: 100px; } }
  .contact_page .other-enquiries p {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em; }
    .contact_page .other-enquiries p:last-child {
      margin-bottom: 0; }
  .contact_page .other-enquiries strong {
    font-family: "Graphik-Medium", sans-serif; }

.contact_page .maps_container {
  width: 100%;
  padding: 98px 0; }
  @media only screen and (min-width: 767px) {
    .contact_page .maps_container {
      padding: 111px 0; } }
  @media only screen and (min-width: 1024px) {
    .contact_page .maps_container {
      padding: 142px 0; } }
  .contact_page .maps_container img {
    background-color: transparent; }
  .contact_page .maps_container a {
    color: #fff; }
    .contact_page .maps_container a:hover {
      color: #FF6F72; }
  .contact_page .maps_container .pin {
    display: none; }
  .contact_page .maps_container .map_area {
    height: 315px;
    background-color: #F7F5F5; }
    @media only screen and (min-width: 1024px) {
      .contact_page .maps_container .map_area {
        height: 590px; } }
  .contact_page .maps_container .half {
    margin-bottom: 30px; }
    @media only screen and (min-width: 767px) {
      .contact_page .maps_container .half {
        margin-bottom: 0;
        float: left;
        width: 50%; }
        .contact_page .maps_container .half > div {
          margin: 0 9px; } }
    @media only screen and (min-width: 1024px) {
      .contact_page .maps_container .half > div {
        margin: 0 12px; } }
  .contact_page .maps_container .caption-title {
    background: #292C31;
    color: #fff; }
    .contact_page .maps_container .caption-title h2 {
      color: #B7E4EC; }
    .contact_page .maps_container .caption-title > div {
      padding: 22px; }

@media only screen and (min-width: 767px) {
  .contact_page div#hs_form_target_contact_form form {
    max-width: 457px; } }

@media only screen and (min-width: 1024px) {
  .contact_page div#hs_form_target_contact_form form {
    min-width: 840px; } }

@media only screen and (min-width: 1024px) {
  .contact_page section.forms_container form .hs-error-msgs {
    position: absolute;
    bottom: 20px;
    left: 26px;
    z-index: 2;
    font-size: 80%; } }

@media only screen and (min-width: 1024px) {
  .contact_page section.forms_container form div.input, .contact_page section.forms_container form div.hs_submit {
    width: calc(50%);
    float: left; } }

@media only screen and (min-width: 1024px) {
  .contact_page section.forms_container form .hs-form-field {
    width: calc(50%);
    float: left; } }

@media only screen and (min-width: 1024px) {
  .contact_page section.forms_container form input[type="submit"] {
    margin-left: calc(100% + 50px); } }

.form-style-black form {
  position: relative;
  z-index: 20;
  background: #292C31;
  overflow: hidden;
  padding-top: 23px; }
  .form-style-black form label, .form-style-black form legend {
    color: #fff; }
.form-style-black form .hs-error-msgs label {
    color: #ff6f79;}
  .form-style-black form legend {
    font-size: 85%;
    line-height: 140%; }
  @media only screen and (min-width: 767px) {
    .form-style-black form {
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .form-style-black form {
      padding-top: 27px;
      padding-right: 24px;
      font-size: 18px;
      font-size: 1.25rem; } }
  .form-style-black form a {
    color: #fff;
    text-decoration: underline; }
    .form-style-black form a:hover {
      text-decoration: none; }
  .form-style-black form .hs-error-msgs {
    color: #fff;
    font-size: 90%;
    margin-bottom: 20px; }
    .form-style-black form .hs-error-msgs li {
      display: block; }
  .form-style-black form .legal-consent-container {
    color: #fff;
    font-size: 70%;
    margin-bottom: 20px;
    line-height: 150%;
    padding: 0 25px; }
    @media only screen and (min-width: 1024px) {
      .form-style-black form .legal-consent-container {
        padding-right: 0; } }
    .form-style-black form .legal-consent-container li {
      margin-left: 0;
      display: block; }
    .form-style-black form .legal-consent-container .hs-form-field {
      padding-left: 0;
      font-size: 120%; }
    .form-style-black form .legal-consent-container .hs-form-booleancheckbox-display p {
      display: inline !important; }
  .form-style-black form .hs-form-required {
    display: none; }
  .form-style-black form div.input, .form-style-black form div.hs_submit {
    position: relative;
    padding: 3px 5px 3px 0;
    background-color: #fff;
    margin-bottom: 18px; }
    @media only screen and (min-width: 1024px) {
      .form-style-black form div.input, .form-style-black form div.hs_submit {
        margin-bottom: 15px;
        margin-right: 24px; } }
  @media only screen and (min-width: 1024px) {
    .form-style-black form div.hs_submit {
      margin-bottom: 0; } }
  .form-style-black form .hs-fieldtype-booleancheckbox div.input, .form-style-black form .hs-fieldtype-radio div.input {
    background-color: transparent; }
    .form-style-black form .hs-fieldtype-booleancheckbox div.input input, .form-style-black form .hs-fieldtype-radio div.input input {
      margin-right: 10px; }
  .form-style-black form .hs-form-field {
    padding: 0 17px; }
    .form-style-black form .hs-form-field:last-of-type {
      width: 100% !important; }
    @media only screen and (min-width: 1024px) {
      .form-style-black form .hs-form-field {
        padding: 0 26px;
        padding-right: 0; }
        .form-style-black form .hs-form-field div.input {
          width: 100%; }
        .form-style-black form .hs-form-field:last-child {
          width: 100% !important; } }
    .form-style-black form .hs-form-field.hs_message {
      width: 100% !important; }
  .form-style-black form input[type="text"], .form-style-black form input[type="email"], .form-style-black form input[type="tel"], .form-style-black form select {
    position: relative;
    width: 100%;
    padding-left: 2%;
    border-left: 3px solid #fff;
    outline: none;
    padding-top: 5px;
    padding-bottom: 5px; }
    .form-style-black form input[type="text"]:focus, .form-style-black form input[type="email"]:focus, .form-style-black form input[type="tel"]:focus {
      border-left: 3px solid #FF6F72 !important; }
    @media only screen and (min-width: 1024px) {
      .form-style-black form input[type="text"], .form-style-black form input[type="email"], .form-style-black form input[type="tel"] {
        padding-top: 7px;
        padding-bottom: 7px; }}
      .form-style-black div.hs-fieldtype-checkbox > div.input {
  background: transparent;}
.form-style-black div.hs-fieldtype-checkbox > div.input > ul > li.hs-form-checkbox > label {
  display: block;
  margin: .75rem 0;}
.form-style-black div.hs-fieldtype-checkbox > div.input > ul > li.hs-form-checkbox > label > input, .full-width-form .form-style-black label.hs-form-booleancheckbox-display > input {
  min-height: 0;}
.form-style-black div.hs-fieldtype-checkbox > div.input > ul > li.hs-form-checkbox > label > span, .full-width-form .form-style-black label.hs-form-booleancheckbox-display > span {
  margin-left: 1rem;
  vertical-align: unset;}
@media only screen and (min-width: 1024px) {
  .form-style-black div.hs-fieldtype-checkbox > div.input > ul > li.hs-form-checkbox > label > span, .full-width-form .form-style-black label.hs-form-booleancheckbox-display > span {
    vertical-align: middle;}}
  .form-style-black form textarea {
    border-left: 3px solid #fff;
    width: 100%;
    background: #fff;
    outline: none;
    min-height: 110px;
    padding-left: 2%; }
    .form-style-black form textarea:focus {
      border-left: 3px solid #FF6F72 !important; }
    @media only screen and (min-width: 1024px) {
      .form-style-black form textarea {
        padding-left: 1%; } }
  .form-style-black form div.hs_submit {
    background: #292C31;
    padding: 0 17px;
    padding-bottom: 23px; }
  .form-style-black form input[type="submit"] {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: left;
    width: 100%;
    outline: 0;
    cursor: pointer; }
    .form-style-black form input[type="submit"]:hover {
      color: #292C31;
      background-color: #FFF; }

.form-style-black .submitted-message {
  position: relative;
  text-align: center;
  color: rgba(16, 30, 36, 0.4);
  padding-top: 160px;
  padding-bottom: 140px; }
  .form-style-black .submitted-message:before {
    content: "Thank you!";
    display: block;
    color: #292C31;
    margin-bottom: 8px; }
  .form-style-black .submitted-message:after {
    content: "";
    width: 77px;
    height: 76px;
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: -36px;
    background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/done.svg); }
    .no-svg .form-style-black .submitted-message:after {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/done.png); }
      @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .form-style-black .submitted-message:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/icons/done@2x.png); } }
    @media only screen and (max-height: 630px) {
      .form-style-black .submitted-message:after {
        display: none; } }
  @media only screen and (max-height: 630px) {
    .form-style-black .submitted-message {
      padding-top: 30px; } }

.generic_page .bgcolor {
  background-color: #fff; }

.generic_page .hero_text.plain {
  text-align: left; }
.generic_page .hero_container {
  padding-top: 30px; }
  @media only screen and (min-width: 1024px) {
    .generic_page .hero_container h1 {
      max-width: 65%; } }

.generic_page .content_container {
  background-color: #F7F5F5; }
  .generic_page .content_container .content {
    max-width: 689px; }
    .generic_page .content_container .content p {
      margin-bottom: 1em; }
    .generic_page .content_container .content h3 {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 140%; }
      @media only screen and (min-width: 767px) {
        .generic_page .content_container .content h3 {
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 140%; } }
      @media only screen and (min-width: 1024px) {
        .generic_page .content_container .content h3 {
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 140%; } }
    .generic_page .content_container .content h2, .generic_page .content_container .content h3, .generic_page .content_container .content h4, .generic_page .content_container .content strong {
      margin-bottom: 1em;
      font-family: "Graphik-Medium", sans-serif; }
    .generic_page .content_container .content .spacer, .generic_page .content_container .content .blogpost_page .hero, .blogpost_page .generic_page .content_container .content .hero, .generic_page .content_container .content .blogpost_page .meta, .blogpost_page .generic_page .content_container .content .meta, .generic_page .content_container .content .blogpost_page .intro, .blogpost_page .generic_page .content_container .content .intro, .generic_page .content_container .blogpost_page .content figure.image, .blogpost_page .generic_page .content_container .content figure.image, .generic_page .content_container .content .bio_page .meta, .bio_page .generic_page .content_container .content .meta, .generic_page .content_container .bio_page .content figure.image, .bio_page .generic_page .content_container .content figure.image {
      margin-bottom: 2em; }
    .generic_page .content_container .content.content-splitted-left {
      margin-bottom: 70px; }
      @media only screen and (min-width: 1024px) {
        .generic_page .content_container .content.content-splitted-left {
          float: left;
          width: 50%; } }
      .generic_page .content_container .content.content-splitted-left ul {
        margin-left: 30px; }
      .generic_page .content_container .content.content-splitted-left a {
        text-decoration: underline; }
        .generic_page .content_container .content.content-splitted-left a:hover {
          text-decoration: none;
          color: #FF6F72; }
    @media only screen and (min-width: 1024px) {
      .generic_page .content_container .content.content-splitted-right {
        float: left;
        width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .generic_page .content_container .content.content-splitted-right .hs_cos_wrapper_type_form {
        float: right;
        width: 390px; } }
    .generic_page .content_container .content.content-splitted-right .form-title {
      margin-bottom: 0; }
    @media only screen and (min-width: 1024px) {
      .generic_page .content_container .content.content-splitted-right form {
        float: right;
        font-size: 18px;
        font-size: 1.125rem;
        min-width: 390px; } }
    .generic_page .content_container .content.content-splitted-right form div.hs_submit {
      width: 100%;
      padding-bottom: 0; }
      @media only screen and (min-width: 1024px) {
        .generic_page .content_container .content.content-splitted-right form div.hs_submit {
          padding-left: 26px;
          padding-right: 0;
          padding-bottom: 23px; } }

.error404_page {
  height: 100%; }
  .error404_page .bgcolor {
    position: relative; }
    @media only screen and (min-width: 767px) {
      .error404_page .bgcolor {
        min-height: 700px; } }
    .error404_page .bgcolor .shapes {
      position: relative;
      position: relative; }
      .error404_page .bgcolor .shapes:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic1.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
        .no-svg .error404_page .bgcolor .shapes:before {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic1.png); }
          @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
            .no-svg .error404_page .bgcolor .shapes:before {
              background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic1@2x.png); } }
        @media only screen and (min-width: 767px) {
          .error404_page .bgcolor .shapes:before {
            width: 128px;
            height: 192px; } }
        @media only screen and (min-width: 1024px) {
          .error404_page .bgcolor .shapes:before {
            width: 256px;
            height: 384px; } }
        @media only screen and (min-width: 1200px) {
          .error404_page .bgcolor .shapes:before {
            width: 256px;
            height: 384px; } }
      .error404_page .bgcolor .shapes:before {
        top: 0;
        left: 0;
        z-index: 10; }
      .error404_page .bgcolor .shapes:after {
        content: "";
        display: block;
        position: absolute;
        width: 0px;
        height: 0px;
        background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic2.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
        .no-svg .error404_page .bgcolor .shapes:after {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic2.png); }
          @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
            .no-svg .error404_page .bgcolor .shapes:after {
              background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic2@2x.png); } }
        @media only screen and (min-width: 767px) {
          .error404_page .bgcolor .shapes:after {
            width: 32px;
            height: 69px; } }
        @media only screen and (min-width: 1024px) {
          .error404_page .bgcolor .shapes:after {
            width: 64px;
            height: 138px; } }
        @media only screen and (min-width: 1200px) {
          .error404_page .bgcolor .shapes:after {
            width: 64px;
            height: 138px; } }
      .error404_page .bgcolor .shapes:after {
        bottom: 300px;
        right: 0; }
    .error404_page .bgcolor:after {
      content: "";
      display: block;
      position: absolute;
      width: 0px;
      height: 0px;
      background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic3.svg);
      background-repeat: no-repeat;
      background-size: 100%; }
      .no-svg .error404_page .bgcolor:after {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic3.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg .error404_page .bgcolor:after {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/shapes/generic/generic3@2x.png); } }
      @media only screen and (min-width: 767px) {
        .error404_page .bgcolor:after {
          width: 192px;
          height: 96px; } }
      @media only screen and (min-width: 1024px) {
        .error404_page .bgcolor:after {
          width: 384px;
          height: 192px; } }
      @media only screen and (min-width: 1200px) {
        .error404_page .bgcolor:after {
          width: 384px;
          height: 192px; } }
    .error404_page .bgcolor:after {
      bottom: 0;
      right: 0; }
  @media only screen and (min-width: 1024px) {
    .error404_page .hero_text h2 {
      font-size: 32px;
      font-size: 2rem;
      line-height: 140%; } }
  .error404_page .hero_text p {
    color: rgba(16, 30, 36, 0.4); }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center; }

.hs-tools-menu.hs-collapsed img.hs-sprocket {
  background-color: #292C31; }

.hs-inline-edit .fadein img {
  opacity: 1; }

/* ==========================================================================
	 Author's custom styles
	 ========================================================================== */
#page {
  padding: 0;
  margin: 0 auto;
  min-height: 100%;
  font-family: "Graphik-Regular", sans-serif;
  font-weight: normal;
  color: #292C31;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: -0.11px;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 140%; }
  @media only screen and (min-width: 767px) {
    #page {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media only screen and (min-width: 1024px) {
    #page {
      font-size: 18px;
      font-size: 1.125rem; } }

h1, h2, h3, h4, .title {
  font-family: "Graphik-Medium", sans-serif;
  line-height: 100%;
  font-weight: normal;
  margin: 0;
  letter-spacing: -0.75px; }

h1 {
  font-family: "Caslons Egyptian Pentagram Reg", sans-serif;
  text-transform: uppercase;
}
h1:not(.hero-heading) {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 110%; }
  @media only screen and (min-width: 767px) {
    h1:not(.hero-heading) {
      font-size: 40px;
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1024px) {
    h1:not(.hero-heading) {
      font-size: 46px;
      font-size: 2.875rem; } }

a {
  text-decoration: none;
  outline: 0;
  color: #292C31; }
  a.underline {
    text-decoration: underline; }

hr {
  border: 0;
  border-top: 1px solid #F9F8F8; }

p {
  margin: 0; }

img {
  height: auto;
  max-width: 100%;
  background-color: #FAF8F9; }

sup {
  position: relative;
  top: -0.25em;
  font-size: 70%; }
sub {
    font-size: 80%;
    line-height: 0;
}

strong {
  font-weight: normal; }

article {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

section {
  margin-left: auto;
  margin-right: auto;
  clear: both;
  overflow: hidden; }

header.main {
  left: 0;
  right: 0;
  top: 0;
  z-index: 500;
  width: 100%;
  will-change: transform;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  position: fixed;
  background-color: #292C31;
  transition: background-color 100ms linear, -webkit-transform 200ms linear;
  transition: transform 200ms linear, background-color 100ms linear;
  transition: transform 200ms linear, background-color 100ms linear, -webkit-transform 200ms linear;
  height: 55px; }
  @media only screen and (min-width: 1200px) {
    header.main {
      height: 79px; } }
  @media only screen and (min-width: 1200px) {
    header.main {
      background-color: transparent; }}
	@media only screen and (max-width: 767px) {
    header.main > .container {
    	padding: 0 15px;}}
  header.main.headroom--pinned {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  header.main.headroom--top {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
    @media only screen and (min-width: 1200px) {
      header.main.headroom--top {
        background-color: transparent; } }
  @media only screen and (min-width: 1200px) {
    header.main.headroom--not-top {
      background-color: #faf8f9; } }
  header.main.headroom--unpinned {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  header.main nav.main {
    display: none;
    color: #292C31;
    width: 100%;
    font-family: "Graphik-Medium", sans-serif; }
    header.main nav.main > div {
      float: right;
      padding-top: 17px; }
    header.main nav.main ul {
      float: left; }
    header.main nav.main li {
      float: left;
      margin-right: 17px;
      line-height: 49px; }
      @media only screen and (min-width: 1330px) {
        header.main nav.main li {
          margin-right: 24px; } }
      header.main nav.main li a {
        position: relative; }
        header.main nav.main li a:after {
          content: "...";
          font-size: 110%;
          font-family: impact;
          letter-spacing: 2px;
          opacity: 0;
          color: #FF6F72;
          position: absolute;
          top: -7px;
          left: 50%;
          margin-left: -4px; }
          @media only screen and (min-width: 1200px) {
            header.main nav.main li a:after {
              margin-left: -7px; } }
        header.main nav.main li a:hover:after {
          opacity: 1; }
      header.main nav.main li.active a:after {
        opacity: 1; }
    header.main nav.main .secondary {
      float: left; }
    header.main nav.main .social {
      display: none; }
    @media only screen and (min-width: 1200px) {
      header.main nav.main {
        display: block; } }
  header.main .menu-toggle {
    cursor: pointer;
    width: 70px;
    height: 50px;
    float: left;
    display: block;
    padding: 16px 10px 15px 0; }
    header.main .menu-toggle div {
      position: relative;
      margin-top: 9px;
      margin-bottom: 9px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      header.main .menu-toggle div, header.main .menu-toggle div::before, header.main .menu-toggle div::after {
        display: block;
        width: 29px;
        height: 3px;
        background-color: #fff;
        outline: 1px solid transparent;
        transition-property: background-color, -webkit-transform;
        transition-property: background-color, transform;
        transition-property: background-color, transform, -webkit-transform;
        transition-duration: 0.3s; }
      header.main .menu-toggle div::before, header.main .menu-toggle div::after {
        position: absolute;
        content: ""; }
      header.main .menu-toggle div::before {
        top: -9px; }
      header.main .menu-toggle div::after {
        top: 9px; }
      @media only screen and (min-width: 767px) {
        header.main .menu-toggle div {
          position: relative;
          margin-top: 9px;
          margin-bottom: 9px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          header.main .menu-toggle div, header.main .menu-toggle div::before, header.main .menu-toggle div::after {
            display: block;
            width: 29px;
            height: 3px;
            outline: 1px solid transparent;
            transition-property: background-color, -webkit-transform;
            transition-property: background-color, transform;
            transition-property: background-color, transform, -webkit-transform;
            transition-duration: 0.3s; }
          header.main .menu-toggle div::before, header.main .menu-toggle div::after {
            position: absolute;
            content: ""; }
          header.main .menu-toggle div::before {
            top: -9px; }
          header.main .menu-toggle div::after {
            top: 9px; } }
    header.main .menu-toggle.is-active div {
      background-color: transparent; }
    header.main .menu-toggle.is-active div::before, header.main .menu-toggle.is-active div::after {
      background-color: #fff; }
    header.main .menu-toggle.is-active div::before {
      -webkit-transform: translateY(9px) rotate(45deg);
      transform: translateY(9px) rotate(45deg); }
    header.main .menu-toggle.is-active div::after {
      -webkit-transform: translateY(-9px) rotate(-45deg);
      transform: translateY(-9px) rotate(-45deg); }
    @media only screen and (min-width: 767px) {
      header.main .menu-toggle {
        position: relative;
        margin-left: -44px; } }
    @media only screen and (min-width: 1200px) {
      header.main .menu-toggle {
        display: none; } }
  header.main .logo {
    margin-left: auto;
    width: 171px;
    margin-right: auto; }
    @media only screen and (min-width: 1200px) {
      header.main .logo {
        float: left; } }
    @media only screen and (min-width: 767px) {
      header.main .logo {
        width: 231px; } }
    @media only screen and (min-width: 1200px) {
      header.main .logo {
        width: 280px; } }
    header.main .logo a {
      display: block;
      padding: 16px 0; }
      @media only screen and (min-width: 767px) {
        header.main .logo a {
          padding: 0; } }
      @media only screen and (min-width: 1200px) {
        header.main .logo a {
          padding: 25px 10px;
          padding: 0; } }
    header.main .logo strong {
      background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_white_small.svg);
      background-repeat: no-repeat;
      width: 171px;
      height: 22px;
      display: block;
      position: relative;
      text-indent: -999em; }
      .no-svg header.main .logo strong {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_white_small.png); }
        @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
          .no-svg header.main .logo strong {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_white_small@2x.png); } }
      @media only screen and (min-width: 767px) {
        header.main .logo strong {
          background-position: center;
          width: 231px;
          height: 55px; } }
      @media only screen and (min-width: 1200px) {
        header.main .logo strong {
          background-image: url(https://cdn2.hubspot.net/hubfs/729091/assets/logo/Graphcore%20Wordmark%20%E2%80%93%20Brand%20Colour.svg);
          background-size: auto 90%;
          background-repeat: no-repeat;
          height: 79px;
          width: 280px; }
          .no-svg header.main .logo strong {
            background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_white_small.png); } }
    @media only screen and (min-width: 1200px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 1.5) {
      .no-svg header.main .logo strong {
        background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_white_small@2x.png); } }

.subscribe, .sidr-class-subscribe {
  text-align: center;
  color: #FF6F72;
  position: relative; }
  .subscribe a, .sidr-class-subscribe a {
    height: 45px;
    line-height: 45px;
    border: 2px solid #FF6F72;
    padding-right: 31px;
    padding-left: 15px;
    color: #FF6F72;
    display: block; }
    .subscribe a:hover, .sidr-class-subscribe a:hover {
      color: #F7F5F5;
      background-color: #FF6F72; }
      .subscribe a:hover:after, .sidr-class-subscribe a:hover:after {
        color: #F7F5F5; }
    .subscribe a:after, .sidr-class-subscribe a:after {
      color: #FF6F72;
      font-size: 100%;
      position: absolute;
      right: 7%;
      top: 50%;
      margin-top: -26px; }

.secondary-color-header .subscribe a {
  border-color: #fff;
  color: #fff; }
  .secondary-color-header .subscribe a:after {
    color: #fff; }
  .secondary-color-header .subscribe a:hover {
    color: #FF6F72;
    background-color: #F7F5F5; }
    .secondary-color-header .subscribe a:hover:after {
      color: #FF6F72; }

.secondary-color-header .headroom--pinned.headroom--not-top .subscribe a {
  border-color: #FF6F72;
  color: #FF6F72; }
  .secondary-color-header .headroom--pinned.headroom--not-top .subscribe a:after {
    color: #FF6F72; }
  .secondary-color-header .headroom--pinned.headroom--not-top .subscribe a:hover {
    color: #F7F5F5;
    background-color: #FF6F72; }
    .secondary-color-header .headroom--pinned.headroom--not-top .subscribe a:hover:after {
      color: #F7F5F5; }

.sidr {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 400;
  width: 100%;
  overflow-x: none;
  overflow-y: auto;
  background: #292C31;
  color: #fff;
  font-family: "Graphik-Regular", sans-serif; }
  @media only screen and (min-width: 767px) {
    .sidr {
      width: 360px; } }

.sidr-inner {
  transition: all 250ms ease;
  padding-top: 89px; }
  .sidr-inner ul {
    text-align: left;
    padding-left: 15px; }
  .sidr-inner li {
    display: block;
    position: relative;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 150%; }
    @media only screen and (min-width: 767px) {
      .sidr-inner li {
        font-size: 24px;
        font-size: 1.5rem; } }
    .sidr-inner li a {
      color: #fff;
      padding: 3px 10px;
      padding-left: 35px;
      display: block;
      position: relative; }
      .sidr-inner li a:before {
        font-family: "GCSymbols-Regular";
        content: '\E002';
        color: #FF6F72;
        position: absolute;
        display: none;
        left: 10px; }
        @media only screen and (min-width: 767px) {
          .sidr-inner li a:before {
            left: 10px; } }
      .sidr-inner li a:hover {
        color: #FF6F72; }
        .sidr-inner li a:hover:before {
          display: block; }
      @media only screen and (max-height: 400px) {
        .sidr-inner li a {
          padding-bottom: 0;
          padding-top: 0;
          font-size: 90%; } }
      @media only screen and (min-width: 767px) {
        .sidr-inner li a {
          padding-left: 40px; } }
    .sidr-inner li.sidr-class-active a {
      color: #FF6F72; }
      .sidr-inner li.sidr-class-active a:before {
        display: block; }
  .sidr-inner .sidr-class-social {
    color: rgba(255, 255, 255, 0.4);
    display: block; }
    .sidr-inner .sidr-class-social li a {
      padding-left: 0; }
      @media only screen and (min-width: 767px) {
        .sidr-inner .sidr-class-social li a {
          padding-left: 0; } }
      .sidr-inner .sidr-class-social li a:before {
        display: none; }
    .sidr-inner .sidr-class-social ul {
      margin-bottom: 20px; }
  .sidr-inner .sidr-class-secondary {
    position: absolute;
    bottom: 32px;
    right: 32px; }
    .sidr-inner .sidr-class-secondary a {
      color: rgba(255, 255, 255, 0.4); }
    @media only screen and (min-width: 375px) {
      .sidr-inner .sidr-class-secondary {
        right: auto;
        left: 32px; } }
    @media only screen and (min-width: 767px) {
      .sidr-inner .sidr-class-secondary {
        bottom: 34px;
        left: 40px; } }
    @media only screen and (max-height: 630px) {
      .sidr-inner .sidr-class-secondary {
        right: 20px;
        left: auto; } }
  .sidr-inner .sidr-class-subscribe {
    text-align: left;
    width: 250px;
    font-size: 22px;
    font-size: 1.375rem; }
    @media only screen and (min-width: 767px) {
      .sidr-inner .sidr-class-subscribe {
        width: 280px;
        font-size: 24px;
        font-size: 1.5rem; } }
    .sidr-inner .sidr-class-subscribe a {
      color: #FF6F72;
      line-height: 55px;
      height: 55px; }
      .sidr-inner .sidr-class-subscribe a:hover {
        color: #fff; }
      .sidr-inner .sidr-class-subscribe a:after {
        top: 22px; }

footer.main {
  text-align: center;
  position: relative;
  font-size: 16.62px;
  font-size: 1.03875rem;
  line-height: 155%; }
  @media only screen and (min-width: 767px) {
    footer.main {
      text-align: left; }
      footer.main .nav, footer.main .address1, footer.main .address2 {
        width: 33.33%;
        float: left; } }
  @media only screen and (min-width: 1024px) {
    footer.main {
      font-size: 18px;
      font-size: 1.125rem; }
      footer.main .nav, footer.main .address1, footer.main .address2 {
        width: auto;
        float: none; }
      footer.main .half {
        width: 50%;
        float: left; } }
  footer.main .inner-top {
    background-color: #fff;
    padding: 40px 0; }
    @media only screen and (min-width: 767px) {
      footer.main .inner-top {
        padding-top: 47px;
        padding-bottom: 54px; } }
    @media only screen and (min-width: 1024px) {
      footer.main .inner-top {
        padding-top: 66px;
        padding-bottom: 66px; } }
    footer.main .inner-top > div {
      overflow: hidden; }
    footer.main .inner-top li {
      list-style-type: none; }
    @media only screen and (min-width: 767px) {
      footer.main .inner-top {
        margin-left: auto;
        margin-right: auto;
        position: relative; } }
  footer.main .inner-bottom {
    padding-top: 29px;
    padding-bottom: 25px;
    background-color: #f8f9fc; }
    @media only screen and (min-width: 767px) {
      footer.main .inner-bottom {
        padding-top: 22px;
        padding-bottom: 26px; } }
    @media only screen and (min-width: 1024px) {
      footer.main .inner-bottom {
        padding: 38px 0; } }
    footer.main .inner-bottom .logo {
      overflow: hidden; }
      footer.main .inner-bottom .logo a {
        display: block;
        background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_black_footer.svg);
        background-repeat: no-repeat;
        width: 274px;
        height: 38px;
        margin-left: auto;
        margin-right: auto;
        text-indent: -999em;
        background-size: 100%; }
        .no-svg footer.main .inner-bottom .logo a {
          background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_black_footer.png); }
          @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
            .no-svg footer.main .inner-bottom .logo a {
              background-image: url(//www.graphcore.ai/hubfs/assets/images/logo/graphcore_black_footer@2x.png); } }
        @media only screen and (min-width: 767px) {
          footer.main .inner-bottom .logo a {
            margin-left: 0; } }
        @media only screen and (min-width: 1024px) {
          footer.main .inner-bottom .logo a {
            width: 461px;
            height: 64px; } }
  footer.main h4 {
    font-family: "Graphik-Medium", sans-serif;
    text-transform: none;
    margin-bottom: 4px;
    letter-spacing: 0; }
  footer.main .addresses {
    display: none; }
    @media only screen and (min-width: 767px) {
      footer.main .addresses {
        display: block; } }
  footer.main .backtotop {
    margin-top: 40px;
    padding-top: 38px;
    border-top: 1px solid #F9F8F8; }
    @media only screen and (min-width: 767px) {
      footer.main .backtotop {
        border: 0;
        margin-top: 0;
        padding-top: 0; }
        footer.main .backtotop a.totop {
          width: 41px;
          height: 49px;
          display: block;
          overflow: hidden;
          position: absolute;
          bottom: -60px;
          right: 32px; } }
    @media only screen and (min-width: 767px) and (min-width: 767px) {
      footer.main .backtotop a.totop {
        right: 64px; } }
    @media only screen and (min-width: 767px) {
          footer.main .backtotop a.totop:before, footer.main .backtotop a.totop:after {
            display: block;
            position: absolute;
            font-family: "GCSymbols-Regular"; }
          footer.main .backtotop a.totop:before {
            content: '\E008';
            font-size: 40px;
            top: 10px;
            color: #fff; }
          footer.main .backtotop a.totop:after {
            content: '\E007';
            top: 10px;
            left: 15px; }
          footer.main .backtotop a.totop:hover:before {
            color: #FF6F72; }
          footer.main .backtotop a.totop:hover:after {
            color: #fff; }
          footer.main .backtotop a.totop span {
            text-indent: -999em;
            position: absolute; } }
    @media only screen and (min-width: 1024px) {
      footer.main .backtotop a.totop {
        bottom: -90px; } }
  footer.main .social-footer {
    text-align: center; }
    footer.main .social-footer ul {
      overflow: hidden;
      width: 190px;
      height: 24px;
      margin-top: 20px;
      margin-right: auto;
      margin-left: auto;
      display: flex;
      justify-content: space-between; }
      footer.main .social-footer ul li {
        float: left;
        width: 24px;
        height: 24px; }
        footer.main .social-footer ul li.twitter {
          background: url(//www.graphcore.ai/hubfs/assets/images/social/twitter.svg) no-repeat;
          background-size: 24px 23px; }
        footer.main .social-footer ul li.facebook {
          background: url(//www.graphcore.ai/hubfs/assets/images/social/facebook.svg) no-repeat;
          background-size: 24px 24px; }
        footer.main .social-footer ul li.github {
          background: url(//www.graphcore.ai/hubfs/assets/images/social/github-01.svg) no-repeat;
          background-size: 24px 24px;
          margin-left: -3px; }
        footer.main .social-footer ul li.linkedin {
          background: url(//www.graphcore.ai/hubfs/assets/images/social/linkedin.svg) no-repeat;
          background-size: 24px 24px;
          /*margin-left: 8px;*/ }
    footer.main .social-footer ul li.youtube {
          background: url(//www.graphcore.ai/hubfs/assets/images/social/youtube.svg) no-repeat;
          background-size: 32px 24px;
          width: 32px; }
    footer.main .social-footer a {
      text-indent: -999em;
      display: block; }
    @media only screen and (min-width: 767px) {
      footer.main .social-footer {
        position: absolute;
        bottom: -50px;
        right: 114px; } }
    @media only screen and (min-width: 1024px) {
      footer.main .social-footer {
        bottom: -80px; } }

.overlay {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7); }
/*** Sticky CTA ***/
  @media (max-width:767px){
  #applyNow.sticky-cta > .h52 {
    padding-top: 15px;
    margin-bottom: 15px;
  }
  .sticky-cta {
      padding: 0 15px;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: #f9fafc;
  }
  .non-sticky {
    position: relative;
  }
  #stickyStop.marg-top {
    margin-top: 86px;
  }
.sidr-class-secondary {
    display: none;
    }
}