header{
    background: url('../images/bg-menu2.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

header .container .top-search-holder .search-area{
    background: rgba(203, 203, 203, .7);
}

header .container .top-search-holder .search-area:hover, 
header .container .top-search-holder .search-area:focus{
    transition: background .3s;
    background: #fff;
    color: #757575;
}

header .container .logo-holder{
    text-align: center;
    padding-left: 25px;
    padding-right: 40px;
}

header .container .logo-holder .logo{
    background: rgba(249, 249, 249, .1);
    border-radius: 5px;
}

.box {
    color: #757575;
    padding: 5px;
    margin-left: 5px;
    width: 20%;
    font-size: 13px;
    border-radius: 3px;
    border: none;
    font-weight: bold;
    background: none;
    border-bottom: 3px solid #c6c6c6;
    border-top: 3px solid #c6c6c6;
}

.box:hover,.box:focus{
    transition: background .3s;
    background: #c6c6c6;
    color: #757575;
}

.container-header-above{
    text-align: center;
}

.container-header-above div{
    padding-left: 20px;
    padding-right: 20px;
}

header .container .top-search-holder .contact-row .container-header-above .text-bold a{
    color: #F9F9F9;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
    font-weight: bold;
}

header .container .top-search-holder .contact-row .container-header-above .text-bold a i{
    color: #F9F9F9;
}

@media only screen and (max-width: 767px) {
	.hide-btn {
		display: none !important; 
	 }
}