button.lines-button {
    display: none;
    margin: 0 0;
    padding:0 0;
    border: none;
    background: none;
    position:relative;
    z-index:999999;
}
button.lines-button span {
    display: block;
}
.lines-button {
    padding: 0;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 0.57143rem;    
}
.lines {
    display: inline-block;
    width: 50px;
    height: 7px;    
    transition: 0.3s;
    position: relative;
}
.lines:before, .lines:after {
    display: inline-block;
    width: 50px;
    height: 7px;        
    position: absolute;
    left: 0;
    content: '';
    -webkit-transition: all .3s ease-in-out;	   	     
    transition: all .3s ease-in-out;
    -webkit-transform-origin: 0.28571rem center;
    transform-origin: 0.28571rem center;
}
.lines:before {
    top: 12px;
    background: inherit;
}
.lines:after {
    top: -12px;
    background: inherit;
}

.lines-button.open .lines:before {
    top: 12px;
}
.lines-button.open .lines:after {
    top: -12px;
}
.lines-button.open {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}
.lines-button.x.open .lines {
    background: transparent;
}
.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {    
    top: 0;
    width: 4rem;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.lines-button.x.open .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.open .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

#navigation { float:right; padding:25px 20px 0 0;}
#navigation > ul {}
#navigation > ul > li { float:left; padding-bottom:28px; position:relative;}
#navigation > ul > li + li { margin-left:18px;}
#navigation > ul > li > a { display:block; font-weight:500; font-size:18px; color:#000201;}
#navigation > ul > li:hover > a { color:#0063a8;}
#navigation > ul > li > ul { display:none; position:absolute; left:50%; top:100%; margin-left:0; width:200px; background:#0063a8; padding:20px 0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }

@media only screen and (min-width: 800px) {
    #navigation > ul > li:hover > ul { display:block;}
}
#navigation > ul > li > ul > li {}
#navigation > ul > li > ul > li > a { display:block; font-size:18px; color:#fafafc; padding:5px 18px;}
#navigation > ul > li > ul > li > a:hover { color:#fcba50;}

@media only screen and (max-width: 1150px) {
    button.lines-button { display:block; position:absolute; right:25px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0s ease-in-out; transition:all 0s ease-in-out; }	
    .lines-button.open .lines:before,
    .lines-button.open .lines:after { background:#fff;}
    .lines { background: #0063a8; margin:14px 0;}
    .lines-button.open { position:fixed; top:26px; right:20px; margin:0;}
    button.lines-button span.text { display:block; font-size:17px; line-height:22px; margin-top:-1px; color:#0063a8; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-align:center;}
    button.lines-button.open span.text { display:none;}
	#header .details .contacts{ display: none;}
    #navigation { position:fixed; left:0; top:0; right:0; bottom:0; z-index:99999; display:none; text-align:left;
                  background:rgba(0,99,168,0.95);}
    #navigation > ul { position:absolute; top:50%; left:20px;  min-width:280px; text-align:center; right:20px;
                       -webkit-transform:translate(0,-50%);
                       -ms-transform:translate(0,-50%);
                       transform:translate(0,-50%); }
    #navigation > ul > li { float:none; width:100%; vertical-align:top; padding:0;}
    #navigation > ul > li.submenu::after { display:none;}
    #navigation > ul > li + li { margin:20px 0 0 0;}
    #navigation > ul > li > a { display:inline-block; color:#fff; padding-bottom:0; position:relative; font-size:22px; padding:0 0; vertical-align:top;}
    #navigation > ul > li > a:hover { background:none; color: #fcba50;}
    #navigation > ul > li.submenu > span { width:20px; height:20px; background:url(../images/plus.png) no-repeat 0 2px; display:inline-block; cursor:pointer; margin-left:10px; vertical-align:top; margin-top:3px;}
    #navigation > ul > li.submenu.open > span { background:url(../images/minus.png) no-repeat 0 3px; width:21px; height:20px;}

    #navigation > ul > li:hover > a, #navigation > ul > li.current > a, #navigation > ul > li.section > a  { background:none !important;color: #fcba50;}

    #navigation ul li ul { width:100%; position:static; background:none; padding:0 0; margin-top:10px;  border-bottom:none; background:none;
                           -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
    #navigation ul li ul:before { display:none;}
    #navigation ul li ul li { display:block; position:relative; }
    #navigation ul li ul li a { color:#fff; display:block;}
    #navigation ul li ul li a:hover { background-color:transparent; text-decoration:underline;}
    #navigation ul li ul li ul { position:static;}

    #navigation .close { position:absolute; right:20px; top:20px; display:block;}
    #navigation .close a { color:#fff; font-size:30px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}
}