@font-face {
  font-family: 'Proximus';
  src: url("../assets/fonts/Proximus-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Proximus';
  src: url("../assets/fonts/Proximus-Bold.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: bold; }

.wrapper {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative; }

.wrapper:after {
  padding-top: 43.85965%;
  /* 16:9 ratio */
  display: block;
  content: ''; }

.main {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */
  /* let's see it! */ }

.pictawall-slider {
  font-family: 'Proximus', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  /*
  w 570
  h 500 / 2

*/ }
  .pictawall-slider .loader {
    position: absolute;
    color: #ffffff;
    height: 100%;
    width: 100%;
    font-size: 2em;
    text-align: center;
    padding-top: 200px;
    background-image: url("../assets/powered_pictawall_100.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 10px;
    background-color: rgba(0, 0, 0, 0.6); }
    .pictawall-slider .loader .powered {
      font-size: 0.7em; }
  .pictawall-slider .row {
    width: 100%;
    height: 100%; }
    @media (max-width: 559px) {
      .pictawall-slider .row {
        margin-bottom: 0; } }
    @media (min-width: 560px) and (max-width: 699px) {
      .pictawall-slider .row {
        margin-bottom: 1px; } }
    @media (min-width: 700px) and (max-width: 1199px) {
      .pictawall-slider .row {
        margin-bottom: 1px; } }
    @media (min-width: 1200px) and (max-width: 1999) {
      .pictawall-slider .row {
        margin-bottom: 2px; } }
  .pictawall-slider .col {
    float: left;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    @media (max-width: 559px) {
      .pictawall-slider .col {
        float: none; }
        .pictawall-slider .col .box {
          margin-right: 0; } }
    @media (min-width: 560px) and (max-width: 699px) {
      .pictawall-slider .col .box {
        margin-right: 1px; }
      .pictawall-slider .col.right .box {
        margin-right: 0; } }
    @media (min-width: 700px) and (max-width: 1199px) {
      .pictawall-slider .col .box {
        margin-right: 1px; }
      .pictawall-slider .col.right .box {
        margin-right: 0; } }
    @media (min-width: 1200px) and (max-width: 1999) {
      .pictawall-slider .col .box {
        margin-right: 2px; }
      .pictawall-slider .col.right .box {
        margin-right: 0; } }
  .pictawall-slider .box {
    height: 100%;
    width: 100%; }
  .pictawall-slider .pictawall-slider {
    height: 250px; }
  .pictawall-slider .box1 .picture .image {
    left: auto;
    text-align: right;
    right: 4.38596%; }
  .pictawall-slider .box1 .picture .owner {
    left: 4.38596%;
    right: auto; }
  .pictawall-slider .box2 .picture .image {
    right: auto;
    text-align: left;
    left: 4.38596%; }
  .pictawall-slider .box2 .picture .owner {
    left: auto;
    right: 4.38596%; }
  .pictawall-slider .picture {
    width: 100%;
    height: 100%;
    position: relative; }
    .pictawall-slider .picture .image {
      position: absolute;
      top: 10%;
      width: 62.2807%;
      height: 88%;
      background-repeat: no-repeat;
      background-size: cover; }
      .pictawall-slider .picture .image .network {
        height: 14.4%;
        padding: 5px; }
    .pictawall-slider .picture .owner {
      position: absolute;
      background-color: #eeeaf4;
      top: 18%;
      width: 35.08772%;
      height: 72%;
      font-size: 3vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      @media (min-width: 560px) and (max-width: 699px) {
        .pictawall-slider .picture .owner {
          font-size: 2vw; } }
      @media (min-width: 1200px) and (max-width: 1999) {
        .pictawall-slider .picture .owner {
          font-size: 3vw; } }
      .pictawall-slider .picture .owner .avatar {
        height: 38%;
        width: 38%;
        border-radius: 50%; }
      .pictawall-slider .picture .owner .author {
        text-align: center; }
      .pictawall-slider .picture .owner .since {
        color: #636363; }
    .pictawall-slider .picture .overlay {
      position: relative;
      background-color: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%; }
      @media (max-width: 559px) {
        .pictawall-slider .picture .overlay {
          padding: 5px; } }
      @media (min-width: 560px) and (max-width: 699px) {
        .pictawall-slider .picture .overlay {
          padding: 7px; } }
      @media (min-width: 1200px) and (max-width: 1999) {
        .pictawall-slider .picture .overlay {
          padding: 10px; } }
      .pictawall-slider .picture .overlay .pw-content {
        position: absolute;
        bottom: 25px; }
      .pictawall-slider .picture .overlay .text {
        font-size: 22px;
        font-weight: 600; }
        @media (max-width: 559px) {
          .pictawall-slider .picture .overlay .text {
            padding: 40px 5px 5px;
            font-size: 18px; } }
        @media (min-width: 560px) and (max-width: 699px) {
          .pictawall-slider .picture .overlay .text {
            font-size: 18px; } }
      .pictawall-slider .picture .overlay .author {
        height: 30px;
        font-size: 16px;
        margin-top: 10px;
        padding-top: 5px;
        padding-left: 35px; }
        .pictawall-slider .picture .overlay .author.twitter {
          background-image: url("../assets/twitter.png");
          background-position: left;
          background-repeat: no-repeat;
          background-size: 26px; }
        .pictawall-slider .picture .overlay .author.facebook {
          background-image: url("../assets/facebook.png");
          background-position: left;
          background-repeat: no-repeat;
          background-size: 26px; }
        .pictawall-slider .picture .overlay .author.instagram {
          background-image: url("../assets/instagram.png");
          background-position: left;
          background-repeat: no-repeat;
          background-size: 26px; }
  .pictawall-slider .header {
    color: #5c2d91;
    padding: 12px; }