@charset "UTF-8";
@keyframes dialog-fade-in {
  0% {
    margin-top: 0;
    opacity: 0; }
  100% {
    margin-top: 20px;
    opacity: 1; } }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

body {
  margin: 0;
  padding: 0;
  background: #e9eaf1;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: "Titillium Web", arial, sans-serif; }
  body.open-menu .header nav.menu .menu-btn:after {
    content: "×";
    margin-top: 2px; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul li {
    padding: 0; }

h1 {
  font-weight: 700;
  font-size: 40px;
  margin: 0 0 25px 0;
  letter-spacing: -1px; }

h2 {
  font-weight: 600;
  font-size: 30px;
  margin: 0 0 35px 0;
  line-height: 1.16;
  letter-spacing: -1px; }

h3 {
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  line-height: 1;
  letter-spacing: -1px; }

h4 {
  font-weight: 600;
  font-size: 17px;
  margin: 0 0 30px;
  line-height: 1.17; }

p, address {
  font-weight: 300;
  font-style: normal; }

address {
  line-height: 1.4; }

p, .p, .privacy-policy ul li {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 35px;
  color: #74828b; }
  p a, .p a, .privacy-policy ul li a {
    color: #f7931d;
    text-decoration: none; }
    p a:hover, .p a:hover, .privacy-policy ul li a:hover {
      text-decoration: underline; }

form .form-control {
  margin-bottom: 15px;
  position: relative; }
  form .form-control label {
    position: absolute;
    background: #fff;
    font-weight: 300;
    top: 22px;
    line-height: 10px;
    font-size: 16px;
    left: 20px;
    padding: 0 2px;
    color: #a3b2bc;
    cursor: text;
    font-style: italic;
    transition: font-size 200ms, color 200ms, top 200ms, left 200ms; }
  form .form-control textarea, form .form-control input {
    padding: 14px 45px 14px 20px;
    border: solid 1px #d6d7df;
    border-radius: 3px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    outline: none !important;
    transition: border-color 200ms;
    color: #1f272c;
    background-color: #fff;
    background-position: calc(100% - 20px) 22px;
    background-repeat: no-repeat; }
    form .form-control textarea:focus, form .form-control input:focus {
      border-color: #20333f; }
      form .form-control textarea:focus + label, form .form-control input:focus + label {
        color: #1f272c; }
    form .form-control textarea[data-tainted='y']:valid, form .form-control input[data-tainted='y']:valid {
      background-image: url("../gfx/check.png");
      background-image: url("../gfx/check.svg"); }
    form .form-control textarea[data-tainted='y']:invalid, form .form-control input[data-tainted='y']:invalid {
      background-image: url("../gfx/error.png");
      background-image: url("../gfx/error.svg"); }
  form .form-control textarea[data-value]:focus + label,
  form .form-control input[data-value]:focus + label,
  form .form-control textarea[data-value]:not([data-value='']) + label,
  form .form-control input[data-value]:not([data-value='']) + label {
    top: -5px;
    left: 10px;
    font-size: 12px;
    font-weight: 400;
    cursor: default;
    font-style: normal; }

.h2-with-line, .card h2, .website .service-detail .left h2 {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 35px; }

.orange-line, .h2-with-line:after, .card h2:after, .website .service-detail .left h2:after, .website .why-we-are-awesome ul li h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 4px;
  background: #f7931d; }

.clearfix:after, .header .services:after, .split:after, .website .about:after, .website .advantages:after, .website .news-overview:after, .website .news-detail:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both; }

.card {
  background: #fff;
  border-radius: 3px;
  padding: 45px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
  display: block;
  text-decoration: none; }

.btn-hover, .btn:not(.no-hover):not(.btn-back):before, .btn.btn-back:not(.no-hover):after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 5px;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.05);
  z-index: -1; }

.btn {
  display: inline-block;
  position: relative;
  font-weight: 600;
  text-decoration: none;
  user-select: none;
  font-size: 15px;
  line-height: 50px;
  padding: 0 30px;
  z-index: 1; }
  .btn:hover {
    text-decoration: none; }
  .btn:not(.btn-back):not(.btn-close):after {
    content: '»';
    padding-left: 10px; }
  .btn.btn-back:before {
    content: '«';
    padding-right: 10px; }
  .btn:not(.no-hover):not(.btn-back):hover:before {
    width: 100%; }
  .btn:not(.no-hover).btn-back:hover:after {
    width: 100%; }
  .btn.btn-cta {
    background: #f7931d;
    border-radius: 3px;
    color: #fff; }
  .btn.btn-outline {
    border-radius: 3px;
    color: #f7931d;
    border: solid 1px #f7931d; }

.container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px; }

.header .about .btn,
.header .page-head.with-cta .btn,
.get-in-touch .btn {
  font-size: 19px;
  line-height: 65px;
  padding: 0 40px; }

.header {
  display: block;
  position: relative;
  z-index: 1; }
  .header:after {
    content: "";
    display: table;
    clear: both; }
  .header .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -2;
    background: #20333f url("../gfx/hero@2x.jpg") no-repeat top center; }
  .header.hero .container {
    padding-bottom: 80px;
    border-bottom: solid 1px #d8d9e0; }
  .header.hero .background:after {
    content: '';
    display: block;
    position: absolute;
    top: 750px;
    left: -500px;
    right: -500px;
    height: 9999px;
    transform: rotate(-5deg);
    background: #e9eaf1;
    z-index: -1; }
  .header nav.menu {
    display: block;
    overflow: hidden;
    clear: both; }
    .header nav.menu .left {
      float: left; }
    .header nav.menu .right {
      float: right; }
    .header nav.menu a.logo {
      display: block;
      width: 262px;
      height: 34px;
      background: url("../gfx/logo.svg") no-repeat center center;
      background-size: 262px 34px;
      color: transparent;
      font-size: 0;
      margin-top: 60px; }
    .header nav.menu ul.items li {
      float: left; }
      .header nav.menu ul.items li:not(:last-child) {
        margin-right: 15px; }
      .header nav.menu ul.items li a {
        display: block;
        line-height: 34px;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        padding: 60px 10px 20px; }
        .header nav.menu ul.items li a:hover, .header nav.menu ul.items li a.active {
          color: #f7931d;
          border-top: solid 3px #f7931d;
          padding-top: 57px; }
    .header nav.menu .menu-btn, .header nav.menu ul.items li a {
      display: block;
      line-height: 34px;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      text-decoration: none;
      padding: 60px 10px 20px; }
    .header nav.menu .menu-btn {
      display: none; }
      .header nav.menu .menu-btn:before {
        content: 'MENU';
        line-height: 34px; }
      .header nav.menu .menu-btn:after {
        content: '\2261';
        padding-left: 20px;
        font-size: 24px;
        margin-top: 5px;
        display: inline-block;
        line-height: 24px;
        float: right; }
  .header .about {
    margin: 110px auto 0; }
  .header .page-head {
    margin: 90px auto 140px; }
    .header .page-head h1 {
      margin-bottom: 15px; }
  .header .page-head.with-cta {
    margin: 45px auto 80px; }
  .header .about, .header .page-head {
    text-align: center;
    color: #fff;
    padding: 0 20px; }
    .header .about p, .header .page-head p {
      font-weight: 300;
      font-size: 25px;
      line-height: 1.4;
      margin: 0 0 40px 0;
      color: #fff; }
  .header .about {
    max-width: 880px; }
  .header .services {
    padding-top: 120px; }
    .header .services ul {
      display: flex;
      flex-direction: row;
      align-items: stretch; }
      .header .services ul li {
        width: calc(100% / 3);
        float: left;
        text-align: center;
        transition: box-shadow 500ms;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .header .services ul li:hover {
          box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15); }
        .header .services ul li:not(:last-child) {
          margin-right: 20px; }
        .header .services ul li h2:after {
          left: calc(50% - 20px); }
        .header .services ul li h2 span {
          display: block;
          text-transform: uppercase; }

.download-ebook-bar {
  position: relative;
  display: block;
  text-decoration: none;
  margin-top: 80px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
  background: #3a4b57;
  padding: 50px 80px 50px 300px;
  border-radius: 3px; }
  .download-ebook-bar:after {
    content: '';
    display: block;
    background: url("../gfx/ebook-screen.png") no-repeat center center;
    width: 170px;
    height: 260px;
    position: absolute;
    left: 60px;
    top: -27px; }
  .download-ebook-bar:hover .btn:before {
    width: 100%; }
  .download-ebook-bar .content {
    max-width: 500px; }
    .download-ebook-bar .content strong {
      position: relative;
      display: inline-block;
      font-weight: 700;
      font-size: 20px;
      line-height: 25px;
      color: #fff;
      z-index: 1;
      text-transform: uppercase; }
      .download-ebook-bar .content strong:after {
        content: '';
        position: absolute;
        bottom: 3px;
        z-index: -1;
        left: 1px;
        right: 0;
        height: 4px;
        background: #f7931d; }
    .download-ebook-bar .content h2 {
      margin: 0;
      padding: 0;
      color: #fff;
      line-height: 47px; }
    .download-ebook-bar .content p {
      margin: 0;
      padding: 0;
      line-height: 20px; }
  .download-ebook-bar .btn {
    display: block;
    float: right;
    margin-top: -70px;
    color: #f7931d; }

.split {
  width: 100%; }
  .split .left, .split .right {
    width: 50%;
    float: left; }

.website {
  position: relative;
  z-index: 1;
  padding-top: 80px; }
  .website .card {
    padding: 50px; }
  .website .about {
    position: relative;
    z-index: 1; }
    .website .about .content {
      float: left;
      width: 45%; }
    .website .about .statistics {
      float: right;
      width: 50%;
      position: relative;
      display: block;
      text-align: center; }
      .website .about .statistics:before {
        content: '';
        display: block;
        background: url("../gfx/ripe-logo.svg") no-repeat center center;
        background-size: 50%;
        width: 190px;
        height: 50px;
        position: absolute;
        top: -10px;
        left: calc(50% - 95px); }
      .website .about .statistics:after {
        content: '';
        display: block;
        background: url("../gfx/globe@2x.png") no-repeat center center;
        width: 952px;
        height: 483px;
        position: absolute;
        top: 10px;
        left: -300px;
        z-index: -1; }
      .website .about .statistics .row {
        height: 100px; }
        .website .about .statistics .row:first-child {
          margin-top: 275px; }
        .website .about .statistics .row .card {
          width: calc(100% / 3 - 14px);
          float: left;
          background: rgba(255, 255, 255, 0.75);
          line-height: 20px;
          font-weight: 300;
          padding: 23px 0;
          font-size: 12px;
          color: #74828b;
          transition: box-shadow 500ms; }
          .website .about .statistics .row .card:hover {
            box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15); }
          .website .about .statistics .row .card:not(:last-child) {
            margin-right: 20px; }
          .website .about .statistics .row .card .statistic {
            font-weight: 600;
            font-size: 25px;
            color: #1f272c; }
      .website .about .statistics .source {
        display: block;
        margin-top: 8px;
        font-size: 11px;
        color: #74828b;
        font-style: italic; }
        .website .about .statistics .source a {
          color: #1f272c;
          text-decoration: none; }
          .website .about .statistics .source a:hover {
            text-decoration: underline; }
  .website .why-we-are-awesome {
    margin: 100px 0; }
    .website .why-we-are-awesome ul {
      display: table;
      border-radius: 3px;
      overflow: hidden; }
      .website .why-we-are-awesome ul li {
        display: table-cell;
        width: 25%;
        padding: 50px 40px 120px;
        position: relative; }
        .website .why-we-are-awesome ul li:after {
          content: '';
          opacity: 0.1;
          position: absolute;
          bottom: 40px;
          left: 40px;
          width: 70px;
          height: 70px;
          background-position: top left;
          background-repeat: no-repeat; }
        .website .why-we-are-awesome ul li h3 {
          color: #fff;
          margin: 0 0 30px 0;
          padding: 0 0 34px 0;
          position: relative; }
        .website .why-we-are-awesome ul li p {
          color: #96a2ab;
          font-size: 16px; }
        .website .why-we-are-awesome ul li.regional-focus {
          background: #1a2d3a; }
          .website .why-we-are-awesome ul li.regional-focus:after {
            background-image: url("../gfx/icon-ripe.svg"); }
        .website .why-we-are-awesome ul li.brokerage-fee {
          background: #253744; }
          .website .why-we-are-awesome ul li.brokerage-fee:after {
            background-image: url("../gfx/icon-brokerage-fee.svg"); }
        .website .why-we-are-awesome ul li.transparent-procedures {
          background: #2f414d; }
          .website .why-we-are-awesome ul li.transparent-procedures:after {
            background-image: url("../gfx/icon-procedures.svg"); }
        .website .why-we-are-awesome ul li.monetize {
          background: #3a4b57; }
          .website .why-we-are-awesome ul li.monetize:after {
            background-image: url("../gfx/icon-monetize.svg"); }
  .website .ebook {
    margin-bottom: 50px; }
    .website .ebook .left {
      padding-right: 120px;
      padding-top: 70px; }
    .website .ebook .right {
      padding-left: 10px; }
    .website .ebook .small {
      float: right;
      line-height: 50px;
      font-size: 12px;
      color: #a3b2bc;
      font-style: italic; }
  .website .service-detail {
    display: table; }
    .website .service-detail .left, .website .service-detail .right {
      display: table-cell;
      float: none;
      vertical-align: middle; }
      .website .service-detail .left p, .website .service-detail .right p {
        max-width: 480px;
        padding-right: 40px; }
    .website .service-detail .left h2 {
      max-width: 398px; }
    .website .service-detail .left p {
      font-size: 25px;
      line-height: 1.4; }
  .website .advantages {
    margin: 60px 0; }
    .website .advantages ul li {
      width: 33%;
      float: left;
      text-align: center;
      padding: 0 10px; }
      .website .advantages ul li .icon {
        display: inline-block;
        width: 120px;
        height: 120px;
        background: #fff;
        border-radius: 60px;
        margin-bottom: 30px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07); }
      .website .advantages ul li .icon-large-inventory {
        background: #fff url("../gfx/icon-large-inventory.svg") no-repeat center center;
        background-size: 42px 60px; }
      .website .advantages ul li .icon-support {
        background: #fff url("../gfx/icon-support.svg") no-repeat center center;
        background-size: 60px 59px; }
      .website .advantages ul li .icon-safe {
        background: #fff url("../gfx/icon-safe.svg") no-repeat center center;
        background-size: 46px 60px; }
      .website .advantages ul li .icon-match {
        background: #fff url("../gfx/icon-match.svg") no-repeat center center;
        background-size: 60px 59px; }
      .website .advantages ul li .icon-oppertunities {
        background: #fff url("../gfx/icon-opportunities.svg") no-repeat center center;
        background-size: 60px 59px; }
      .website .advantages ul li .icon-buyers {
        background: #fff url("../gfx/icon-buyers.svg") no-repeat center center;
        background-size: 50px 57px; }
      .website .advantages ul li h2, .website .advantages ul li p {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto; }
  .website .questions {
    display: table;
    padding: 0; }
    .website .questions .left, .website .questions .right {
      display: table-cell;
      float: none;
      vertical-align: middle;
      padding: 100px; }
    .website .questions .left p {
      font-size: 25px;
      line-height: 1.4;
      margin-bottom: 0; }
    .website .questions .right {
      background: #f5f5f9; }
      .website .questions .right ul {
        margin-bottom: -24px; }
        .website .questions .right ul li {
          font-weight: 600;
          font-size: 16px;
          color: #1f272c;
          line-height: 24px;
          margin-bottom: 24px;
          position: relative;
          padding-left: 30px; }
          .website .questions .right ul li:before {
            content: '';
            position: absolute;
            top: 3px;
            left: 0;
            float: left;
            width: 20px;
            height: 20px;
            background: url("../gfx/icon-checkmark.svg") no-repeat center center;
            background-size: 20px 20px; }
  .website .contact {
    margin-bottom: 100px; }
    .website .contact .left {
      width: 350px; }
      .website .contact .left .address, .website .contact .left .bank-details, .website .contact .left .notary-details {
        margin-left: 50px; }
      .website .contact .left h3 {
        margin-left: -50px;
        padding-left: 50px;
        margin-bottom: -10px;
        margin-top: -10px;
        line-height: 40px; }
      .website .contact .left strong {
        font-weight: 600; }
      .website .contact .left .address h3 {
        background: url("../gfx/icon-location.svg") no-repeat 6px center;
        background-size: 19px 28px; }
      .website .contact .left .address p:first-child {
        margin-bottom: 0; }
      .website .contact .left .bank-details h3 {
        background: url("../gfx/icon-bank.svg") no-repeat 2px center;
        background-size: 26px 30px; }
      .website .contact .left .notary-details h3 {
        background: url("../gfx/icon-suitcase.svg") no-repeat left center;
        background-size: 30px 29px; }
    .website .contact .right {
      padding-left: 10px;
      width: 600px;
      float: right; }
  .website .news-overview > .detail, .website .news-detail > .detail {
    width: calc(100% - 300px);
    float: left;
    padding-right: 30px; }
  .website .news-overview .articles, .website .news-detail .articles {
    width: calc(100% - 280px);
    float: left;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap; }
    .website .news-overview .articles a.card, .website .news-detail .articles a.card {
      width: calc(50% - 20px);
      margin-right: 20px;
      float: left;
      transition: box-shadow 500ms;
      margin-bottom: 20px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .website .news-overview .articles a.card h3, .website .news-detail .articles a.card h3 {
        color: #1f272c;
        max-width: 80%;
        margin: 0 auto; }
      .website .news-overview .articles a.card:hover, .website .news-detail .articles a.card:hover {
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15); }
        .website .news-overview .articles a.card:hover h3, .website .news-detail .articles a.card:hover h3 {
          color: #f7931d; }
        .website .news-overview .articles a.card:hover .btn:before, .website .news-detail .articles a.card:hover .btn:before {
          width: 100%; }
  .website .news-overview .about.card, .website .news-detail .about.card {
    width: 280px;
    background: #15212c;
    float: right;
    color: #fff;
    padding: 0;
    font-size: 16px; }
    .website .news-overview .about.card .card-content, .website .news-detail .about.card .card-content {
      padding: 40px 40px 15px; }
      .website .news-overview .about.card .card-content ul, .website .news-detail .about.card .card-content ul {
        margin-top: 30px; }
        .website .news-overview .about.card .card-content ul li a, .website .news-detail .about.card .card-content ul li a {
          color: #74828b;
          margin-bottom: 10px; }
          .website .news-overview .about.card .card-content ul li a:hover, .website .news-detail .about.card .card-content ul li a:hover {
            color: #f7931d; }
    .website .news-overview .about.card .download-ebook, .website .news-detail .about.card .download-ebook {
      display: block;
      line-height: 20px;
      padding: 25px 0 25px 40px;
      color: #f7931d;
      font-weight: 600;
      text-decoration: none;
      border-top: solid 1px #24313b;
      background: url("../gfx/icon-download.svg") no-repeat calc(100% - 40px) center;
      background-size: 13px 16px; }
      .website .news-overview .about.card .download-ebook:hover, .website .news-detail .about.card .download-ebook:hover {
        background-color: #0d141b; }

.privacy-policy ul {
  list-style: circle;
  margin-left: 20px; }
  .privacy-policy ul li {
    padding-left: 10px;
    margin-bottom: 20px; }

.get-in-touch {
  position: relative;
  z-index: 0; }
  .get-in-touch .container {
    width: 820px;
    margin: 0 auto;
    padding: 80px 20px;
    text-align: center;
    color: #fff; }
    .get-in-touch .container p {
      color: #96a2ab; }
    .get-in-touch .container p.smaller {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
  .get-in-touch:before {
    content: '';
    display: block;
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    height: 100%;
    background: #1a2d3a;
    z-index: -1; }
  .get-in-touch:after {
    content: '';
    display: block;
    position: absolute;
    top: -40px;
    left: -50px;
    right: -50px;
    height: 400px;
    transform: rotate(-5deg);
    background: #1a2d3a;
    z-index: -1; }
  .get-in-touch.tall:after {
    top: -230px;
    height: 630px; }

.dialog:after {
  content: '';
  background: #1a2d3a;
  opacity: .85;
  z-index: 299;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.dialog .card {
  position: absolute;
  z-index: 300;
  top: 25%;
  left: calc(50% - 290px);
  max-width: 580px;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  opacity: 0;
  animation: dialog-fade-in;
  animation-duration: 500ms;
  animation-delay: 100ms;
  animation-fill-mode: forwards; }
  .dialog .card h2:after {
    left: calc(50% - 20px); }
  .dialog .card .icon-check {
    display: inline-block;
    width: 79px;
    height: 60px;
    background-image: url("../gfx/check-big.svg");
    background-size: 79px 60px;
    margin: 5px 0 20px; }

.links ul li a, footer .newslist ul li a {
  display: inline-block;
  text-decoration: none; }
  .links ul li a:hover, footer .newslist ul li a:hover {
    color: #f7931d; }
  .links ul li a:before, footer .newslist ul li a:before {
    content: '>';
    padding-right: 7px;
    float: left;
    font-weight: 600; }

footer {
  padding: 50px 0 0 0;
  border-top: solid 3px #f7931d;
  background: #f4f5fa;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  footer .container {
    display: block;
    overflow: hidden;
    padding-bottom: 40px; }
    footer .container:last-child {
      border-top: solid 1px #dee2ea;
      line-height: 70px;
      font-size: 10px;
      padding-bottom: 0; }
      footer .container:last-child .left {
        width: 50%;
        float: left;
        color: #74828b; }
      footer .container:last-child .right {
        width: 50%;
        float: right;
        text-align: right;
        color: #1f272c; }
        footer .container:last-child .right a {
          color: #1f272c;
          text-decoration: none;
          text-transform: uppercase;
          font-weight: 600; }
          footer .container:last-child .right a:hover {
            text-decoration: underline; }
      footer .container:last-child .segment:not(:last-child):after {
        content: '|';
        margin: 0 6px 0 8px; }
  footer .address {
    float: left;
    width: 300px; }
    footer .address p, footer .address address {
      font-size: 14px;
      color: #74828b;
      margin-bottom: 0; }
  footer .links, footer .newslist {
    float: left;
    width: 300px; }
    footer .links ul li a, footer .newslist ul li a {
      font-size: 14px;
      color: #1f272c; }
  footer .newslist {
    width: calc(100% - 600px);
    float: left; }
    footer .newslist ul li a {
      margin-bottom: 20px; }

.webp .header .background {
  background: #20333f url("../gfx/hero@2x.webp") no-repeat top center; }
.webp .download-ebook-bar:after {
  background: url("../gfx/ebook-screen.webp") no-repeat center center; }
.webp .website .about .statistics:after {
  background: url("../gfx/globe@2x.webp") no-repeat center center; }

@media (max-width: 1200px) {
  .hide-1200 {
    display: none !important; }

  .header .background {
    background: #20333f url("../gfx/hero.jpg") no-repeat top center; }

  .webp .header .background {
    background: #20333f url("../gfx/hero.webp") no-repeat top center; }

  .website .about .statistics .row .card {
    font-size: calc(10px + 0.3vw); } }
@media (max-width: 1100px) {
  .header nav.menu .menu-btn {
    display: block;
    padding: 6vw 1vw 2vw; }
  .header nav.menu a.logo {
    margin-top: 6vw; }
  .header nav.menu ul.items {
    position: fixed;
    right: 0;
    top: 0;
    max-width: 300px;
    width: 100%;
    height: 100%;
    background: #15222b;
    z-index: -100;
    margin-right: -300px;
    margin-left: 300px;
    overflow-y: auto; }
    .header nav.menu ul.items li {
      display: block;
      float: none;
      margin: 0;
      padding: 0; }
      .header nav.menu ul.items li a, .header nav.menu ul.items li a.active, .header nav.menu ul.items li a:hover {
        padding: 0 30px 0 40px;
        line-height: 60px;
        border-top: none;
        border-bottom: solid 1px #182833; }
        .header nav.menu ul.items li a:after, .header nav.menu ul.items li a.active:after, .header nav.menu ul.items li a:hover:after {
          content: '>';
          float: right;
          color: #5d666d; }
      .header nav.menu ul.items li a.active:after {
        color: #f7931d; }

  body.open-menu {
    margin-left: -300px;
    margin-right: 300px; }
    body.open-menu .header nav.menu ul.items {
      margin-left: 0;
      margin-right: 0; }

  .download-ebook-bar {
    padding: 50px;
    margin-top: 5vw; }
    .download-ebook-bar:after {
      display: none; }
    .download-ebook-bar .content h2 {
      line-height: 30px; }
    .download-ebook-bar .btn {
      margin-top: -63px; } }
@media (max-width: 1000px) {
  .hide-1000 {
    display: none !important; }

  h1 {
    font-size: 4vw; }

  h2 {
    font-size: 3vw; }

  h3 {
    font-size: 18px; }

  h4 {
    font-size: 16px; }

  p, .privacy-policy ul li {
    font-size: 16px;
    margin-bottom: 3.5vw; }

  .header.hero .container {
    padding-bottom: 5vw; }
  .header.hero .about {
    margin: 11vw auto 0; }
    .header.hero .about p {
      font-size: 2.5vw; }
  .header.hero .services {
    padding-top: 12vw; }
    .header.hero .services .card:not(:last-child) {
      width: calc(100% / 3);
      margin-right: 10px; }

  .header .page-head, .header .page-head.with-cta {
    margin: 9vw auto 14vw; }

  .header .page-head p {
    font-size: 2.5vw;
    margin: 0 0 4vw 0; }

  .header .page-head.with-cta .btn {
    font-size: 16px;
    line-height: 3;
    padding: 0 20px; }

  .card {
    padding: 4.5vw; }
    .card h2 {
      margin-bottom: 3.5vw;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 3.5vw; }

  .btn {
    font-size: 14px; }

  .website {
    padding-top: 5vw; }
    .website .about .content {
      float: none;
      width: 100%; }
      .website .about .content > div {
        overflow: hidden; }
      .website .about .content p {
        width: 50%;
        padding-right: 25px;
        float: left; }
    .website .about .statistics {
      float: none;
      width: 100%;
      padding-top: 50px;
      margin-top: 30px; }
      .website .about .statistics .row:first-child {
        margin: 0; }
      .website .about .statistics:before {
        left: 0;
        background: url("../gfx/ripe-logo.svg") no-repeat center left; }
      .website .about .statistics:after {
        display: none; }
      .website .about .statistics .row .card {
        font-size: 14px; }
        .website .about .statistics .row .card .statistic {
          font-size: 22px; }
    .website .why-we-are-awesome {
      margin: 5vw 0; }
      .website .why-we-are-awesome ul {
        margin: 5vw 0;
        display: block; }
        .website .why-we-are-awesome ul li {
          display: block;
          width: 100%;
          padding: 26px 30px 30px;
          max-height: 69px;
          overflow: hidden;
          transition: padding 300ms, max-height 300ms; }
          .website .why-we-are-awesome ul li.open {
            padding: 26px 30px 110px;
            max-height: 800px; }
            .website .why-we-are-awesome ul li.open h3 > a:after {
              content: '˅'; }
            .website .why-we-are-awesome ul li.open:after {
              bottom: 30px; }
          .website .why-we-are-awesome ul li h3 {
            margin: 0 0 25px 0;
            padding: 0 0 29px 0; }
            .website .why-we-are-awesome ul li h3 > a {
              display: block;
              position: absolute;
              top: -25px;
              left: -30px;
              right: -30px;
              bottom: 0; }
              .website .why-we-are-awesome ul li h3 > a:after {
                content: '>';
                position: absolute;
                right: 30px;
                top: 0;
                line-height: 65px;
                color: #fff;
                opacity: 0.5; }
          .website .why-we-are-awesome ul li:after {
            bottom: -9999px; }
    .website .service-detail .left {
      width: 40%;
      padding-right: 20px; }
      .website .service-detail .left p {
        font-size: 2.5vw; }
    .website .service-detail .right {
      width: 60%; }
    .website .advantages {
      margin: 6vw 0; }
      .website .advantages ul li .icon {
        width: 13vw;
        height: 13vw; }
      .website .advantages ul li .icon-fast {
        background-size: 5.6vw 6vw; }
      .website .advantages ul li .icon-support {
        background-size: 6vw 5.8vw; }
      .website .advantages ul li .icon-go {
        background-size: 6vw 6vw; }
    .website .questions .left, .website .questions .right {
      padding: 7vw; }
    .website .questions p {
      font-size: 2.5vw; }
    .website .questions h2 {
      padding-left: 0; }
    .website .questions .right ul li {
      margin-bottom: 16px; }
    .website .ebook .left {
      padding-right: 50px; }
    .website .ebook .right h2 {
      padding-left: 0; }
    .website .ebook .small {
      display: none; }
    .website .contact .left {
      width: 315px; }
    .website .contact .right {
      width: calc(100% - 315px); }
    .website .contact .right .card {
      padding: 4.5vw; }
      .website .contact .right .card h2 {
        padding-left: 0; }
    .website .news-overview {
      margin-top: -10px; }
    .website .news-overview .detail, .website .news-detail .detail {
      width: 100%;
      float: none;
      padding-right: 0; }
    .website .news-overview .articles, .website .news-detail .articles {
      width: 100%;
      float: none; }
      .website .news-overview .articles a.card, .website .news-detail .articles a.card {
        margin: 10px;
        padding: 4.5vw; }
    .website .news-overview .card.about, .website .news-detail .card.about {
      display: none; }

  .get-in-touch .container {
    padding: 8vw 20px;
    width: 100%; }
    .get-in-touch .container .btn {
      font-size: 17px;
      line-height: 55px;
      padding: 0 30px; }

  .dialog .card {
    top: 25vw; }

  footer {
    padding: 0; }
    footer .container {
      padding-bottom: 0; }
      footer .container:last-child {
        border-top: none; }
    footer .address, footer .links, footer .newslist, footer .newslist {
      display: block;
      width: 100%;
      padding: 5px 0 0 0;
      max-height: 50px;
      border-bottom: solid 2px red;
      overflow: hidden;
      transition: padding 300ms, max-height 300ms;
      border-bottom: solid 1px #dee2ea; }
      footer .address.open, footer .links.open, footer .open.newslist, footer .newslist.open {
        max-height: 800px;
        padding: 5px 0 20px 0; }
        footer .address.open h4 > a:after, footer .links.open h4 > a:after, footer .open.newslist h4 > a:after, footer .newslist.open h4 > a:after {
          content: '˅'; }
      footer .address h4, footer .links h4, footer .newslist h4, footer .newslist h4 {
        line-height: 40px;
        position: relative;
        margin-bottom: 20px; }
        footer .address h4 > a, footer .links h4 > a, footer .newslist h4 > a, footer .newslist h4 > a {
          display: block;
          position: absolute;
          top: -5px;
          left: 0;
          right: 0;
          bottom: -5px; }
          footer .address h4 > a:after, footer .links h4 > a:after, footer .newslist h4 > a:after, footer .newslist h4 > a:after {
            content: '>';
            position: absolute;
            right: 10px;
            top: 0;
            line-height: 50px;
            color: #15222b;
            opacity: 0.5; } }
@media (max-width: 767px) {
  h2 {
    font-size: 22px;
    margin-bottom: 10px; }

  .header nav.menu .left .logo {
    width: 34.5vw;
    background-size: 34.5vw 4.4vw; }
  .header .page-head p {
    font-size: 18px;
    margin: 0 0 25px 0; }

  .header.hero .background:after {
    top: 600px; }
  .header.hero .about .btn {
    font-size: 16px;
    line-height: 50px;
    padding: 0 25px; }
  .header.hero .services ul {
    display: block; }
    .header.hero .services ul .card:not(:last-child), .header.hero .services ul .card {
      display: block;
      width: 100%;
      float: none;
      margin-bottom: 10px;
      padding: 40px; }

  .download-ebook-bar {
    padding: 100px 30px 30px;
    margin: 40px 0 20px;
    text-align: center; }
    .download-ebook-bar .content {
      max-width: 100%; }
    .download-ebook-bar:after {
      display: block;
      width: 63px;
      height: 98px;
      background-size: contain;
      left: calc(50% - 31px); }
    .download-ebook-bar .btn {
      display: inline-block;
      margin-top: 20px;
      float: none; }
      .download-ebook-bar .btn .hide-1200 {
        display: inline !important; }

  .website .about .content p {
    width: 100%;
    padding-right: 0;
    float: none; }
  .website .about .content .btn {
    margin-top: 10px; }
  .website .service-detail {
    display: block; }
    .website .service-detail .left, .website .service-detail .right {
      display: block;
      float: none;
      width: 100%; }
    .website .service-detail .left p {
      display: none; }
    .website .service-detail p, .website .service-detail h2 {
      padding-right: 0;
      max-width: 100%; }
  .website .questions {
    display: block; }
    .website .questions .left, .website .questions .right {
      display: block;
      float: none;
      padding: 40px;
      width: 100%; }
    .website .questions .left p {
      font-size: 16px; }
  .website .ebook .left, .website .ebook .right {
    width: 100%;
    float: none;
    padding: 0; }
    .website .ebook .left .card, .website .ebook .right .card {
      padding: 20px; }
  .website .contact {
    margin-bottom: 20px; }
    .website .contact .left, .website .contact .right {
      width: 100%;
      float: none;
      margin-top: 5px; }
    .website .contact .right {
      margin-bottom: 50px;
      padding-left: 0; }
      .website .contact .right .card {
        padding: 20px; }

  .hide-767 {
    display: none; } }
@media (max-width: 600px) {
  .hide-600 {
    display: none !important; }

  h1 {
    font-size: 24px; }

  p, .privacy-policy ul li {
    margin-bottom: 20px; }

  .header.hero .about p {
    font-size: 16px; }

  .website .about .statistics .row {
    height: 75px; }
    .website .about .statistics .row .card {
      font-size: 12px;
      font-weight: 400;
      padding: 12px 0; }
    .website .about .statistics .row .card strong.statistic {
      font-size: 16px; }
    .website .about .statistics .row .card:not(:last-child) {
      margin-right: 10px;
      width: calc(33% - 5px); }
  .website .advantages ul li {
    width: 100%;
    float: none;
    margin-bottom: 8vw; }
    .website .advantages ul li .icon {
      width: 90px;
      height: 90px; }
    .website .advantages ul li .icon-fast {
      background-size: 39.2px 42px; }
    .website .advantages ul li .icon-support {
      background-size: 42px 40.6px; }
    .website .advantages ul li .icon-go {
      background-size: 42px 42px; }
  .website .questions {
    overflow: hidden; }
    .website .questions .left, .website .questions .right {
      padding: 20px; }
    .website .questions .right ul li {
      font-size: 15px; }
  .website .news-overview .articles, .website .news-detail .articles {
    display: block; }
    .website .news-overview .articles a.card, .website .news-detail .articles a.card {
      width: 100%;
      margin: 10px 0;
      padding: 20px; }
  .website .news-overview .card.about, .website .news-detail .card.about {
    display: none; }

  .dialog .card {
    left: 25px;
    right: 25px;
    width: auto; }
    .dialog .card br {
      display: none; }
    .dialog .card .icon-check {
      width: 40px;
      height: 30px;
      background-size: 40px 30px; }

  footer .container:last-child {
    margin: 30px 0; }
    footer .container:last-child .left, footer .container:last-child .right {
      width: 100%;
      float: none;
      text-align: center;
      line-height: 20px; } }
@media (max-width: 400px) {
  .header nav.menu .left .logo {
    width: 138px;
    background-size: 138px 17px; }

  .header.hero .about {
    padding: 0; } }

/*# sourceMappingURL=default.min.css.map */