/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/********************/
/*****   MAIN   *****/
/********************/
@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,600,700,800&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/*************************/
/*****   VARIABLES   *****/
/*************************/
/**************************/
/*****   TYPOGRAPHY   *****/
/**************************/
body {
  font-family: 'Work Sans', sans-serif; }

/***********************/
/*****   BUTTONS   *****/
/***********************/
a.btn {
  border-radius: 3vh;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.02vw;
  text-align: center;
  padding: 8px 12px;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: margin 125ms ease-out, background 125ms ease-out;
  -o-transition: margin 125ms ease-out, background 125ms ease-out;
  transition: margin 125ms ease-out, background 125ms ease-out; }
  a.btn:hover {
    -webkit-transition: margin 200ms ease-out, background 200ms ease-out;
    -o-transition: margin 200ms ease-out, background 200ms ease-out;
    transition: margin 200ms ease-out, background 200ms ease-out; }
  a.btn.btn-blue {
    font-weight: 600;
    background: #3D39AF; }
    a.btn.btn-blue:hover {
      margin: 2px 0 -2px 0;
      background: #423ebe; }
    a.btn.btn-blue:active {
      background: #3935a3;
      -webkit-transition: background 100ms ease-out;
      -o-transition: background 100ms ease-out;
      transition: background 100ms ease-out; }
  a.btn.btn-green {
    background: #1FBC7A; }
    a.btn.btn-green:hover {
      margin: 2px 0 -2px 0;
      background: #21c983; }
    a.btn.btn-green:active {
      background: #1daf71;
      -webkit-transition: background 100ms ease-out;
      -o-transition: background 100ms ease-out;
      transition: background 100ms ease-out; }

@media (min-width: 768px) {
  a.btn {
    border-radius: 3vh;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.02vw;
    text-align: center;
    padding: 12px 20px; } }
@media (min-width: 992px) {
  a.btn {
    border-radius: 3vh;
    font-weight: 700;
    font-size: 2.44vh;
    color: #fff;
    letter-spacing: -0.02vw;
    text-align: center;
    padding: 1.44vh 2.44vh;
    text-decoration: none; } }
.wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 1.39vw;
     -moz-column-gap: 1.39vw;
          column-gap: 1.39vw;
  -ms-grid-rows: 7.11vh, auto, auto, auto, auto;
  grid-template-rows: 7.11vh, auto, auto, auto, auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(4) {
  -ms-grid-row: 4;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(6) {
  -ms-grid-row: 6;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(7) {
  -ms-grid-row: 7;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(8) {
  -ms-grid-row: 8;
  -ms-grid-column: 1; }
.wrapper > *:nth-child(9) {
  -ms-grid-row: 9;
  -ms-grid-column: 1; }
  .wrapper header,
  .wrapper section,
  .wrapper footer {
    padding: 0 4.44vw; }
  .wrapper section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    padding: 40px 20px; }
    .wrapper section h2 {
      font-weight: 800;
      font-size: 36px;
      color: #1A1766;
      letter-spacing: -0.5px;
      text-align: center;
      line-height: 44px;
      text-shadow: 1px 2px 0 #E6E6F3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1 / span 4;
      margin-bottom: 5.33vh; }
    .wrapper section .content {
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1 / span 4; }
    .wrapper section.hero .content {
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1 / span 4; }

@media (min-width: 768px) {
  .wrapper section {
    padding: 5.33vh 4.44vw 10.22vh 4.44vw;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr); }
    .wrapper section h2 {
      font-size: 58px;
      letter-spacing: -0.1vw;
      line-height: 8.67vh;
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1 / span 4;
      margin-bottom: 24px; }
    .wrapper section .content {
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1 / span 4; }
    .wrapper section.hero .content {
      -ms-grid-column: 1;
      -ms-grid-column-span: 8;
      grid-column: 1 / span 8; } }
@media (min-width: 992px) {
  .wrapper {
    -ms-grid-rows: 17.78vh, auto, auto, auto, auto;
    grid-template-rows: 17.78vh, auto, auto, auto, auto; }
    .wrapper section {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
      padding: 9.33vh 4.44vw 14.22vh 4.44vw; }
      .wrapper section h2 {
        font-size: 7.11vh;
        letter-spacing: -0.1vw;
        line-height: 8.67vh;
        -ms-grid-column: 1;
        -ms-grid-column-span: 12;
        grid-column: 1 / span 12;
        margin-bottom: 5.33vh; }
      .wrapper section .content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / span 10; }
      .wrapper section.hero .content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 7;
        grid-column: 2 / span 7; } }
/**********************/
/*****   HEADER   *****/
/**********************/
header {
  height: 64px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  header a.logo {
    background: url("../gfx/logo_verdite.svg") 0 0 no-repeat;
    background-size: cover;
    display: inline-block;
    width: 140px;
    height: 32px;
    text-indent: -9999px;
    justify-self: flex-start;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  header a.btn {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

@media (min-width: 768px) {
  header {
    height: 96px; }
    header a.logo {
      width: 220px;
      height: 48px;
      background-size: contain; } }
@media (min-width: 992px) {
  header {
    height: 17.78vh; }
    header a.logo {
      width: 30.44vh;
      height: 7.11vh;
      background-size: contain; } }
/********************/
/*****   HERO   *****/
/********************/
section.hero {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  padding-top: 80px;
  z-index: 0; }
  section.hero h1 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    font-size: 42px;
    color: #1A1766;
    letter-spacing: -0.1vw;
    line-height: 54px;
    text-shadow: 1px 3px 0 #E6E6F3;
    margin-bottom: 24px; }
  section.hero p {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #1A1766;
    letter-spacing: -0.01px;
    line-height: 18px;
    margin-bottom: 3.11vh; }
    section.hero p:last-child {
      margin-bottom: 0; }

@media (min-width: 768px) {
  section.hero {
    padding-top: 22.67vh;
    background: url("../gfx/bg_hero.jpg") top right no-repeat;
    background-size: cover;
    min-height: auto; }
    section.hero h1 {
      font-size: 6vh;
      letter-spacing: -0.1vw;
      line-height: 6.67vh;
      margin-bottom: 5.33vh; }
    section.hero p {
      font-size: 18px;
      line-height: 24px; } }
@media (min-width: 992px) {
  section.hero {
    background: url("../gfx/bg_hero.jpg") top center no-repeat;
    background-size: cover;
    padding-top: 22.67vh;
    min-height: 86.67vh; }
    section.hero h1 {
      font-size: 8vh;
      letter-spacing: -0.1vw;
      line-height: 8.67vh;
      margin-bottom: 5.33vh; }
    section.hero p {
      font-size: 2.22vh;
      line-height: 3.11vh; } }
/**********************************/
/*****   BLOCK: COMPETENCES   *****/
/**********************************/
section.competences {
  background: url("../gfx/bg_dotted.png");
  border-top: 1px solid #f3f3ff;
  border-bottom: 1px solid #f3f3ff;
  background-size: 0.88vh; }
  section.competences .content ul {
    font-weight: 300;
    font-size: 14px;
    color: #1A1766;
    letter-spacing: -0.04vw;
    line-height: 18px;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    margin-bottom: -3.22vh; }
    section.competences .content ul li {
      margin-bottom: 18px;
      padding: 0 0 0 20px;
      position: relative; }
      section.competences .content ul li:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background: url(../gfx/list_bullet.svg) 0 0 no-repeat;
        background-size: cover;
        position: absolute;
        top: 3px;
        left: 0; }

@media (min-width: 768px) {
  section.competences .content ul {
    font-size: 20px;
    line-height: 24px;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    margin-bottom: -3.22vh;
    margin: 0 auto;
    width: 500px; }
    section.competences .content ul li {
      margin-bottom: 24px;
      padding: 0 0 0 20px;
      position: relative; }
      section.competences .content ul li:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        top: 3px;
        left: 0; } }
@media (min-width: 992px) {
  section.competences .content ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    font-size: 2.22vh;
    line-height: 3.22vh;
    width: auto;
    margin: 0; }
    section.competences .content ul li {
      padding: 0 0 0 3.05vw;
      margin-bottom: 3.22vh; }
      section.competences .content ul li:before {
        width: 2.67vh;
        height: 2.67vh;
        top: 0.2vh;
        left: 0; } }
/***************************/
/*****   BLOCK: TEAM   *****/
/***************************/
section.team .content {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / span 4; }
  section.team .content .member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px; }
    section.team .content .member:last-child {
      margin-bottom: 0; }
    section.team .content .member .pic {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      position: relative; }
      section.team .content .member .pic img {
        width: 20.44vh;
        height: 20.44vh;
        z-index: 1;
        position: relative; }
      section.team .content .member .pic .blob {
        display: none; }
        section.team .content .member .pic .blob.blob1 {
          background: url(../gfx/blob1.png) 0 0 no-repeat; }
        section.team .content .member .pic .blob.blob2 {
          background: url(../gfx/blob2.png) 0 0 no-repeat; }
        section.team .content .member .pic .blob.blob1, section.team .content .member .pic .blob.blob2 {
          width: 32.22vh;
          height: 32.22vh;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -16.11vh;
          margin-left: -16.11vh;
          background-size: cover;
          z-index: 0; }
    section.team .content .member .txt {
      margin-left: 0;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
      section.team .content .member .txt h3 {
        font-weight: 800;
        font-size: 3.56vh;
        color: #1A1766;
        letter-spacing: -0.0,05vw;
        margin-bottom: 1.11vh;
        text-align: center;
        margin-top: 16px; }
      section.team .content .member .txt p {
        font-weight: 300;
        font-size: 14px;
        color: #1A1766;
        letter-spacing: -0.5px;
        line-height: 18px; }

@media (min-width: 768px) {
  section.team .content .member {
    margin-left: 60px;
    margin-right: 60px; }
    section.team .content .member .txt {
      margin-left: 0;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
      section.team .content .member .txt h3 {
        font-weight: 800;
        font-size: 3.56vh;
        color: #1A1766;
        letter-spacing: -0.0,05vw;
        margin-bottom: 1.11vh;
        text-align: center;
        margin-top: 16px; }
      section.team .content .member .txt p {
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 24px; } }
@media (min-width: 992px) {
  section.team .content {
    -ms-grid-column: 3;
    -ms-grid-column-span: 7;
    grid-column: 3 / span 7; }
    section.team .content .member {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 11.56vh; }
      section.team .content .member .pic .blob {
        display: inline-block; }
      section.team .content .member .txt {
        margin-left: 2.5vw; }
        section.team .content .member .txt h3 {
          text-align: left;
          margin-top: 0; }
        section.team .content .member .txt p {
          font-size: 2vh;
          letter-spacing: -0.03vw;
          line-height: 3.11vh; } }
/**********************/
/*****   FOOTER   *****/
/**********************/
section.contact-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url("../gfx/bg_dotted.png");
  background-size: 0.88vh;
  border-top: 1px solid #f3f3ff; }
  section.contact-us a.btn {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

/**********************/
/*****   FOOTER   *****/
/**********************/
footer {
  background: #F3F2FF;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-size: 2vh;
  font-weight: 300;
  color: #807DBD;
  letter-spacing: -0.01vw;
  padding-top: 24px;
  line-height: 7.11vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }