.site-header>.wrap{position:relative}.header-search-wrap{display:none}.js .header-search-wrap{position:absolute;z-index:1001;top:0;right:10px;width:92%;height:100%;-webkit-transition:none;transition:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.js .header-search-wrap .search-form,.js .header-search-wrap input[type="search"]{height:100%}.search-visible .header-search-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.header-search-wrap:target{display:block;clear:both;position:relative}.header-search-wrap input[type="search"]{border:0}.header-search-wrap input[type="submit"]:focus{right:50px;margin-top:1px;padding:20px;border-radius:3px}.js .toggle-header-search.close:focus{outline:0}.toggle-header-search.close{background:#fe4d44;position:absolute;z-index:100;top:0;right:-6px;width:70px;height:100%;padding:0;margin-right:0;color:#000;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}.header-search-wrap:target .toggle-header-search.close{-webkit-transform:none;transform:none}.toggle-header-search .ionicons{font-size:12px;font-size:1.2rem;-webkit-transform:scale(2);transform:scale(2)}.toggle-header-search.close .ionicons{color:#fff;position:absolute;top:calc(50% - 5px);right:32px;-webkit-transform:scale(3);transform:scale(3)}.toggle-header-search{position:absolute;right:0;top:0;float:right;height:80px;text-align:center;order:3;padding-top:23px;width:70px;background:#ff6c65;z-index:1}.ion-ios-search{color:#e6e6e6!important}@media only screen and (min-width:480px){.js .header-search-wrap{width:62%}}@media only screen and (min-width:768px){.js .header-search-wrap{width:76%}}@media only screen and (min-width:960px){.site-header>.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.title-area,.nav-primary{float:none}.nav-primary{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.toggle-header-search{position:relative}.js .header-search-wrap{width:81%}}@media only screen and (min-width:1260px){.js .header-search-wrap{left:auto;right:12px;width:85%}}@media only screen and (min-width:1600px){.js .header-search-wrap{left:auto;right:12px;width:87%}}