/*SEARCH PAGE*/
/* Layout for search container */
.search-logo .container {
    max-width: 1530px;
}
.search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.js .search {
    position: fixed;
    z-index: 1029;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.js .search::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #0076a9;
}
.btn--search-close {
    display: none;
    background: none;
    border: none;
    color: #fff;
    font-size: 15px;
    font-family: "fs_silas_sans", sans-serif;
    font-weight: 700;
    line-height: 23px;
    float: right;
    letter-spacing: 0.1em;
}

.btn--search-close .searchCloseICo {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%231C2156'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 0 0 2px;
    background-position: center center;
    background-size: cover;
    position: relative;
    top: 0;
    vertical-align: 0;
}
.js .btn--search-close {
    display: block;
}
/*
.search__form {
    margin: 5em 0;
}
*/
.search__input {
    font-family: inherit;
    font-size: 10vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.05em 0;
    color: #fff;
    border: 0 none;
}
.search .search__input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #fff;
}
.search .search__input::-moz-placeholder {
 opacity: 1;
	/* Mozilla Firefox 19+ */
	color: #fff;
}
.search .search__input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}


.search__input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #fff;
}
 .search__input::-moz-placeholder {
 opacity: 1;
	/* Mozilla Firefox 19+ */
	color: #fff;
}
 .search__input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}
 .search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration {
 -webkit-appearance: none;
}
 .search__input::-ms-clear {
 display: none;
}
.search__info {
    font-size: 90%;
    font-weight: bold;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #fff;
}
.search__related {
    display: flex;
    width: 75%;
    text-align: left;
    pointer-events: none;
}
.search__suggestion {
    width: 50%;
}
.search__suggestion:first-child {
    padding: 0 2em 0 0;
}
.search__suggestion:last-child {
    padding: 0 0 0 2em;
}
.search__suggestion h3 {
    font-size: 1.35em;
    margin: 0;
}
.search__suggestion h3::before {
    content: '\21FE';
    display: inline-block;
    padding: 0 0.5em 0 0;
}
.search__suggestion p {
    font-size: 1.15em;
    line-height: 1.4;
    margin: 0.75em 0 0 0;
}
/************************/
/* Transitions 			*/
/************************/

.js .main-wrap {
    position: relative;
    transition: transform 0.5s;
    overflow: hidden;
}
}
.js .main-wrap--move {
    transform: scale3d(0.7, 0.7, 1);
}
.js .main-wrap--move .btn--search {
    pointer-events: none;
    opacity: 0;
}
.js .search {
    pointer-events: none;
}
.js .search--open {
    pointer-events: auto;
}
.js .search::before {
    opacity: 0;
    transition: opacity 0.5s;
}
.js .search--open::before {
    opacity: 1;
}
/* Close button */
/* .btn--search-close {
    opacity: 0;
    transition: opacity 0.5s;
} */
/* .search--open .btn--search-close {
    opacity: 1;
} */
/* Search form with input and description */

.search__suggestion, .search__info {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity 0.4s, transform 0.4s;
}
.search--open .search__suggestion, .search--open .search__info {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.search--open .search__suggestion:first-child {
    transition-delay: 0.15s;
}
.search--open .search__suggestion:nth-child(2) {
    transition-delay: 0.2s;
}
.js .search__input,
.js .search-logo,
.js #typedtext {
    /*transform: scale3d(0, 1, 1);
    transform-origin: 0% 50%;*/
    opacity: 0;
    transition: opacity 0.0s;
}
.js .search .search__input {
    background: none !important;
}
.js .search--open .search__input,
.js .search--open .search-logo,
.js .search--open #typedtext {
    transform: scale3d(1, 1, 1);
    transition-duration: 0.7s;
    opacity: 1;
    transition: opacity 3.5s;
    font-size: 72px !important;
    background: none !important;
    height: auto !important;
    color: #fff !important;
}
.js .search .search__input {
    color: #fff !important;
}
/* .logo.search-logo {
    text-align: left;
    margin-bottom: 2em;
} */
.logo.search-logo {
    text-align: left;
    margin: 0 0 2em;
    position: absolute;
    top: 57px;
    width: 100%;
}
form.search__form {
    padding-left: 75px;
}
.js .search--open .search__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1C2157 !important;
}
.js .search--open .search__input::-moz-placeholder { /* Firefox 19+ */
  color: #1C2157 !important;
}
.js .search--open .search__input:-ms-input-placeholder { /* IE 10+ */
  color: #1C2157 !important;
}
.js .search--open .search__input:-moz-placeholder { /* Firefox 18- */
  color: #1C2157 !important;
}

.underscore {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.search-container.container 
{
  position: absolute;
  top: 8px;
  float: right;
    max-width: 1530px;
}
.search__form
{
  position: relative;
}
#typedtext
{   
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 87px;
}

/* #search__input:focus + #typedtext
{
  display: none !important;
} */
#search__input
{
  position: relative;
  z-index: 2;
  background-color: transparent !important;
}
#typedtext, .underscore
{
  z-index: 1;
}
#typedtext
{
  display: flex;
}
.underscore
{
  order: 2;
}
.navbar .topLinks .navbar-nav > li #btn-search-close {
    background-color: #ABCAE9;
    margin-left: 30px;
    border-radius: 10px;
    padding: 3.5px 14px 2px 14px;
    font-size: 11px;
    color: #1C2156;
    display: none;
    line-height: 1.2;
    width: 89px;
}





_:-ms-fullscreen, :root .search-container.container { 
       left: 0; 
       right: 0;
     }
_:-ms-fullscreen, :root .logo.search-logo 
{
  left: 0;
  top: 90px;
}

@media screen and (max-width: 40em) {
    .btn--search-close {
        font-size: 1.25em;
    }
    .search__suggestion {
        font-size: 80%;
        width: 100%;
    }
    .search__suggestion:nth-child(2),  .search__suggestion:nth-child(3) {
        display: none;
    }
}
