/**
* NOTICE OF LICENSE.
*
* This source file is subject to a commercial license from BSofts.
* Use, copy, modification or distribution of this source file without written
* license agreement from the BSofts is strictly forbidden.
*
*  @author    BSoft Inc
*  @copyright 2021 BSoft Inc.
*  @license   Commerical License
*/

#form-searchwithimages .typeahead__container.backdrop {
    position: fixed !important;
    width: 60%;
    left: 20%;
    top: 50px;
}

#form-searchwithimages .typeahead__container.backdrop .typeahead__query input {
    font-size: 2.3rem;
    height: 100%;
    color: #333;
}

#form-searchwithimages .typeahead__container.backdrop .typeahead__button {
    display: none;
}

.mode-focus .typeahead__container.backdrop button.typeahead__filter-button {
    font-size: 1.3rem;
    height: 100%;
}

#searchwithimages_block_top {
    display:-ms-flexbox;
    /*display:flex;*/
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    /*font-family:poppins,sans-serif;*/
    background-size:cover;
    background-position:center center;
}
#searchwithimages_block_top form {
    width:auto;
    max-width:100%
}
#searchwithimages_block_top #searchwithimages_query_top {
    border-right: 1px solid;
}
#searchwithimages_block_top form .inner-form{
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center
}
#searchwithimages_block_top .typeahead__list {
    margin-top: 35px!important;
}
#searchwithimages_block_top .typeahead__list.empty {
    padding: 10px;
}
#searchwithimages_block_top form .inner-form .input-field {
    height:68px;
    width: auto;
}
#searchwithimages_block_top form .input-field.second-wrap .typeahead__filter button {
    height: 100%;
}
#searchwithimages_block_top form .inner-form .input-field input{
    height:100%;
    /*background:#fff;*/
    border:0;
    display:block;
    width:100%;
    padding:10px 32px;
    /*font-size:16px;*/
    color:#333;
    border:1px solid #e5e5e5
}
#searchwithimages_block_top form .inner-form .input-field input.placeholder{
    color:#9a9a9a;
}
#searchwithimages_block_top form .inner-form .input-field input:-moz-placeholder{
    color:#9a9a9a;
}
#searchwithimages_block_top form .inner-form .input-field input::-webkit-input-placeholder{
    color:#9a9a9a;
}
#searchwithimages_block_top form .inner-form .input-field input:hover,#searchwithimages_block_top form .inner-form .input-field input:focus{
    box-shadow:none;
    outline:0
}
#searchwithimages_block_top form .inner-form .input-field.first-wrap{
    -ms-flex-positive:1;
    flex-grow:1
}
#searchwithimages_block_top form .inner-form .input-field.first-wrap input{
    border-right:0
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap{
    min-width:215px
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__inner{
    background:#fff;
    border-radius:0;
    border:1px solid #e5e5e5;
    height:100%;
    color:#333;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    padding:0 30px
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__inner .choices__list.choices__list--single{
    display:-ms-flexbox;
    display:flex;
    padding:0;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__inner .choices__item.choices__item--selectable.choices__placeholder{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    opacity:1;
    color:#333;
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__inner .choices__list--single .choices__item{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__list.choices__list--dropdown{
    border:0;
    background:#fff
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__list--dropdown .choices__item--selectable.is-highlighted{
    background:#fff;
    color:#333
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__list--dropdown .choices__item{
    color:#333
}
#searchwithimages_block_top form .inner-form .input-field.second-wrap .choices__list--dropdown{
    margin-top:0
}
#searchwithimages_block_top form .inner-form .input-field.third-wrap{
    width:80px
}
#searchwithimages_block_top form .inner-form .input-field.third-wrap .btn-search{
    height:100%;
    width:100%;
    white-space:nowrap;
    color:#fff;
    border:0;
    cursor:pointer;
    position:relative;
    z-index:0;
    background:#4272d7;
    transition:all .2s ease-out,color .2s ease-out;
}
#searchwithimages_block_top form .inner-form .input-field.third-wrap .btn-search:hover{
    background:#2d62d3
}
#searchwithimages_block_top form .inner-form .input-field.third-wrap .btn-search:focus{
    outline:0;
    box-shadow:none
}
#searchwithimages_block_top form .inner-form .choices[data-type*=select-one] .choices__inner{
    padding-bottom:0
}
#searchwithimages_block_top form .inner-form .choices[data-type*=select-one]:after{
    border:0;
    width:18px;
    height:18px;
    margin:0;
    transform:translateY(-50%);
    opacity:1;
    right:15px;
    top:50%;
    background-size:18px 18px;
    background-position:right center;
    background-image:url(data:image/svg+xml;
    charset=UTF-8;
    base64,PHN2ZyBmaWxsPScjOTk5JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBkPSdNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eicvPjwvc3ZnPg==);
    background-repeat:no-repeat
}
#searchwithimages_block_top form .inner-form .choices[data-type*=select-one].is-open:after{
    background-image:url(data:image/svg+xml;
    charset=UTF-8;
    base64,PHN2ZyBmaWxsPScjOTk5JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBkPSdNMTIgOGwtNiA2IDEuNDEgMS40MUwxMiAxMC44M2w0LjU5IDQuNThMMTggMTR6Jy8+PC9zdmc+)
}
.isearch-more {
    float: right;
    padding-right: 10px;
    padding-bottom: 5px;
    font-style: italic;
    cursor: pointer;
}
.search_ajax_add_to_cart_button:hover {
    cursor: pointer;
}
/*PS-1.6*/
#searchwithimages_block_top.one-six {
    margin-top: 20px;
}
#searchwithimages_block_top.one-six.sticky-search {
    margin-top: 0px;
    width: 70%;
}
#searchwithimages_block_top.sticky-search form .inner-form  {
    width: 100%;
    max-width: 1080px;
    margin: 0px auto;
}
#searchwithimages_block_top.one-six form .inner-form .input-field.third-wrap .btn-search, #searchwithimages_block_top.one-six form .inner-form .input-field.second-wrap {
    font-size: 18px;
}
/*PS-1.6*/
@media screen and (max-width:992px){
    #searchwithimages_block_top form .inner-form .input-field{
        height:60px
    }
}
@media (max-width: 768px) {
    #form-searchwithimages .typeahead__container.backdrop {
        position: fixed !important;
        width: 84%;
        left: 5%;
        top: 50px;
    }
}

