.search-container {
  background: #f2f2f2;
  width: 375px;
  display: flex;
  border-radius: 17.5px;
  padding: 0 5px;
  margin-right: 18px;
}
@media (max-width: 1599px) {
  .search-container {
    margin-right: 0;
    margin-bottom: 5px;
    width: 300px;
  }
}
.search-container form {
  display: flex;
  width: 100%;
}
.search-container form .form-control, .search-container form .btn {
  box-shadow: unset;
}
.search-container form input[type=text] {
  flex: 1 1;
  border: none;
  background: transparent;
  margin: 0;
}
.search-container form input[type=text]:focus {
  outline: none;
}
.search-container form input[type=submit] {
  border: none;
  background: transparent;
  padding: 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
  text-indent: -9999px;
  width: 35px;
  -webkit-mask-image: url("search-icon.png");
  mask-image: url("search-icon.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: #2c3e4c;
  transition: background-color 0.3s ease-in-out;
}
.search-container form input[type=submit]:hover, .search-container form input[type=submit]:focus, .search-container form input[type=submit]:active {
  background-color: #3da753;
}/*# sourceMappingURL=view.css.map */