.morphsearch{overflow:hidden;width:145px;min-height:40px;max-height:40px;background-color:#f7f7f7;position:absolute;z-index:999;top:0px;right:0px;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition-property:min-height,width,top,right,background-color;transition-property:min-height,width,top,right,background-color;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1) }.morphsearch-formwrap{background:#fff }.morphsearch-formwrap:hover{cursor:pointer }.morphsearch.open{width:100%;min-height:100%;max-height:100%;top:0px;right:0px;overflow:visible }.morphsearch.open .morphsearch-formwrap{padding-bottom:4.5em }.morphsearch.open .morphsearch-form:hover{background:#fff !important }.morphsearch.open .morphsearch-form:hover .icon-search{color:#eeefea !important }.morphsearch.open .morphsearch-form:hover input::-webkit-input-placeholder{color:#292B22 !important }.morphsearch.open .morphsearch-form:hover input:-moz-placeholder{color:#292B22 !important }.morphsearch.open .morphsearch-form:hover input::-moz-placeholder{color:#292B22 !important }.morphsearch.open .morphsearch-form:hover input:-ms-input-placeholder{color:#292B22 !important }.morphsearch-form{width:100%;height:40px;margin:0 auto;position:relative;background-color:#F3F3ED;-webkit-transition-property:width,height,-webkit-transform,background-color;transition-property:width,height,transform,background-color;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1) }.morphsearch-form:hover{background:#292B22 }.morphsearch-form:hover .icon-search{color:#fff }.morphsearch-form:hover input::-webkit-input-placeholder{color:#fff }.morphsearch-form:hover input:-moz-placeholder{color:#fff }.morphsearch-form:hover input::-moz-placeholder{color:#fff }.morphsearch-form:hover input:-ms-input-placeholder{color:#fff }.morphsearch.open .morphsearch-form{width:80%;height:160px;-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0);background:#fff }#morphsearch{display:none;text-align:center }#morphsearch .search-form__text{display:inline-block;width:30%;text-align:right;vertical-align:middle;margin-bottom:0 }#morphsearch .search-form__text:hover{cursor:pointer }#morphsearch .search-form__wrapper{margin:0;width:100%;display:inline-block;vertical-align:middle }#morphsearch .search-form__input{height:40px;padding:0 10% 0 2px;font-weight:700;border:none;background-color:transparent;font-size:0.8em;color:#4a4a4a;-webkit-transition:font-size 0.5s cubic-bezier(0.7,0,0.3,1);transition:font-size 0.5s cubic-bezier(0.7,0,0.3,1);display:inline-block;float:none;font-size:10px;font-weight:300;text-transform:uppercase;border:0;box-shadow:none;letter-spacing:0.8px }#morphsearch .search-form__input input{position:absolute;top:0;left:0;width:100% }#morphsearch .input-group-btn{display:none }#morphsearch:not(.open) .search-form__wrapper{display:block }#morphsearch:not(.open) .search-form__input{position:absolute;top:0;left:0;width:100%;padding-left:53px }#morphsearch:not(.open) .search-form__text{position:absolute;left:28px;top:10px;width:auto;display:block }.search-form__input::-ms-clear{display:none }.morphsearch.hideInput .search-form__input{color:transparent;-webkit-transition:color 0.3s;transition:color 0.3s }#morphsearch.open .search-form__text{display:none }#morphsearch.open .search-form__wrapper{width:100% }#morphsearch.open .search-form__input{font-size:6em;width:100%;height:100%;outline:none;text-transform:capitalize }#morphsearch.open .input-group-btn{display:block;background:#fff }#morphsearch.open .input-group-btn i{color:#eeefea }#morphsearch.open .input-group-btn i:hover{background:transparent;color:#eeefea }#morphsearch.open .input-group-btn:hover{background:transparent;color:#eeefea }#morphsearch.open .projects-group__header{margin:0;padding:0 }.search-form__input::-webkit-input-placeholder{color:#292B22 }.search-form__input:-moz-placeholder{color:#292B22 }.search-form__input::-moz-placeholder{color:#292B22 }.search-form__input:-ms-input-placeholder{color:#292B22 }.gn-search:focus::-webkit-input-placeholder{color:transparent }input[type="search"]{box-sizing:border-box }.search-form__input:focus,.search-form__btn:focus{outline:none }.search-form__btn{background:none;position:absolute;right:0;top:50%;background-size:100%;border:none;pointer-events:none;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0;-webkit-transform:translate3d(-30px,-50%,0) scale3d(0,0,1);transform:translate3d(-30px,-50%,0) scale3d(0,0,1) }.search-form__btn i{font-size:80px;color:#eeefea }.search-form__btn:hover{background:transparent }.morphsearch.open .search-form__btn{pointer-events:auto;opacity:1;-webkit-transform:translate3d(-30px,-50%,0) scale3d(1,1,1);transform:translate3d(-30px,-50%,0) scale3d(1,1,1);-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;transition:opacity 0.3s,transform 0.3s;-webkit-transition-delay:0.5s;transition-delay:0.5s }.search-form__close{width:36px;height:36px;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:100%;cursor:pointer;pointer-events:none;opacity:0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1) }.morphsearch.open .search-form__close{opacity:1;pointer-events:auto;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;transition:opacity 0.3s,transform 0.3s;-webkit-transition-delay:0.5s;transition-delay:0.5s }.search-form__close::before,.search-form__close::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;border-radius:3px;opacity:0.2;background:#000 }.search-form__close:hover.search-form__close::before,.search-form__close:hover.search-form__close::after{opacity:1 }.search-form__close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) }.search-form__close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg) }.morphsearch-content{color:#4a4a4a;width:100%;height:0;overflow:hidden;padding:0 10.5%;background:#f7f7f7;position:absolute;pointer-events:none;opacity:0 }.morphsearch-content__results{font-size:34px;font-weight:700;color:#4a4a4a;margin:50px 0;text-align:left }.search-results-group--title{padding:20px 0;border-top:1px solid #eff0eb;font-size:14px;font-weight:300;line-height:17px;text-transform:uppercase;display:block;text-align:left }.search-results--list.swatch .list-group-item{padding:0 }.search-results--list.swatch .list-group-item > a{display:block;height:100%;padding:10px 15px }.search-results--list.swatch li{float:left;width:30.33333%;margin-right:4.5%;margin-bottom:4.5%;height:140px;position:relative }.search-results--list.swatch li:nth-child(3n){margin-right:0 }.search-results--list.swatch li .search-results--product-title{position:absolute;top:5px;left:5px;text-transform:uppercase;text-align:left;width:80%;font-size:10px;font-weight:300 }.search-results--list.swatch li .search-results--product-title.light-text{color:#fff }.search-results--list.swatch li .search-results--product-title.dark-text{color:#292B22 }.search-results--list.product li{float:left;width:100%;margin-bottom:4.5%;height:auto;padding:20px;position:relative;background:#f7f7f7 }.search-results--list.product li .search-results--image{display:inline-block;vertical-align:middle;width:18% }.search-results--list.product li .search-results--product-title{display:inline-block;vertical-align:middle;text-align:left;font-size:12px;font-weight:500;width:75%;margin-left:4.5%;text-transform:uppercase }.search-results--list.article li{float:left;width:100%;height:auto;position:relative;padding:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;border:0;margin-bottom:4.5% }.search-results--list.article li:hover{text-decoration:none;background:#292B22 }.search-results--list.article li:hover .search-results--product-title{color:#fff }.search-results--list.article li:after{clear:both;display:block;content:'' }.search-results--list.article li:last-of-type{margin-right:0 }.search-results--list.article li .search-results--image{float:left;width:28% }.search-results--list.article li .search-results--product-title{width:72%;float:right;height:auto;padding:20px;color:#292B22;font-size:12px;font-weight:500;text-align:left;text-transform:uppercase;vertical-align:top;-webkit-transition:all 0.5s ease;transition:all 0.5s ease }.morphsearch.open .morphsearch-content{opacity:1;height:auto;overflow:visible;pointer-events:auto;-webkit-transition:opacity 0.3s 0.5s;transition:opacity 0.3s 0.5s }.search-results--group .col-md-4{float:left;opacity:0;-webkit-transform:translate3d(0,100px,0);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:-webkit-transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s }.morphsearch.open .col-md-4:first-child{-webkit-transition-delay:0.4s;transition-delay:0.4s }.morphsearch.open .col-md-4:nth-child(2){-webkit-transition-delay:0.45s;transition-delay:0.45s }.morphsearch.open .col-md-4:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s }.morphsearch.open .col-md-4{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) }.morphsearch .col-md-4 h2{font-size:12px;letter-spacing:0.8px;text-transform:uppercase;font-weight:300;color:#4a4a4a;padding:0 0 15px;text-align:left }.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1) }.morphsearch.open ~ .overlay{opacity:1 }@media screen and (max-width:53.125em){.search-form__input{padding:0 25% 0 10px }.morphsearch.open .search-form__input{font-size:2em }.morphsearch .col-md-4{float:none;width:auto;padding:0 0 2em }.morphsearch .col-md-4:nth-child(2){margin:0 }.morphsearch.open .search-form__btn{-webkit-transform:translate3d(0,-50%,0) scale3d(0.5,0.5,1);transform:translate3d(0,-50%,0) scale3d(0.5,0.5,1) }}@media (min-width:1050px){#morphsearch{display:block }}
