/* QUOTES */
.header-quotes .header-bottom-right {
  position:relative;
  float:right;
  height:100%;
  display:flex;
  align-items:center;
}

.header-quotes .header-search {
  float:right;
  height:100%;
  display:flex;
  align-items:center;
  font-size:16px;
  color:#fff;
  padding:20px 30px;
  position:relative;
  border-radius:4px;
  margin-right:5px;
}

.header-quotes .header-search:hover {
  cursor:pointer;
}

.header-quotes .header-search-icon {
  position:relative;
  color:#fff;
  background:0 0;
  border:none;
  cursor:pointer;
  font-weight:700;
  font-size:14px;
  margin-top:5px;
}

.header-quotes .header-top-search-form.active {
  transform:scale(1);
  opacity:1;
  visibility:visible;
}

.header-quotes .header-top-search-form {
  transform:scale(0);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  position:absolute;
  top:100%;
  right:0;
  opacity:0;
  visibility:hidden;
  width:400px;
  background:#ffffff;
  border-top:3px solid var(--color_blue);
  box-shadow:0 3px 5px rgba(0,0,0,0.1);
  z-index:9;
}

.header-quotes .header-top-search-form-full {
  padding:20px;
  position:relative;
  width:100%;
}

.header-quotes .header-top-search-form-full form {
  width:100%;
  position:relative;
}

.header-quotes .header-top-search-form-full::after {
  content:"";
  position:absolute;
  right:0;
  top:-12px;
  clear:both;
  display:block;
  clip-path:polygon(55% 0,0% 100%,100% 100%);
  width:20px;
  height:10px;
  background:var(--color_blue);
}

.header-quotes .header-top-search-form-full form {
  width:100%;
  position:relative;
}

.header-quotes .header-top-search-form.active {
  transform:scale(1);
  opacity:1;
  visibility:visible;
  margin-top:6px;
}

.header-quotes .header-top-search-form-full input {
  font-size:15px;
  background-color:#f8f8f8;
  color:#424b5c;
  border:1px solid #f1f1f1;
  width:100%;
  position:relative;
  padding:14px 20px;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  font-weight:400;
}

.header-quotes .header-top-search-form-full input:focus-visible {
  outline:none;
}

.header-quotes .header-top-search-form-full button {
  position:absolute;
  top:0;
  background:var(--color_blue);
  height:100%;
  border:none;
  right:0;
  color:#fff;
  padding:0 15px;
  cursor:pointer;
}

.header-quotes .header-search-icon img {
  width:25px;
  height:25px;
}

.header-quotes .alert-quote {
  position:relative;
  padding:.75rem 1.25rem;
  margin-bottom:1rem;
  border:1px solid transparent;
  border-radius:.25rem;
}

.header-quotes .alert-success-quote {
  color:#155724;
  background-color:#d4edda;
  border-color:#c3e6cb;
}

.header-quotes .alert-error-quote {
  color:#0c5460;
  background-color:#d1ecf1;
  border-color:#bee5eb;
}

.header-quotes .alert-info-quote {
  color:#004085;
  background-color:#cce5ff;
  border-color:#b8daff;
}

.header-quotes .error {
  color:red;
  font-weight:700;
  margin-top:10px;
  display:block;
}