.header.aviaotel-header {
position: relative;
height: 72px;
 }
 
 .header.aviaotel-header .container {
max-width: 100%;
 }
 
 .header.aviaotel-header .site-versions {
right: 10px;
 }
 
 .header.aviaotel-header .phone-langswitch {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
 }
 
 .header.aviaotel-header .phone {
display: inline-block;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 30px;
color: #000;
text-decoration: none;
position: absolute;
right: 77px;
width: 159px;
outline: none;
top: 50%;
transform: translateY(-50%);
 }
 
 @media (max-width: 657px) {
.header.aviaotel-header .phone {
 display: none;
}
 
 }
 
 .header.aviaotel-header .logo {
display: block;
position: absolute;
left: 50%;
top: 50%;
background-image: url(http://aviaotel.su/img/avialogo.png);
margin: 0;
z-index: 99999;
width: 140px;
height: 40px;
background-position: left center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
transform: translate(-50%, -50%);
 }
 
 .aviaotel-header .menu-button {
display: block;
position: absolute;
z-index: 999;
left: 10px;
bottom: 10px;
width: 50px;
height: 50px;
cursor: pointer;
 }
 
 .aviaotel-header .menu-button .ico {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
width: 30px;
height: 30px;
 }
 
 .aviaotel-header .menu-button .line.l1 {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
 }
 
 .aviaotel-header .menu-button .line.l2 {
width: 30px;
 }
 
 .aviaotel-header .menu-button .line.l3 {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
 }
 
 
 .aviaotel-header .menu-button .line {
display: block;
position: absolute;
right: 0;
top: 50%;
margin: -1px 0 0 0;
width: 30px;
height: 2px;
background: #ff0031;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-ms-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
 }
 
 .open-menu .menu-button .line.l1 {
-webkit-transfrom: rotate(45deg);
-moz-transfrom: rotate(45deg);
-ms-transfrom: rotate(45deg);
transform: rotate(45deg);
 }
 
 .open-menu .menu-button .line.l2 {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
opacity: 0;
 }
 
 .open-menu .menu-button .line.l3 {
-webkit-transfrom: rotate(-45deg);
-moz-transfrom: rotate(-45deg);
-ms-transfrom: rotate(-45deg);
transform: rotate(-45deg);
 }
 
 .open-menu .nav-sidebar {
left: 0;
 }
 
 .nav-sidebar {
display: block;
position: fixed;
z-index: 102;
left: -330px;
top: 72px;
bottom: 0;
margin: 0;
padding: 7px 0 0 0;
width: 330px;
-webkit-transition: left .4s ease;
background-color: #000000e0;
transition: left .4s ease;
 }
 
 .nav-sidebar ul {
display: block;
margin: 30px 50px 50px 45px;
padding: 0;
 }
 
 .nav-sidebar ul li {
display: block;
margin: 12px 0;
padding: 0;
font-size: 13px;
line-height: 20px;
color: #fff;
text-transform: uppercase;
text-align: left;
 }
 
 .nav-sidebar ul li a {
padding: 10px 0;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
color: #a6a6a6;
text-decoration: none;
-webkit-transition: color .4s ease;
transition: color .4s ease;
 }