form{
    display: inline-block;
    width: 100%;
    margin: 0;
    height: auto;
}
.sb-search {
    position: absolute;
    /* margin-top: 10px; */
    /* width: 0%;
    min-width: 50px; */
    /* height: 50px; */
    /* float: right; */
    /* overflow: hidden; */
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.5s;
    -webkit-backface-visibility: hidden;
    right: 0;
    top: 80px;
    display:none;
}
.bborder{
    opacity: 1;
}
.noborder{
    opacity: 0;
    display:none !important;
}

.sb-search-input {
    position: relative;
    /* top: 11px; */
    /* right: 0px; */
    border: none;
    outline: none;
    width: 100%;
    display: block;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 0px 31px 0px 12px;
    font-family: inherit;
    font-size: 16px;
    color: #5e5e5e;
}
 
input[type="search"].sb-search-input {
    /* -webkit-appearance: none;
    -webkit-border-radius: 0px; */
    border-bottom: 2px #808080 solid;
    border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #fff;
}
 
.sb-search-input:-moz-placeholder {
    color: #fff;
}
 
.sb-search-input::-moz-placeholder {
    color: #fff;
}
 
.sb-search-input:-ms-input-placeholder {
    color: #fff;
}

.sb-icon-search,
.sb-search-submit  {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    padding: 0;
    margin: 0;
    /* line-height: 60px; */
    text-align: right;
    cursor: pointer;
}

/*.sb-search-submit {
    background: transparent !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    opacity: 0;
    color: transparent !important;
    border: none !important;
    outline: none !important;
    background-image: url(/Content/Menu/images/searchicon.png) !important;
    background-position: right 50% top 40% !important;
    background-repeat: no-repeat !important;*/
    /* background-color: #fff; */
    /*background-size: 25px !important;
    z-index: -1;
}*/

.sb-icon-search {
    color: #5e5e5e;
    width: 32px;
    height: 32px;
    /* z-index: 90; */
    /* margin: -5px; */
    top: 30%;
    right: 12px;
    /* font-size: 18px; */
    /* font-family: 'icomoon'; */
    /* speak: none; */
    /* font-style: normal; */
    /* font-weight: normal; */
    /* font-variant: normal; */
    /* text-transform: none; */
    /* -webkit-font-smoothing: antialiased; */
    /* padding-top: 3px; */
}

.sb-icon-search img {
    width: 100%;
}
 
/* .sb-icon-search:before {
    content: "";
} */

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
    background: #fff;
    border-top: 1px solid #eaeaea;
    padding: 15px;
    display:block;
}

.sb-search.sb-search-open .search {
    border-bottom: 1px solid #eaeaea;
}

.remove-border {
    border:none !important;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #fff;
    color: black;
    z-index: 11;
    border-left: 1px solid #C7C7C7;
}

.sb-search.sb-search-open .sb-search-submit{
   z-index: 10;
   opacity: 1;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

@media all and (max-width: 1050px) {
    .sb-icon-search {
        width: 26px;
        height: 26px;
    }
    .sb-search {
        top: 66px;
    }
    .sb-search-input {
        height: 28px;
    }
    .sb-search-submit {
        background-size: 26px;
        width: 50px;
        height: 50px;
    }
}

@media all and (max-width: 850px) { 
    .sb-search {
        right: 0px;
        top: 73px;
    }
    .sb-search.sb-search-open, .no-js .sb-search {
        width: 100%;
        background: #fff;
        padding: 10px;
        -webkit-transition: height 0.3s;
    }
    .sb-search-input {
        width: 95%;
    }
    .sb-search.sb-search-open .search {
        border: 1px solid #eaeaea;
    }
    .sb-search {
        position: absolute;
        background: #fff;
        /* margin-top: 10px; */
        /* width: 0%; */
        /* min-width: 50px; */
        /* height: 53px; */
        /* float: right; */
        /* overflow: hidden; */
        /* -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.5s; */
        -webkit-backface-visibility: hidden;
        /* right: 0;
        top: 0; */
        /* padding: 24px; */
        height: 65px;
    }
    input[type="search"].sb-search-input {
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        border: 1px #C7C7C7 solid;
        border-radius: 3px;
        background-position: right 2% top 50%;
    }
    .sb-search-input {
        position: absolute;
        top: 11px;
        right: 14px;
        border: none;
        outline: none;
        height: 28px;
        margin: 0;
        z-index: 10;
        padding: 0px 31px 0px 12px;
        font-family: inherit;
        font-size: 16px;
        color: #5e5e5e;
        /* right: 10px; */
        /* padding: 0 14px; */
    }

    .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
        background: transparent;
        color: black;
        z-index: 11;
        border-left: none;
    }
    .sb-icon-search {
        color: #5e5e5e;
        width: 25px;
        height: 25px;
        top: inherit;
        right: inherit;
        align-self: center;
        position: relative;
    }
    .sb-search-submit {
        background-position: right 50% top 35%;
        background-size: 22px;
        width: 55px;
        height: 60px;
    }
    .search-input-wrapper button[type=submit], .search-input-wrapper input[type=submit]:not(.button-search) {
        text-indent: inherit !important;
        overflow: hidden !important;
        text-align: initial !important;
        text-transform: none !important;
        width: 50px !important;
        background: none !important;
    }
    .sb-icon-search,
    .sb-search-submit {
       padding-right:10px !important;
    }
    

}
.search-input-wrapper button[type=submit], .search-input-wrapper input[type=submit]:not(.button-search) {
    text-indent: inherit !important;
    overflow: hidden !important;
    text-align: initial !important;
    text-transform: none !important;
    width: 50px !important;
    background: none !important;
}