/* Enter Your Custom CSS Here*/
span {
color: #a40d0d
}

.responsive-menu-button {
float: right; 
right: 0px;
  width:100%;
}

.header-contacts {
padding: 0px 0px 0px;
margin-right: 0px;
display: flex;
align-items: center;
height:100px;
}
.header-contacts a{
padding: 0px 0px 0px;
}
.header-contacts i{
margin-right: 1px;
}
.logo{
    display: block;
    width: 100%;
}

.bg-logo{
  display: block;
  width: 100%;
  height: 64px;
  top: -58px;
  }

@media screen and (min-width: 767px) {
  .bg-logo{top: -65px;}
}
@media screen and (min-width: 992px) {
   .bg-logo{top: -85px;}
}
@media screen and (min-width: 1200px) {
    .bg-logo{top: -85px;}
}

@media screen and (max-width: 1199px) {
  .hideatmedium{display:none;}
}
	
@media screen and (min-width:1200px) {
  .hideatmedium { display:inline-block; }


.contacts-top-menu{
display: inline-block;
margin-right:0px;
}
.fa {
margin-right: 0px;
}

  #responsive-menu-button{
   height: 100%;
  }


  .search-form {
	position: relative;
	right: 20px;
	top: 1px;
}
  .search-form input{
  padding-right: 30px; 
   
  }
  .search-form i {
     position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
  }

.search-field {
	background-color: transparent;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus {
	background-color: #fff;
	border: 2px solid black;
	cursor: text;
	outline: 0;
	width: 230px;
}

.search-submit {
  display: none;
}