@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: normal;
  src: url("/public/css/fonts/ProximaNova-Regular/ProximaNova-Regular.woff2") format("woff2"), url("/public/css/fonts/ProximaNova-Regular/ProximaNova-Regular.woff") format("woff"), url("/public/css/fonts/ProximaNova-Regular/ProximaNova-Regular.ttf") format("ttf"), url("/public/css/fonts/ProximaNova-Regular/ProximaNova-Regular.eot") format("eot");
}

@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 600;
  src: url("/public/css/fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff2") format("woff2"), url("/public/css/fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff") format("woff"), url("/public/css/fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf") format("ttf"), url("/public/css/fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot") format("eot");
}

@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 300;
  src: url("/public/css/fonts/ProximaNova-Light/ProximaNova-Light.woff2") format("woff2"), url("/public/css/fonts/ProximaNova-Light/ProximaNova-Light.woff") format("woff"), url("/public/css/fonts/ProximaNova-Light/ProximaNova-Light.ttf") format("ttf"), url("/public/css/fonts/ProximaNova-Light/ProximaNova-Light.eot") format("eot");
}

@media (min-width: 640px) and (max-width: 1000px) {
  body .cap .logo {
      width: 46px;
      background-image: url(/public/img/prostars-logo-single.svg);
  }

  body .aboutcompany-module-action .inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  }

  body .aboutcompany-module-action .text {
      margin: 0 30px;
  }

  body .aboutcompany-module-action .artist-block {
      margin: 0;
  }

  body .aboutcompany-module-action .about-block {
      max-width: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1200px) {
  html, body, html body {
      font-family: "Proxima Nova", "Roboto", "Arial", sans-serif;
      font-weight: normal;
      font-weight: 300;
      color: #101010;
      letter-spacing: 0.2px;
      font-size: 18px;
      line-height: 1.56;
      height: auto;
  }

  body .page-wrapper {
      background: #fff;
  }

  body .blog-anonces .anonces-slider {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  }

  body .blog-anonces .anonces-post-container .h3 {
      padding: 20px;
  }

  body .blog-anonces {
      background: #fff;
      padding: 10px 0px 40px 0;
      margin: 0;
  }

  body .blog-anonces .left-side {
      width: auto;
      display: none;
  }

  body .blog-anonces .anonces-paginator {
      margin: 0;
      width: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      margin: 0 auto 30px auto;
  }

  body .blog-anonces .anonces-paginator .btn {
      margin: 0;
  }

  body .blog-anonces .center-side {
      padding: 0;
      width: 100%;
  }

  body .blog-anonces .anonces-toolbar {
      width: auto;
      display: none;
  }

  body .blog-anonces .anonces-post-container {
      width: auto;
  }

  body .items-main-page-slider .slider-controls .btn-prev {
      left: 0;
  }

  body .items-main-page-slider .slider-controls .btn-next {
      right: 0;
  }

  body .cap-bottom .artist-order-btn {
    padding: 8px 8px;
    min-width: 23px;
    text-align: center;
  }

  body .cap-bottom .artist-order-btn:before {
    font-family: "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    content: "tune";
  }

  body .cap-bottom .artist-order-btn span {
    display: none;
  }
}