.search-form {
  margin-top: 2.92683rem;
  margin-bottom: 15.60976rem;
  padding-left: 17.56098rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .search-form input {
    width: 100%;
    font-size: 7.80488rem;
    color: #FBFBFB;
    outline: 0;
    border: 0;
    line-height: 1.9;
    border-bottom: 1px solid #767676;
    background: transparent;
    padding-right: 3.90244rem;
    border-radius: 0; }
    .search-form input::-webkit-input-placeholder {
      color: #767676; }
    .search-form input::-moz-placeholder {
      color: #767676; }
    .search-form input::-ms-input-placeholder {
      color: #767676; }
    .search-form input::placeholder {
      color: #767676; }
  .search-form .btn {
    position: absolute;
    padding: 0.97561rem;
    right: 0;
    font-size: 2.34146rem;
    bottom: 4.58537rem;
    right: -1.36585rem;
    color: #767676;
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 4.4878rem;
    height: 4.4878rem;
    line-height: 1; }

.results {
  padding-bottom: 26.82927rem; }
  .results .result-title {
    color: #FBFBFB;
    font-size: 1.95122rem;
    font-family: "Inter-light", sans-serif;
    text-transform: uppercase;
    margin-bottom: 5.85366rem; }

.project-item {
  border-bottom: 1px solid #FBFBFB; }
  .project-item:first-child {
    padding-top: 0; }

.product-result {
  margin-bottom: 7.80488rem; }

.project-result, .collection-result {
  margin-bottom: 14.63415rem; }

.icon-search:before {
  content: "\e901"; }

@media (max-width: 1024px) {
  .results {
    padding-bottom: 9.7561rem; }
    .results .result-title {
      margin-bottom: 3.12195rem; }
  .search-form {
    padding-left: 0;
    margin-top: 9.7561rem;
    margin-bottom: 11.70732rem; }
    .search-form input {
      font-size: 2.92683rem;
      padding-left: 0; }
    .search-form .btn {
      bottom: 0.58537rem;
      display: none; }
  .project-result, .collection-result {
    margin-bottom: 7.80488rem; } }

.no-results {
  margin-bottom: 11.70732rem;
  display: none; }

.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #fff;
  border-radius: 50%;
  -webkit-animation: loader-rotate 1s linear infinite;
          animation: loader-rotate 1s linear infinite;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  pointer-events: none; }
  .loading.show {
    visibility: visible;
    opacity: 1;
    z-index: 111;
    pointer-events: all; }

.clear-btn {
  display: none; }