.search-icon{
  cursor: pointer;
}

.search-bar{
  width: 100%;
  height: 64px;
  background-color: #004481;
}

.search-bar .search-bar-content{
  height: 64px;
  position: relative;
  display: flex;
  align-items: center;
}

.search-bar-input-wrapper{
  flex: 1;
  padding-left: 8px;
  color: #ffffff;
  display: flex;
}

.search-bar-input-wrapper input[type="text"]::-webkit-input-placeholder{
  color: #ffffff;
  opacity: 1;
}
.search-bar-input-wrapper input[type="text"]:-moz-placeholder{
  color: #ffffff;
  opacity: 1;
}
.search-bar-input-wrapper input[type="text"]::-moz-placeholder{
  color: #ffffff;
  opacity: 1;
}
.search-bar-input-wrapper input[type="text"]:-ms-input-placeholder{
  color: #ffffff;
  opacity: 1;
}

.search-bar-input-wrapper input[type="text"]:placeholder-shown{
  color: #ffffff;
  font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  opacity: 1;
}

input.search-bar-input,
input.search-bar-input[type="text"]{
  background: transparent;
  outline: none;
  border: none;
  letter-spacing: normal;
  border-bottom: none;
  padding: 0;
}

.search-bar-input{
  color: #ffffff;
  flex: 1;
  font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.search-bar-input-label{
  display: none;
  font-family: "BentonSansBBVA Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: italic;
}

.search-bar-close {
  display: block;
  font-size: 3.8rem;
  color: #ffffff;
  cursor: pointer;
  padding-left: 16px;
}

.spinner-container{
  display: flex;
  justify-content: center;
  padding: 0 0 24px 0;
}

.spinner{
  width: 47px;
  height: 47px;
  will-change: transform;
}

.search-results-title h1{
  padding: 56px 0 32px 0;
  font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #121212;
}

.search-results-container{
  background-color: #f4f4f4;
  padding: 56px 0;
}

.search-results-container-header{
  padding-bottom: 8px;
}

.search-result-item{
  padding: 32px 0 31px 0;
  border-bottom: 1px solid #e9e9e9;
}

.search-result-item-title{
  padding-bottom: 8px;
  display: block;
}

.search-results-pagination-container{
  border-top: 1px solid #e9e9e9;
  padding: 16px 0;
}

.searchresults__pagination__item{
  display: inline-block;
  border-right: 1px solid #e9e9e9;
}

.searchresults__pagination__item a {
  color: #237aba;
  font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-decoration: none;
  padding: 0 16px;
}

.searchresults__pagination__item a.active {
  color: #121212;
  pointer-events: none;
}

.rotate {
  animation: rotation 1.35s infinite cubic-bezier(0.3,0.85,0.3,0.85) /* ease-in-out */;
}

.search-suggestions {
  position: absolute;
  width: 100%;
  z-index: 10;
}

#searchSuggestionsList {
  display: block;
  padding: 16px 32px 24px 44px;
  box-shadow: 0 1px 3px 0 rgba(18, 18, 18, 0.2);
  background-color: white;
}

#searchSuggestionsList.hidden {
  display: none;
  visibility: hidden;
}

.search-suggestions .search-suggestions-list .search-suggestions-list-item {
  display: block;
  padding: 0;
}

.search-suggestions .search-suggestions-list .search-suggestions-title {
  font-family: "BentonSansBBVA Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #121212;
  display: inline-block;
  padding: 0 0 8px 0;
}

.search-suggestions .search-suggestions-list .search-suggestions-item {
  display: inline-block;
  font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #1973b8;
  cursor: pointer;
  padding: 8px 0;
  margin: 0;
}

.search-suggestions .search-suggestions-list .search-suggestions-item:hover {
  color: #104975;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);

  }
  to {
    transform: rotate(359deg);
    /*animation-timing-function: ease-in;*/
  }
}

@media (min-width: 992px) {
  .search-bar-input-label{
    display: block;
  }

  .search-results-list{
    width: 90%;
  }

  .search-result-item-text {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .searchresults__pagination__item{
    margin-top: 12px;
  }
}