.search {position: fixed;z-index: -1;top: 0;left: 0;visibility: hidden;overflow: auto;width: 100%;height: 100vh;margin-top: 88px;-o-transition: opacity .25s ease-out;transition: opacity .25s ease-out;pointer-events: none;opacity: 0;-webkit-overflow-scrolling: touch;}.search-none {margin-top: 88px !important;}.disable {display: none;}.search__form {position: relative;width: 768px;height: 104px;margin: 0 auto;padding-top: 120px;}.search__form-inner {position: relative;z-index: 1;overflow: hidden;}.search__input {display: inline-block;width: 100%;padding: 24px 16px;font-size: 36px;line-height: 56px;color: #1A1A1A;border: none;background: transparent;-webkit-appearance: none;}.search__input::-webkit-input-placeholder {color: rgba(26,26,26,.15)}.search__input::-moz-placeholder {opacity: 1;/* Mozilla Firefox 19+ */color: rgba(26,26,26,0.26);}.search__input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: rgba(26,26,26,0.26);}.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;position: relative;z-index: 9;display: block;width: 100%;padding: 0.85em 0;color: #eaba82;}.search__related {width: 25%;pointer-events: none;}.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;}.search__layer {height: 100vh;}/* Transitions */.main-wrap {position: relative;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, -webkit-transform 0.4s;-o-transition: transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);-o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}.main-wrap--move {-webkit-transform: scale3d(0.99,0.99,1);transform: scale3d(0.99,0.99,1);/* filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter); */-webkit-filter: blur(5px);filter: blur(5px);}.main-wrap--move .btn--search {display: block;pointer-events: none;}.search {pointer-events: none;}.search--open {pointer-events: auto;visibility: visible;z-index: 3;opacity: 1;overflow-y: hidden;}.search::before {opacity: 0;-webkit-transition: opacity 0.4s;-o-transition: opacity 0.4s;transition: opacity 0.4s;}.search--open::before {opacity: 1;}/* Close button */.btn--search-close {display: none;font-size: 2em;-webkit-transition: opacity 0.4s;-o-transition: opacity 0.4s;transition: opacity 0.4s;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity: 0;}.active {display: inherit;opacity: 1;}/* Search form with input and description */.search__suggestion,.search__info {opacity: 0;-webkit-transform: translate3d(0, -50px, 0);transform: translate3d(0, -50px, 0);-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, -webkit-transform 0.4s;-o-transition: opacity 0.4s, transform 0.4s;transition: opacity 0.4s, transform 0.4s;transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;}.search--open .search__suggestion,.search--open .search__info {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}.search__form-inner::after {opacity: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;}.search--open .search__form-inner::after {-webkit-animation: scaleUpDown 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation: scaleUpDown 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;}@-webkit-keyframes scaleUpDown {0% {opacity: 1;-webkit-transform: scale3d(1,0,1);transform: scale3d(1,0,1);}50% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}50.1% {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}100% {opacity: 1;-webkit-transform: scale3d(1,0,1);transform: scale3d(1,0,1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}}@keyframes scaleUpDown {0% {opacity: 1;-webkit-transform: scale3d(1,0,1);transform: scale3d(1,0,1);}50% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}50.1% {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}100% {opacity: 1;-webkit-transform: scale3d(1,0,1);transform: scale3d(1,0,1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}}.search__form-inner {-webkit-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0);-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;-o-transition: transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;display: flex;flex-direction: row;position: relative;border-bottom: 2px solid #DADADA;}.search--open .search__form-inner {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: none;-o-transition: none;transition: none;}.search__input {opacity: 0;-webkit-transition: opacity 0.4s;-o-transition: opacity 0.4s;transition: opacity 0.4s;}.search--open .search__input {opacity: 1;-webkit-transition: opacity 0s 0.1s;-o-transition: opacity 0s 0.1s;transition: opacity 0s 0.1s;}/* for-phone-only */@media only screen and (max-width: 599px) {.search {margin-top: 80px;}.search-none {margin-bottom: 80px;}.search-none {margin-top: 80px;}.search__form {width: calc(100% - 48px);height: 64px;}.search__input {padding: 16px 8px;font-size: 20px;line-height: 32px;}.main-wrap--move {-webkit-transform: scale3d(0.99,0.99,1);transform: scale3d(0.99,0.99,1);}.search__layer {height: 100vh;}.search__layer-none {height: 100vh;}}/* for-tablet-portrait-up */@media only screen and (min-width: 600px) and (max-width: 899px) {.search {margin-top: 88px;}.search-none {margin-top: 80px;}.search__form {width: calc(100% - 80px);height: 105px;padding-top: 200px;}.search__input {padding: 24px 0;}}/* for-tablet-landscape-up */@media only screen and (min-width: 900px) and (max-width: 1199px) {.search {margin-top: 80px;}.search-none {margin-top: 88px;}.search__form {width: calc(100% - 80px);height: 104px;padding-top: 200px;}.search__input {padding: 24px 16px;}}