.bx-searchtitle .bx-block-title {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600
}

.bx-searchtitle .bx-input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
.color_block{

	flex-shrink: 1;
    width: calc(100% - 135px);
    max-width: 684px;
    height: 45px;
    background: linear-gradient(180deg, #F9D413 0%, #F0CB0A 100%), linear-gradient(180deg, #007AE9 0%, #0072DA 100%), #FFFFFF;
    padding: 2px;
    border-radius: 3px 0px 0px 3px
}
@media(max-width: 1800px){
    .color_block {
		flex-shrink: 1;
		width: calc(100% - 115px);
      
    }
}
@media(max-width: 1400px){
    .color_block{
        flex-shrink: 1;
		width: calc(100% - 118px);
    }
}
@media(max-width: 925px){
    .color_block{
        width: 65%;
    }
}
@media(max-width: 680px){
    .color_block{
        width: 85%;
    }
}
@media(max-width: 540px){
    .color_block{
        width: 75%;
    }
}
.bx-searchtitle .bx-input-group .bx-form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: block;
     width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;

	color: #222;

  	background: #FFFFFF;
	border-radius: 3px;
    outline: 0;
        position: relative;
    padding-left: 15px;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
    background-image: -webkit-linear-gradient(#f8fafc 0, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0, #f8fafc 100%)
}*/

.bx-searchtitle .bx-input-group-btn {
    position: relative;
    font-size: 0;
    width: fit-content;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell
    
}

.bx-searchtitle#title-search .bx-input-group-btn button,
.bx-searchtitle#title-search--mob .bx-input-group-btn button {
    position: relative;
    border: none;

    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    padding: 13px 20px;
    padding-right: 9px;
    min-height: 45px;

    background: linear-gradient(180deg, #F9D413 0%, #F0CB0A 100%), linear-gradient(180deg, #007AE9 0%, #0072DA 100%), #FFFFFF;
   font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    overflow: visible;


    color: #2A2F3C !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.bx-searchtitle#title-search .bx-input-group-btn button:focus, .bx-searchtitle#title-search .bx-input-group-btn button:active{
    outline:none;
}

.bx-searchtitle .bx-input-group-btn button:hover {
    
background: linear-gradient(180deg, #007AE9 0%, #0072DA 100%), #EFF0F3;
}


div.title-search-result {
    border: 1px solid #c6c6c6;
    display: none;
    overflow: hidden;
    z-index: 999999 !important;
    min-width: 370px;
    margin-top: -3px;
    background-color: #fff
}

div.title-search-fader {
    display: none;
    background-image: url(images/fader.png);
    background-position: right top;
    background-repeat: repeat-y;
    position: absolute
}


input#title-search-input:focus::-webkit-input-placeholder {
    color: transparent
}

input#title-search-input:focus:-moz-placeholder {
    color: transparent
}

input#title-search-input:focus::-moz-placeholder {
    color: transparent
}

input#title-search-input:focus:-ms-input-placeholder {
    color: transparent
}
@media(max-width: 540px){
    .color_block{
        height: 36px;
    }
    .bx-searchtitle .bx-input-group .bx-form-control{
        height: 32px;
    }
    .bx-searchtitle#title-search .bx-input-group-btn button, 
	.bx-searchtitle#title-search--mob .bx-input-group-btn button {
        padding-top: 8.5px;
        padding-bottom: 8.5px;
        min-height: 36px;
    }
    .bx-searchtitle#title-search .bx-input-group-btn button img,
	.bx-searchtitle#title-search--mob .bx-input-group-btn button img{
        height: 36px;
        right: -16px;
    }
}

#title-search.bx-searchtitle .placeholder {
  position: absolute;
  z-index: 1;
  padding-top: 10px;
  padding-left: 10px;
}

.hide {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 400px){
	#title-search.bx-searchtitle .placeholder{
		font-size: 10px;
		padding-left: 5px;
	}
}