@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic&subset=latin,cyrillic);
.outer_hat {
    background: #fff;
}

.inner{
max-width: 1146px;
margin: 0 auto;
font-family: 'Roboto', sans-serif, Tahoma, Arial;
}


.logo{
  display: block;
  height: 73px;
  min-width: 70px;
  padding: 27px 0 0 70px;
  float: left;
  color: #212121;
  font-size: 13px;
  background: url('../img/logo_r1.png') no-repeat left center;
}

.logo_title{
  margin-bottom: 5px;
  font-family: Arial, Tahoma;
  font-size: 25px;
  color: #000;
  font-weight: normal;
}

.logo_title span{
  color: #549ecb;
}


.hat_container{
  float: right;
  padding-top: 0px;
  margin-left: 0px;
}

.hat_subcontainer{
  float: right;
  top: 0px;
}

.hat_contacts_link,
.hat_email,
.hat_phone{
  float: left;
  padding-top: 25px;
}

.hat .block_header{
    display: none;
}

.hat_contacts_link{
  
}

.hat_contacts_link a{
  display: block;
  padding-bottom: 5px;
  
  text-transform: uppercase;
  font-size: 12px;
  color: #ee3647;
  
  background: url('../img/red_dash.png') repeat-x bottom;
}

.hat_email{
  padding-left: 25px;
  padding-bottom: 25px;
  margin-left: 40px;
  color: #727272;
  text-decoration: none;
  font-size: 13px;
  background: url('../img/mail_icon.png') no-repeat left center;
  font-family: 'Roboto', sans-serif, Tahoma, Arial;
}

.hat_phone{
  padding-left: 25px;
  padding-bottom: 25px;
  margin-left: 40px;
  
  color: #727272;
  font-size: 14px;
  
  background: url('../img/phone_icon.png') no-repeat left center;
}


.hat_menu{
  float: right;
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: none;
  top: auto;
}

.hat_menu > li{
  display: inline-block;
  margin: 0;
  padding: 0;
  
  list-style-type: none;
}

.hat_menu > li > a{
  display: block;
  padding: 0 16px 0 19px;
  font-size: 15px;
  text-decoration: underline !important;
  color: #51b8f2;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: underline !important;
  background: url('../img/red_square.png') no-repeat left center;
}

.hat_menu > li > a:hover{
  text-decoration: none !important;
}

.hat_menu > li > a > span {
    border-bottom: none;
    position: relative;
    display: inline;
    padding-bottom: 0px;
}

.hat_menu > li > a:hover > span {
    border-bottom: none;
}

.hat_menu > li:first-child > a{
  background: none;
}

.hat_menu > li:last-child > a{
  padding-right: 0;
}

@media screen and (max-width: 1170px)  {
	
.inner{
	max-width: 98%;
	margin: 0 auto;
}

.hat{
	padding: 20px 0;
}

.logo{
	margin: 0 auto 20px auto;
	float: none;
	padding: 15px 0 0 83px;
	max-width: 290px;
	box-sizing: border-box;
}

.hat_container{
	float: none;
	width: auto;
}

.hat_subcontainer{
	float: none;
	font-size: 0;
	text-align: center;
	width: auto;
}

.hat_contacts_link,
.hat_email,
.hat_phone{
  padding-top: 0;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0;
  float: none;
  margin-bottom: 10px;
}

.hat_menu{
	float: none;
	text-align: center;
}


.contacts_section {
    padding: 60px 0 20px 0;
    text-align: center;
}

.email,
.adress,
.contacts_section .phone{
	margin: 0 20px 40px 20px;
}

}


@media screen and (max-width: 800px) {
	
.hat_menu_link{
	padding: 5px 16px 5px 19px !important;
}

.hat_menu > li:first-child > a {
    background: url(../img/red_square.png) no-repeat left center;}
}


@media screen and (max-width: 700px) {
.email,
.adress,
.contacts_section .phone{
	width: 280px;
}

.hat_menu {
    display: none;
}
	#mob_menu_opener {
		display: block;
		cursor: pointer;
		padding: 10px;
		text-transform: uppercase;
		font-weight: bold;
		color: #000;
		text-align: center;
		position: static;
		background: #fff;
		width: auto;
		height: auto;
	}

	#mob_menu_opener img {
		width: 15px;
		margin-right: 5px;
	}

}


@media screen and (max-width: 500px) {

.email,
.adress,
.contacts_section .phone{
	display: block;
	margin: 0 auto 40px auto;
	width: 280px;
}
.hat_contacts_link{
	display: block;
	text-align: center;
	margin: 0 auto 20px auto;
}

.hat_email{
	display: block;
	margin: 0 auto 20px auto;
	max-width: 180px;
	box-sizing: border-box;
}

.hat_contacts_link a{
	display: inline-block;
}

.hat_phone{
	margin-left: 0;
	margin-bottom: 20px;
}

}