div#search_widget {
display:none;
}
div#search_widget.active input {
    border-bottom:1px solid #333333;
    line-height:28px;
    height:28px;
    font-size: 14px;
    box-sizing: border-box;
    padding:0 10px;
}
div#search_widget.active {
    display: block;
    position: absolute;
    top: 0;
    right: 100px;
    width: 272px;
    opacity: 1;
}
div#search_widget.active button.icon-search {
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    border: 0;
    top: 0;
    right: 0;
    position: absolute;
    background-color: transparent;
}
.search-widget input {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border:0;
    width:100%;
    box-sizing: border-box;
    padding:0 41px;
    line-height: 80px;
}
.icon-search:hover {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.99889%200.75C9.36899%200.749829%2010.7111%201.13789%2011.8697%201.86922C13.0283%202.60054%2013.9559%203.64519%2014.5451%204.88212C15.1343%206.11905%2015.361%207.49762%2015.1988%208.85808C15.0367%2010.2186%2014.4923%2011.5052%2013.6289%2012.569L18.5289%2017.469C18.6634%2017.6027%2018.7423%2017.7823%2018.7497%2017.9718C18.7571%2018.1613%2018.6925%2018.3466%2018.5688%2018.4903C18.445%2018.6341%2018.2715%2018.7256%2018.083%2018.7465C17.8945%2018.7674%2017.7051%2018.7161%2017.5529%2018.603L17.4689%2018.53L12.5679%2013.63C11.6668%2014.3611%2010.6033%2014.8653%209.46691%2015.1C8.33051%2015.3348%207.15434%2015.2934%206.03726%2014.9793C4.92019%2014.6651%203.89484%2014.0874%203.04738%2013.2947C2.19993%2012.502%201.55513%2011.5175%201.16718%2010.4238C0.779226%209.33021%200.659454%208.15943%200.817928%207.00989C0.976401%205.86035%201.40849%204.76565%202.07788%203.81778C2.74727%202.8699%203.63441%202.09655%204.66474%201.56272C5.69507%201.02889%206.83848%200.750178%207.99889%200.75V0.75ZM7.99889%202.25C7.24379%202.25%206.49608%202.39873%205.79846%202.68769C5.10084%202.97666%204.46696%203.4002%203.93303%203.93414C3.39909%204.46807%202.97555%205.10195%202.68658%205.79957C2.39762%206.49719%202.24889%207.2449%202.24889%208C2.24889%208.7551%202.39762%209.50281%202.68658%2010.2004C2.97555%2010.8981%203.39909%2011.5319%203.93303%2012.0659C4.46696%2012.5998%205.10084%2013.0233%205.79846%2013.3123C6.49608%2013.6013%207.24379%2013.75%207.99889%2013.75C9.52388%2013.75%2010.9864%2013.1442%2012.0648%2012.0659C13.1431%2010.9875%2013.7489%209.52499%2013.7489%208C13.7489%206.47501%2013.1431%205.01247%2012.0648%203.93414C10.9864%202.8558%209.52388%202.25%207.99889%202.25V2.25Z%22%20fill%3D%22%23C0D534%22%2F%3E%3C%2Fsvg%3E");

}
.icon-search {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.99987%200.75C9.36996%200.749829%2010.7121%201.13789%2011.8707%201.86922C13.0292%202.60054%2013.9569%203.64519%2014.5461%204.88212C15.1353%206.11905%2015.362%207.49762%2015.1998%208.85808C15.0376%2010.2186%2014.4933%2011.5052%2013.6299%2012.569L18.5299%2017.469C18.6644%2017.6027%2018.7433%2017.7823%2018.7507%2017.9718C18.7581%2018.1613%2018.6934%2018.3466%2018.5697%2018.4903C18.446%2018.6341%2018.2725%2018.7256%2018.084%2018.7465C17.8955%2018.7674%2017.7061%2018.7161%2017.5539%2018.603L17.4699%2018.53L12.5689%2013.63C11.6677%2014.3611%2010.6043%2014.8653%209.46789%2015.1C8.33148%2015.3348%207.15532%2015.2934%206.03824%2014.9793C4.92116%2014.6651%203.89581%2014.0874%203.04836%2013.2947C2.20091%2012.502%201.55611%2011.5175%201.16816%2010.4238C0.780203%209.33021%200.660431%208.15943%200.818904%207.00989C0.977378%205.86035%201.40947%204.76565%202.07886%203.81778C2.74825%202.8699%203.63539%202.09655%204.66571%201.56272C5.69604%201.02889%206.83946%200.750178%207.99987%200.75ZM7.99987%202.25C7.24476%202.25%206.49706%202.39873%205.79944%202.68769C5.10181%202.97666%204.46794%203.4002%203.934%203.93414C3.40006%204.46807%202.97652%205.10195%202.68756%205.79957C2.39859%206.49719%202.24987%207.2449%202.24987%208C2.24987%208.7551%202.39859%209.50281%202.68756%2010.2004C2.97652%2010.8981%203.40006%2011.5319%203.934%2012.0659C4.46794%2012.5998%205.10181%2013.0233%205.79944%2013.3123C6.49706%2013.6013%207.24476%2013.75%207.99987%2013.75C9.52486%2013.75%2010.9874%2013.1442%2012.0657%2012.0659C13.1441%2010.9875%2013.7499%209.52499%2013.7499%208C13.7499%206.47501%2013.1441%205.01247%2012.0657%203.93414C10.9874%202.8558%209.52486%202.25%207.99987%202.25Z%22%20fill%3D%22%231E1C1C%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    cursor: pointer;
    transition:background-image 0.2s ease;
}
.search-widget {
    position: relative;
}
.headersearch:hover {
    background-color: #743ca1;
}
.headersearch {
    position:absolute;
    background-color: #855AA5;
    height:100%;
    max-width:118px;
    width:100%;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.99987%200.75C9.36996%200.749829%2010.7121%201.13789%2011.8707%201.86922C13.0292%202.60054%2013.9569%203.64519%2014.5461%204.88212C15.1353%206.11905%2015.362%207.49762%2015.1998%208.85808C15.0376%2010.2186%2014.4933%2011.5052%2013.6299%2012.569L18.5299%2017.469C18.6644%2017.6027%2018.7433%2017.7823%2018.7507%2017.9718C18.7581%2018.1613%2018.6934%2018.3466%2018.5697%2018.4903C18.446%2018.6341%2018.2725%2018.7256%2018.084%2018.7465C17.8955%2018.7674%2017.7061%2018.7161%2017.5539%2018.603L17.4699%2018.53L12.5689%2013.63C11.6677%2014.3611%2010.6043%2014.8653%209.46789%2015.1C8.33148%2015.3348%207.15532%2015.2934%206.03824%2014.9793C4.92116%2014.6651%203.89581%2014.0874%203.04836%2013.2947C2.20091%2012.502%201.55611%2011.5175%201.16816%2010.4238C0.780203%209.33021%200.660431%208.15943%200.818904%207.00989C0.977378%205.86035%201.40947%204.76565%202.07886%203.81778C2.74825%202.8699%203.63539%202.09655%204.66571%201.56272C5.69604%201.02889%206.83946%200.750178%207.99987%200.75ZM7.99987%202.25C7.24476%202.25%206.49706%202.39873%205.79944%202.68769C5.10181%202.97666%204.46794%203.4002%203.934%203.93414C3.40006%204.46807%202.97652%205.10195%202.68756%205.79957C2.39859%206.49719%202.24987%207.2449%202.24987%208C2.24987%208.7551%202.39859%209.50281%202.68756%2010.2004C2.97652%2010.8981%203.40006%2011.5319%203.934%2012.0659C4.46794%2012.5998%205.10181%2013.0233%205.79944%2013.3123C6.49706%2013.6013%207.24476%2013.75%207.99987%2013.75C9.52486%2013.75%2010.9874%2013.1442%2012.0657%2012.0659C13.1441%2010.9875%2013.7499%209.52499%2013.7499%208C13.7499%206.47501%2013.1441%205.01247%2012.0657%203.93414C10.9874%202.8558%209.52486%202.25%207.99987%202.25Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
    background-position:center center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: #C8C8C8;
    transition:background-color 0.2s ease;
}