:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  background-color: #121212;
  line-height: 32px;
}

.mancera-topheader {
  justify-content: center;
  display: flex;
}

.mancera-columns {
  width: 100%;
  display: flex;
}

.mancera-col-left {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.mancera-h1-top {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 100px;
  font-weight: 900;
  line-height: 92px;
}

.mancera-p-top {
  color: #898989;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 43px;
  font-weight: 300;
  line-height: 50px;
}

.mancera-pildoras {
  margin-top: 20px;
}

.mancera-pildoras-ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.mancera-pildoras-li {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  margin-right: 10px;
  padding: 15px 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.mancera-head-container {
  justify-content: center;
  width: 1250px;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.mancera-text-rainbow.gradient-text {
  white-space: normal;
}

.mancera-h1-a {
  font-family: Lato, sans-serif;
  font-size: 98px;
  line-height: 80px;
}

.mancera-h1-a.gradient-text {
  margin-top: 0;
  font-weight: 900;
  line-height: 90px;
}

.mancera-h1-b {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 98px;
  font-weight: 900;
  line-height: 80px;
}

.mancera-biome {
  background-color: #0f0f0f;
  justify-content: center;
  min-height: 520px;
  display: flex;
}

.mancera-biome-container {
  width: 1250px;
  min-height: 50px;
}

.mancera-mid-columns {
  width: 100%;
  height: 100%;
}

.mancera-mid-col-left {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.mancera-mid-col-right {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.mancera-toph2-paragraph {
  color: #fff;
  margin-bottom: 0;
  font-family: Nanum Pen Script, sans-serif;
  font-size: 40px;
  line-height: 100%;
}

.mancera-header2 {
  margin-top: 0;
}

.mancera-header2.gradient-text {
  font-family: Lato, sans-serif;
  font-size: 52px;
  line-height: 100%;
}

.image {
  width: 400px;
  height: 400px;
}

.paragraph {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 38px;
}

.mancera-skillstools {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mancera-skillstools-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  width: 1250px;
  height: auto;
  min-height: 100px;
  margin-top: 100px;
  margin-bottom: 50px;
  display: flex;
}

.mancera-h3-skills {
  color: #fff;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 32px;
  font-weight: 300;
}

.mancera-skills-ul {
  object-fit: fill;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  overflow: visible;
}

.mancera-skills-ul-li {
  color: #fff;
  border: 2px solid #343434;
  border-radius: 20px;
  align-self: center;
  align-items: center;
  margin-bottom: 15px;
  margin-right: 20px;
  padding: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  line-height: 22px;
  display: flex;
}

.mancera-skils-li-p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.mancera-designprocess {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mancera-designprocess-container {
  width: 1250px;
  min-height: 50px;
  margin-top: 50px;
  margin-bottom: 100px;
}

.mancera-grid-process {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

.mancera-designprocess-holder {
  border: 1px solid #3a3a3a;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 25px;
}

.mancera-designprocess-h4 {
  color: #b2a6ff;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 24px;
}

.mancera-designprocess-p {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.mancera-showcase {
  background-color: #0f0f0f;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mancera-showcase-holder {
  width: 1250px;
  min-height: 50px;
  margin-top: 100px;
  margin-bottom: 100px;
}

.mancera-showcase-grid {
  grid-template-rows: auto auto auto auto;
  margin-top: 30px;
}

.mancera-showcase-img-c {
  background-color: #1d1d1d;
  border: 0 solid #000;
  border-radius: 20px;
  width: 100%;
  min-height: 380px;
  overflow: hidden;
}

.mancera-showcase-img-c.guiaux {
  background-image: url('../images/mancera-guiaux-showcase.png');
  background-position: 0 0;
  background-size: cover;
}

.mancera-showcase-img-c.gobmx {
  background-image: url('../images/gobmx-portal.png');
  background-position: 50% 0;
  background-size: cover;
}

.mancera-showcase-img-c.estratis {
  background-image: url('../images/mancera-showcase-estratisapp.png');
  background-position: 50%;
  background-size: cover;
}

.mancera-showcase-img-c.yumbrands {
  background-image: url('../images/yumbrands.png');
  background-position: 50%;
  background-size: cover;
}

.mancera-showcase-img-c.cerner {
  background-image: url('../images/mancera-cerner-showcase.png');
  background-position: 0 0;
  background-size: cover;
}

.mancera-showcase-img-c.turner {
  background-color: #1d1d1d;
  background-image: url('../images/turner-picture.png');
  background-size: cover;
}

.mancera-showcase-img-c.scotiabank {
  background-image: url('../images/mancera-showcase-scotiabank.png');
  background-position: 50%;
  background-size: cover;
}

.mancera-showcase-img-c.gnp {
  background-image: url('../images/mancera-showcase-gnp.png');
  background-position: 61%;
  background-repeat: repeat-x;
  background-size: cover;
}

.mancera-showcase-des {
  height: auto;
  min-height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.mancera-showcase-p {
  color: #fff;
  width: auto;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
  position: absolute;
}

.mancera-showcase-p.mancera-showcase-p-right {
  right: 0;
}

.mancera-project-locked {
  color: #fff;
  position: absolute;
  right: 0;
}

.mancera-letsconnect {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mancera-letsconnect-holder {
  width: 1250px;
  min-height: 50px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.mancera-letsconnect-h4b {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 110px;
  font-weight: 900;
  line-height: 100%;
}

.mancera-letsconnect-h4b.gradient-text-connect {
  font-size: 98px;
}

.mancera-letsconnect-h4a {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 98px;
  font-weight: 900;
  line-height: 100%;
}

.mancera-connect-ul {
  flex-wrap: wrap;
  margin-top: 30px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.mancera-connect-li {
  border: 0 solid #565656;
  border-radius: 0;
  margin-right: 10px;
  padding: 0;
}

.mancera-connect-a {
  border: 2px solid #565656;
  border-radius: 20px;
  padding: 20px;
  text-decoration: none;
}

.mancera-connect-a-p {
  color: #fff;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 22px;
}

.mancera-footer-holder {
  background-image: url('../images/mancera-background-bottom.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  min-height: 600px;
}

.body-2 {
  background-color: #121212;
}

.mancera-showcasepage-holder {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mancera-showcasep-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mancera-showcasepage-hh {
  width: 1250px;
  min-height: 50px;
}

.mancera-showcasepage-back {
  justify-content: flex-end;
  padding-top: 50px;
  padding-bottom: 30px;
  display: flex;
}

.mancera-showcasepage-ba {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  width: auto;
  height: auto;
  padding: 5px 10px;
  text-decoration: none;
  display: flex;
}

.paragraph-2 {
  align-self: center;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.html-embed {
  align-self: center;
  margin-bottom: 0;
  padding-top: 0;
  line-height: 100%;
}

.mancera-showcasepage-h1 {
  color: #898989;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.mancera-showcasepage-h2 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 70px;
  font-weight: 900;
  line-height: 100%;
}

.mancera-showcasepage-h2b {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 98px;
  font-weight: 900;
  line-height: 100%;
}

.mancera-showcasepage-h2b.gradient-text {
  margin-top: 0;
}

.mancera-showcasepage-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.mancera-showcasepage-h3 {
  color: #898989;
  margin-bottom: 40px;
  padding-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.mancera-showcasepage-p1 {
  color: #fff;
  margin-bottom: 30px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 38px;
}

.mancera-showcasepage-achiev {
  background-color: #181818;
  border: 0 solid #000;
  border-radius: 20px;
  min-height: 50px;
  padding: 25px 20px;
}

.mancera-achievement-emb {
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 55px;
  line-height: 100%;
  display: flex;
}

.column {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  display: flex;
}

.columns {
  align-items: center;
  display: flex;
}

.mancera-showcasepage-p2 {
  color: #fff;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.mancera-showcasepage-middler {
  background-color: #0f0f0f;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.mancera-middler-holder {
  width: 1250px;
  min-height: 50px;
}

.mancera-showcasepage-ul {
  margin-top: 30px;
  padding-left: 0;
  list-style-type: none;
}

.mancera-showcasepage-li {
  background-color: #181818;
  border: 0 solid #000;
  border-radius: 20px;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 20px;
  margin-bottom: 10px;
  padding: 20px 30px 20px 20px;
  display: flex;
}

.paragraph-3 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
}

.mancera-showcasepage-bullet {
  background-color: #7162e0;
  border-radius: 50px;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

.mancera-showcasepage-rpd {
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.mancera-research-holder {
  width: 1250px;
  min-height: 50px;
}

.mancera-sc-tprocess-cright {
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 810px;
  display: flex;
  position: relative;
}

.mancera-showcasepage-p-ach {
  color: #fff;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.image-2 {
  position: absolute;
  top: 85.5px;
  left: 230px;
}

.image-3 {
  position: absolute;
  top: 253px;
  left: 331px;
}

.image-4 {
  position: absolute;
  top: 400px;
  left: 140px;
}

.image-5 {
  position: absolute;
  top: 547px;
  left: 313.5px;
}

.column-6 {
  justify-content: center;
  align-items: center;
  height: 550px;
  display: flex;
  position: relative;
}

.image-6 {
  max-width: 500px;
  position: absolute;
  top: 60px;
  left: 0;
}

.image-7 {
  position: absolute;
  top: 226px;
  left: 232.5px;
}

.mancera-image-thumb {
  z-index: 1;
  background-image: url('../images/mancera-turner-workshop.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 300px;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 40px;
  left: 100px;
  overflow: hidden;
}

.mancera-image-thumb.thumb2 {
  z-index: 2;
  background-image: url('../images/mancera-wireframing.png');
  width: 250px;
  height: 250px;
  top: 228px;
  left: 331px;
}

.mancera-image-thumb.thumb3 {
  background-image: url('../images/mancera-brandcentral-prototype-2.png');
}

.image-8 {
  width: auto;
  height: 310px;
}

.column-7 {
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.mancera-userflow {
  background-color: #232323;
  border: 0 solid #000;
  border-radius: 30px;
  min-height: 50px;
  margin-top: 45px;
  overflow: hidden;
}

.image-9 {
  border-radius: 20px;
}

.image-10 {
  position: absolute;
  left: 140px;
}

.image-11 {
  position: absolute;
  top: 160px;
  left: 290px;
}

.logo-tmancera {
  margin-bottom: 30px;
}

.mancera-libro {
  margin-top: 60px;
}

.slibro-holder {
  width: 1250px;
  min-height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.ad-button-zone {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.columns-3 {
  border: 1px solid #3a3a3a;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.ad-h2 {
  color: #fff;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 48px;
  line-height: 52px;
}

.ad-p {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.ad-button {
  color: #fff;
  text-align: center;
  background-color: #6d5bdd;
  border-radius: 10px;
  width: 300px;
  margin-top: 40px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 4px 4px #423096;
}

.bold-text {
  font-family: Nanum Pen Script, sans-serif;
  font-size: 66px;
}

.column-9 {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 991px) {
  .mancera-columns {
    flex-flow: column;
    flex: 0 auto;
    align-self: auto;
    width: auto;
  }

  .mancera-col-left {
    flex-flow: column;
    display: flex;
  }

  .mancera-col-right {
    order: 0;
    padding-top: 50px;
  }

  .mancera-biome-container {
    padding: 30px 25px;
  }

  .mancera-mid-columns {
    flex-flow: column;
    display: flex;
  }

  .mancera-mid-col-left {
    flex-direction: row;
    order: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-end;
    height: 410px;
    position: relative;
  }

  .mancera-mid-col-right {
    order: -1;
    height: 280px;
  }

  .image {
    width: 400px;
    max-width: none;
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .paragraph {
    letter-spacing: 0;
    font-size: 22px;
    line-height: 28px;
  }

  .mancera-skillstools-holder {
    margin-top: 75px;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .mancera-designprocess-container {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .mancera-grid-process {
    grid-template-columns: 1fr 1fr;
  }

  .mancera-showcase-holder {
    margin-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .mancera-letsconnect-holder {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .mancera-connect-li {
    margin-bottom: 10px;
  }

  .mancera-footer-holder {
    background-position: 50%;
    background-size: cover;
  }

  .mancera-showcasepage-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mancera-showcasep-header {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mancera-showcasepage-hh {
    width: 100%;
  }

  .mancera-showcasepage-content {
    padding-bottom: 10px;
  }

  .mancera-achievement-emb {
    width: auto;
    margin-bottom: 20px;
  }

  .column {
    flex-wrap: nowrap;
  }

  .columns {
    flex-wrap: wrap;
  }

  .mancera-showcasepage-middler {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mancera-middler-holder {
    width: 100%;
  }

  .mancera-showcasepage-bullet {
    min-width: 10px;
    min-height: 10px;
  }

  .mancera-showcasepage-rpd {
    padding: 50px 25px 0;
  }

  .mancera-research-holder {
    width: 100%;
  }

  .mancera-sc-tprocess-cright {
    min-height: 530px;
    display: block;
  }

  .mancera-showcasepage-p-ach {
    margin-bottom: 0;
  }

  .image-2 {
    top: 45px;
  }

  .image-3 {
    top: 160px;
  }

  .image-4 {
    top: 223px;
    left: 75px;
  }

  .image-5 {
    top: 301px;
    left: 285px;
  }

  .column-3 {
    order: -1;
  }

  .image-6 {
    left: 100px;
  }

  .image-7 {
    left: 286.5px;
  }

  .columns-2 {
    flex-direction: column;
    display: flex;
  }

  .column-8 {
    height: 430px;
  }

  .slibro-holder {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .columns-3 {
    flex-flow: column;
  }

  .ad-button {
    width: 100%;
  }

  .column-9 {
    padding-bottom: 60px;
  }

  .column-10 {
    order: -1;
  }

  .image-12 {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .mancera-head-container {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .mancera-h1-a.gradient-text {
    width: 80%;
  }

  .mancera-biome-container {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    width: 100%;
    padding-bottom: 40px;
  }

  .mancera-mid-columns {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .mancera-mid-col-left {
    order: 0;
    align-items: flex-end;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .mancera-mid-col-right {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .image {
    width: 400px;
    display: block;
    position: relative;
    bottom: auto;
    left: auto;
  }

  .paragraph {
    line-height: 36px;
  }

  .mancera-showcase-grid {
    grid-template-columns: 1fr;
  }

  .mancera-footer-holder {
    background-position: 50% 100%;
    background-size: 1720px;
    min-height: 390px;
  }

  .mancera-showcasepage-back {
    justify-content: flex-start;
  }

  .columns {
    flex-wrap: wrap;
  }

  .mancera-showcasepage-middler {
    margin-top: 0;
  }

  .mancera-showcasepage-rpd {
    padding-bottom: 50px;
  }

  .image-2 {
    top: 37px;
    left: 46px;
  }

  .image-3 {
    left: 186px;
  }

  .image-4 {
    top: 285px;
    left: -2.5px;
  }

  .image-5 {
    top: 368px;
    left: 207.5px;
  }

  .column-2, .column-3, .column-4, .column-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-6 {
    height: 510px;
  }

  .image-6 {
    left: 0;
  }

  .image-7 {
    left: 195px;
  }

  .mancera-image-thumb {
    left: 0;
  }

  .mancera-image-thumb.thumb2 {
    top: 169px;
    left: 268px;
  }

  .column-7 {
    height: 450px;
  }

  .image-10 {
    left: 0;
  }

  .image-11 {
    left: 212px;
  }

  .mancera-libro {
    margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .mancera-columns {
    width: 100%;
  }

  .mancera-col-left {
    padding-left: 0;
    padding-right: 0;
  }

  .mancera-col-right {
    order: -1;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mancera-h1-top {
    width: 100%;
  }

  .mancera-p-top {
    font-size: 36px;
  }

  .mancera-pildoras-ul {
    flex-flow: wrap;
  }

  .mancera-pildoras-li {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mancera-head-container {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mancera-text-rainbow.gradient-text {
    width: 100%;
  }

  .mancera-h1-a.gradient-text {
    width: 100%;
    font-size: 88px;
    line-height: 80px;
  }

  .mancera-h1-b {
    font-size: 82px;
  }

  .mancera-biome-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mancera-mid-col-right {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .image {
    width: 300px;
    height: 300px;
    left: 10px;
  }

  .mancera-skillstools-holder {
    margin-top: 75px;
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mancera-skills-ul-li {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .mancera-designprocess-container {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mancera-grid-process {
    grid-template-columns: 1fr;
  }

  .mancera-showcase-holder {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mancera-showcase-img-c {
    min-height: 241px;
  }

  .mancera-footer-holder {
    background-size: 1280px;
    min-height: 270px;
  }

  .mancera-showcasepage-holder {
    overflow: visible;
  }

  .mancera-showcasep-header {
    padding-bottom: 50px;
  }

  .mancera-showcasepage-back {
    justify-content: flex-start;
  }

  .mancera-showcasepage-content {
    padding-top: 0;
  }

  .mancera-showcasepage-h3 {
    line-height: 38px;
  }

  .columns {
    flex-direction: column;
  }

  .mancera-showcasepage-middler {
    margin-top: 0;
  }

  .mancera-middler-holder {
    width: 100%;
  }

  .mancera-showcasepage-rpd {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .mancera-research-holder {
    width: 100%;
  }

  .mancera-sc-tprocess-cright {
    min-height: 660px;
  }

  .image-2 {
    top: 30px;
    left: 20px;
  }

  .image-3 {
    top: 203px;
    left: 0;
  }

  .image-4 {
    top: 323px;
    left: 0;
  }

  .image-5 {
    top: 452.5px;
    left: 0;
  }

  .column-6 {
    height: 430px;
  }

  .image-6 {
    max-width: 270px;
  }

  .image-7 {
    top: 193px;
    left: -3px;
  }

  .mancera-image-thumb {
    width: 250px;
    height: 250px;
  }

  .mancera-image-thumb.thumb2 {
    top: 217px;
    left: 20px;
  }

  .image-11 {
    top: 209px;
    left: 0;
  }

  .logo-tmancera {
    width: 70%;
  }

  .slibro-holder {
    padding-left: 15px;
    padding-right: 15px;
  }

  .columns-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ad-h2 {
    font-size: 38px;
    line-height: 44px;
  }

  .bold-text {
    font-size: 52px;
    line-height: 40px;
  }

  .image-12 {
    width: auto;
  }
}

#w-node-_080a3ff5-9986-d019-2585-b083b6954966-4074638b, #w-node-cbc75a0b-7aed-75d0-b10e-b0414168765c-4074638b, #w-node-_6aa87de0-3449-b2e5-ed12-adce5f0658eb-4074638b, #w-node-_16f87480-2c81-3d83-2696-9222b0721410-4074638b, #w-node-bbfecd25-c083-2a20-7a8c-c19dbc597b8e-4074638b, #w-node-e0b8318d-123b-2cb8-04a5-17995b4a7525-4074638b, #w-node-_1b6e79e0-6940-530a-4df9-d319f251e052-4074638b, #w-node-_75094d9c-57b4-9fda-d2ad-2d8139136a3a-4074638b, #w-node-_2a66ca6f-7a09-ecc3-95c4-9f4b7579b711-4074638b, #w-node-_82646cc8-0acd-ce86-8f86-5c6e6af9fa02-4074638b, #w-node-_86f47c75-0a5b-8c13-b363-23ebcb206ef5-4074638b, #w-node-e21d675e-f895-31c2-c365-d4f2630598e5-4074638b, #w-node-_311bdfc5-11fe-8407-ba2e-0f0ddad2d453-4074638b, #w-node-_08ccb610-020d-c187-7bc0-fad1043a66f8-4074638b, #w-node-_77977e81-1f46-e023-dd77-c6cbbc8f5431-4074638b, #w-node-da01cde6-c8a4-4f7d-0fb0-e4ff46f38320-4074638b, #w-node-_37731f8b-e2c0-130d-9dbd-27cc92dc9864-4074638b, #w-node-_98b07436-5929-7225-2003-53c2f45b4180-4074638b, #w-node-_974241f1-fd5d-80f2-299d-523e0f087497-4074638b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}