/* * New CSS Search *
.search-icon {
    position: absolute;
    right: 30px;
    padding: 30px 8px;
}

.search-icon > img {
    width: 14px;
    height: auto;
}

.close-button > img{
    display: block;
}

header div#block-exposedformsearchpage {
    position: absolute;
    left: 114px;
    top: 171px;
    z-index: 10;
    display: none;
}

header div#edit-actions {
    display: none;
}

.search-container{
    display: none;
    padding: 80px 141px;
    color: #0000a0;
    font-family: MarsCentra-Bold,sans-serif;
    font-size: 20px;
    background: #f4f4f4;
    position: fixed;
    z-index: 2;
    width: 100vw;
    right: 0px;
    top: 163px;
}
.search-container.search-open{
    display: block;
}
.search-header .close-button{
    text-align: right;
    line-height: 30px;
    top: 3vw;
    right: 11vw;
    position: absolute;
}
.search-header .close-button > img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.search-field-content{
    width: 100%;
    border-bottom: 1px solid #0000a0;
    padding-bottom: 5px;
}
.search-field{
    border: 0;
    border-bottom: 1px solid #0000a0;
    outline: 0;
    background: transparent;
    width: 80vw;
    position: absolute;
    left: 10%;
    font-style: italic;
    top: -20px;
}

.search-field::placeholder{
    color: #0000a0;
    font-family: MarsCentra-Bold,sans-serif;
    font-size: 20px;
}

.search-field-content > img{
    display: inline-block;
    width: 19px;
    height: 20px;
}
.term-content{
    margin-top: 15px;
    display: flex;
}
.suggestion-search-content{
    padding: 20px 0;
    display: none;
    position: absolute;
    background: #f4f4f4;
    height: auto;
    width: 100%;
}
.suggestion-search-content > ul, .popular-search-content > ul,.recently-search-content > ul{
    padding-left: 10px;
}
.popular-search-content,.recently-search-content{
    display: inline-block;
    width: 48%;
    padding: 20px 0;
}
.popular-search-content > span,.recently-search-content > span{
    padding-left: 10px;
    font-family: MarsCentra-Bold,sans-serif;
    font-size: 16px;
    color: #3c3c3c;
}
.popular-search-content > ul > li,.recently-search-content > ul > li{
    font-family: MarsCentra-Bold,sans-serif;
    font-size: 17px;
}
.search-container ul > li{
    padding: 10px 0;
    list-style: none;
}
.search-container ul > li > a{
    color: #0000a0;
}
.search-container ul > li > a > img{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px;
}

.form-item-keywords label{
    display: none;
}

@keyframes lds-rolling {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
#suggestion-search-spinner{
    display: none;
    float: right;
}
#suggestion-search-spinner .lds-rolling {
    position: relative;
}
#suggestion-search-spinner .lds-rolling div,
#suggestion-search-spinner .lds-rolling div:after {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 3px solid #0000a0;
    border-top-color: transparent;
    border-radius: 50%;
}
#suggestion-search-spinner .lds-rolling div {
    -webkit-animation: lds-rolling 1s linear infinite;
    animation: lds-rolling 1s linear infinite;
    top: 20px;
    left: 20px;
}
#suggestion-search-spinner .lds-rolling div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#suggestion-search-spinner .lds-rolling {
    width: 40px !important;
    height: 40px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
@media (max-width: 1200px){
    .suggestion-search-content{
        height: 100%;
    }

    .term-content{
        display: inline-block;
    }
    .popular-search-content,.recently-search-content{
        display: block;
        width: 100%;
    }
    .search-container {
        padding: 85px 20px;
        position: fixed;
        z-index: 2;
        width: 100%;
        height: 100vh;
    }
    .search-field-content{
        padding-top: 0px;
    }
    .search-field {
        padding-left: 16px;
    }
} */