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