@media screen and (max-width:767px){
    #searchwithimages_block_top form .inner-form {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:20px
    }
    #searchwithimages_block_top form .inner-form .input-field{
        margin-bottom:20px
    }
    #searchwithimages_block_top form .inner-form .input-field input {
        padding:10px 15px
    }
    #searchwithimages_block_top form .inner-form .input-field.first-wrap {
        width:100%
    }
    #searchwithimages_block_top form .inner-form .input-field.first-wrap .choices__inner {
        padding:10px 15px
    }
    #searchwithimages_block_top form .inner-form .input-field.second-wrap {
        width:100%
    }
    #searchwithimages_block_top form .inner-form .input-field.second-wrap input {
        border:1px solid rgba(255,255,255,.3)
    }
    #searchwithimages_block_top form .inner-form .input-field.third-wrap {
        margin-bottom:0;
        width:100%
    }
}

@media (max-width: 576px) {
    #form-searchwithimages .typeahead__container.backdrop {
        position: fixed !important;
        width: 100%;
        left: 0%;
        top: 50px;
    }

    #form-searchwithimages .typeahead__container.backdrop .typeahead__query input {
        font-size: 1.3rem;
        height: 100%;
        color: #333;
    }

    #form-searchwithimages .typeahead__list {
        left: 20px;
        width: 90%;
    }
}