.col-search{bottom:155px}.search-popup.popup-visible{top:0;visibility:visible;opacity:1;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100%;}.search-popup{position:fixed;left:0;top:-100%;width:100%;height:100%;z-index:99999999;visibility:hidden;opacity:0;overflow:auto;background:var(--primary-background-popup);transition:all .7s ease;-moz-transition:all .7s ease;-webkit-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease}.search-popup .close-search{position:absolute;right:25px;top:25px;font-size:22px;color:#fff;cursor:pointer;z-index:5}.search-popup .close-search svg.svg-close{fill:currentColor;color:var(--white)}.search-popup .search-form{/* position:relative; */padding:0 15px 0;max-width:1024px;margin:0 auto;}.search-form__input{width:100%;font-size:1.2rem;padding-left:1rem;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;border-right:0;padding:10px;border:none;}.search-form__input:focus{outline:var(--primary)}.search-form__submit{min-width:50px;height:50px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;color:#fff;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-ms-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;background-color:var(--primary);border:none}

@media screen and (min-width: 567px)
{
    form.search-form {
        width: 500px;
    }
}

@media screen and (min-width: 1024px)
{
    form.search-form {
        width: 1000px;
    }
}