.content-search{width:100%;display:flex;height:100%;flex-direction:column;position:relative}.content-search .close{height:20px;width:20px;position:absolute;top:20px;right:20px;z-index:1;border-radius:100%;background:#eeeeee;text-align:center;transform:rotate(45deg);transition:all 0.3s ease;cursor:pointer;opacity:0}.content-search .close:after{color:#000000;content:"+";font-size:20px;line-height:20px;transition:all 0.3s ease}.content-search .close:hover{background:#000000}.content-search .close:hover:after{color:#ffffff}.content-search .title-search{display:flex;padding:20px 20px 0px 20px}.content-search .title-search h2{margin:0}.content-search .title-search .content-close-search{flex:1;line-height:20px;text-align:right}.content-search .title-search .content-close-search .close{color:#666666;font-size:12px;line-height:20px;font-weight:400;cursor:pointer;position:relative;display:inline-block;transition:all 0.3s ease}.content-search .title-search .content-close-search .close:after{display:block;content:"";height:1px;width:100%;background:#666666;bottom:0px;position:absolute;left:0}.content-search .title-search .content-close-search .close:hover{color:#000000}.content-search .title-search .content-close-search .close:hover:after{background:#000000}.content-search .best-search{display:none}.content-search .best-search h3{font-size:12px;text-transform:uppercase}.content-search .best-search ul li span{font-size:12px;line-height:16px;text-decoration:underline;color:#666666;cursor:pointer;transition:all 0.3s ease}.content-search .best-search ul li span:hover{color:#000000}.content-search .best-search.on{display:block;padding:0px 20px 20px 20px}.content-search .content-categories{display:flex;padding:0 20px;justify-content:space-between}.content-search .content-categories .sep{height:10px;width:1px;background:#999999}.content-search .content-categories .cat{font-size:12px;color:#999999;transition:all 0.3s ease;cursor:pointer}.content-search .content-categories .cat.selected{color:#000000}.content-search .content-categories .cat:hover{color:#000000}.content-search .content-result{overflow:auto;padding:20px}.content-search .content-result.show{height:100%}.content-search .content-result .resultat .result{display:flex;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #000000;text-decoration:none}.content-search .content-result .resultat .result .content-image{padding-right:20px}.content-search .content-result .resultat .result .content-image .image{width:100px;height:100%;display:flex;align-items:center;cursor:pointer}.content-search .content-result .resultat .result .content-image .image img{width:100%;display:block}.content-search .content-result .resultat .result .content-image .image svg{width:50px;margin:0 auto}.content-search .content-result .resultat .result .content-desc{padding-right:20px;flex:1}.content-search .content-result .resultat .result .content-desc h3{font-size:14px;line-height:18px;margin:0;text-align:left;color:#000000}.content-search .content-result .resultat .result .content-desc h3 span{font-weight:400;color:#000000;position:relative}.content-search .content-result .resultat .result .content-desc h3 span:after{content:"";width:100%;background:#000000;position:absolute;bottom:0;left:0;height:1px}.content-search .content-result .resultat .result .content-price{text-align:right}.content-search .content-result .resultat .result .content-price .price{font-size:14px;line-height:18px;position:relative;color:#000000}.content-search .content-result .resultat{height:0;overflow:hidden;transform:scaleY(0);transition:all 0.3s ease;transform-origin:top}.content-search .content-result .resultat.selected{height:auto;transform:scaleY(1)}.content-search .content-suggestions{padding:20px 20px 0px 20px}.content-search .content-suggestions ul li{padding:0 0 25px 0}.content-search .content-suggestions h3{font-size:12px;text-decoration:underline;line-height:20px;font-weight:400;text-align:left;margin:0;margin-bottom:25px}.content-search .content-input-search{text-align:left;width:100%;line-height:0px;margin-bottom:20px;position:relative;padding:20px 20px 0px 20px}.content-search .content-input-search .input-search{position:relative;padding-right:40px}.content-search .content-input-search .input-search .loader{display:none;height:6px;fill:#000000;display:none;position:absolute;right:60px;top:50%;margin-top:-3px}.content-search .content-input-search .input-search .loader .cloader1{animation:animateLoaderC1S 1s infinite ease;transform-origin:center center}.content-search .content-input-search .input-search .loader .cloader2{animation:animateLoaderC2S 1s infinite ease;transform-origin:center center}.content-search .content-input-search .input-search .loader .cloader3{animation:animateLoaderC3S 1s infinite ease;transform-origin:center center}.content-search .content-input-search .input-search input{background:none;border:0px;border-bottom:1px #666666 solid;font-size:14px;line-height:40px;padding:0;outline:none;width:100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0px}.content-search .content-input-search .input-search .btn-search{background:#000000;height:41px;width:40px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;cursor:pointer;transition:all 0.3s ease}.content-search .content-input-search .input-search .btn-search .icone{height:16px;fill:#ffffff}.content-search .content-input-search .input-search .btn-search:hover{background:#333333}.content-search .content-input-search.loading .input-search .loader{display:block}.search-open .content-search .close{opacity:1}@keyframes animateLoaderC1S{0%{transform:scale(0.8)}20%{transform:scale(1);transform:translateX(3px)}40%{transform:scale(0.8)}100%{transform:scale(0.8)}}@keyframes animateLoaderC2S{0%{transform:scale(0.8)}20%{transform:scale(0.8)}40%{transform:scale(1)}60%{transform:scale(0.8)}100%{transform:scale(0.8)}}@keyframes animateLoaderC3S{0%{transform:scale(0.8)}40%{transform:scale(0.8)}60%{transform:scale(1);transform:translateX(-3px)}80%{transform:scale(0.8)}100%{transform:scale(0.8)}}
