span.search-link{color:#fff;margin-top:-6px !important;display:block;text-align:right;font-size:14px}body.search-active{overflow:hidden}body.search-active .search-input{opacity:1;transform:none;pointer-events:all}body.search-active .icon-close{opacity:1;transform:rotate(-90deg);z-index:10001}body.search-active .control{cursor:default}body.search-active .control .btn-material{transform:scale(100);background:#044565}body.search-active .control .icon-material-search{opacity:0}.icon-close{position:fixed;top:80px;right:80px;color:#FFF;cursor:pointer;font-size:70px !important;opacity:0;transition:all .3s ease-in-out}.icon-close:hover{transform:rotate(0)}.search-input{height:80px;position:absolute;z-index:10001;top:250px;left:250px;margin-top:-40px;pointer-events:none;opacity:0;transform:translate(40px,0);transition:all .3s ease-in-out}.search-input input[type="text"]{color:#fff !important;font-size:25px !important;border:1px solid #fff !important;padding:30px !important;background:rgba(255,255,255,0) !important;-webkit-appearance:none;box-sizing:border-box !important;outline:1;font-weight:200}.search-input ::-webkit-input-placeholder{color:#EEE}.search-input :-moz-placeholder{color:#EEE;opacity:1}.search-input ::-moz-placeholder{color:#EEE;opacity:1}.search-input :-ms-input-placeholder{color:#EEE}.container-search{position:relative}.container-search.container-dark{background:#22313f;color:#FFF}.control{cursor:pointer}.control .btn-material{position:absolute;z-index:10000;top:14px;width:50px;height:50px;border-radius:100%;box-sizing:border-box;outline:0;transform-origin:50%;transition:all .7s cubic-bezier(0.4,0,0.2,1);opacity:.95}.control .icon-material-search{color:#FFF;top:6px;position:relative;transition:opacity .3s ease-in-out;pointer-events:none !important}