/* header{
width:100%;
}

nav {
width:100%;
position:fixed;
top:0px;
padding:0px;
background:#fff;
left:0;
right:0;
z-index:100;
box-shadow: 1px 6px 4px -5px rgba(0, 0, 0, 0.3);
}

.logo {
}

@media screen and (min-width: 1px) and (max-width: 540px) {
.logo a  {
width:50px;
height:96px;
background:url(../../service/img/icons.png) no-repeat;
background-position:-256px -260px;
}
}

@media screen and (min-width: 541px){
.logo a  {
width:200px;
height:96px;
background:url(../../service/img/icons.png) no-repeat;
background-position:-43px -260px;
}
}

.logo a{
float:left;
outline:none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}


@media screen and (min-width: 1px) and (max-width: 540px) {
.logo a:hover  {
background:url(../../service/img/icons.png) no-repeat;
background-position:-256px -164px;
}
}

@media screen and (min-width: 541px){
.logo a:hover  {
background:url(../../service/img/icons.png) no-repeat;
background-position:-43px -164px;
}
}



.logo a:hover{
opacity:0.82;
outline:none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
} */

#hamburger{
/* float:right;
background:url(../../service/img/icons.png) no-repeat;
background-position:-72px -586px;
width:70px;
height:96px; */
outline:none;
cursor:pointer;
}

.showmenu a{
/* link_class_for_JS */
}

#hamburger:hover{
/* opacity:0.7; */

/* transition: all 0.3s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out; */
}


/* ---------------------------------------------- */

@media screen and (min-width:260px) {
/* a */.btn-closer{
		right:20px;
		width:90px;
height:90px;
				color:#999;
}
}

@media screen and (min-width:960px) {
/* a */.btn-closer {
width:0px;
	left:0px;
					height:100vh;
				color:#999;
/* 	bottom:50px; */
}
}

@media screen and (min-width:1600px) {
/* a */.btn-closer{
/* right:25%; */
	left:0px;
					height:100vh;
				background:#efefef;
				color:#999;
/* 	bottom:50px; */
}
}

/* a */.btn-closer {
position:absolute;
/* top:5%; */

/* 	background: url(//fr/files/img/ui.png) no-repeat 0px -274px; */
width:90px;
/* height:90px; */

outline:none;
cursor:pointer;
z-index:9999;
/* background: url(//food-russia.ru/files/img/ui.png) no-repeat -305px 0px; */
/* background:red; */
border:0px;
		cursor:pointer;
/* 	 transition: 0.05s; */
font:500 50px/50px 'Medium', Arial, sans-serif;
}



.closer /* a */{
/* link_class_for_JS */
}

/* a */.btn-closer:hover{
/* background: url(//food-russia.ru/files/img/ui.png) no-repeat -305px -58px; */
		cursor:pointer;
width:90px;
height:90px;
/* 	 transition: 0.12s;
transition: all 0.3s ease-in-out; */
}

@media screen and (min-width:260px) {
.btn-closer:hover{

/* background: url(//food-russia.ru/files/img/ui.png) no-repeat -305px -58px; */
background:#333;
		cursor:pointer;
}
}

@media screen and (min-width:960px) {
.btn-closer:hover {
background:#111;
height:100vh;
/* 	bottom:50px; */
}
}

@media screen and (min-width:1600px) {
.btn-closer:hover{
/* right:25%; */
background:#111;
color:#fff;
height:100vh;
/* 	bottom:50px; */
}
}


/* -----------------------------overlay------------------------- */

@media screen and (min-width: 1px) and (max-width: 1340px) {
.overlay-column {
width:40%;
}
}

@media screen and (min-width: 1341px) and (max-width: 1680px) {
.overlay-column  {
width:35%;
}
}

@media screen and (min-width: 1681px) /* and (max-width: 4096px)  */{
.overlay-column  {
width:25%;
}
}

@media screen and (min-width: 1px) and (max-width: 1340px) {
.wrapper-overlay {
width:65%;
}
}

@media screen and (min-width: 1341px) and (max-width: 1680px) {
.wrapper-overlay  {
width:75%;
}
}

@media screen and (min-width: 1681px) /* and (max-width: 4096px) */ {
.wrapper-overlay  {
width:80%;
}
}

/* .overlay {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
} */

@media screen and (min-width:260px) {
.content-box-nav {
	flex-direction:column;
}
}

@media screen and (min-width:1200px) {
.content-box-nav{
	flex-direction:row;
}
}

.content-box-nav {
/* 	width:100%; */
	display:flex;
	margin:10vw;
/* 	  flex-wrap: wrap; */
/* 	min-height:35vh; */
/* 		flex-direction:column; */
/* 		box-sizing:border-box; */
  overflow: hidden;
}

.overlay {
position:fixed;
margin:0 auto;
    width:100%;
    max-width: 100%;
/* height:100vh; */
/* padding:0 0 5% 0; */
/* background:#fff; */
z-index:9001;
/* overflow:auto; */
/* height:100vh; */
height:100vh;
top:0px;
left:0px;
	opacity:0;
	visibility: hidden;
/* 	-webkit-transition: opacity 0.55s, visibility 0s 0.55s;
	transition: opacity 0.55s, visibility 0s 0.55s; */
	    transition: all linear .3s;
    -o-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
	background:#fff;
}

.overlay.open {
display:block;
opacity: 1;
visibility: visible;
/* left:0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s; */
left:0px;
top:0px;
    transition: all linear .3s;
    -o-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
}

.closer {
float:right;

}

.wrapper-overlay {
margin:0;
float:left;
}

.wrapper-overlay{
}

.overlay-column {
float:left;
margin:0 0 0 5%;
}

.federal-column {
float:left;
width:100%;
color:#0087D4;
padding:0 0 5% 0;
}

.federal-id {
font:500 20px/36px 'Bold', Arial, sans-serif;
padding:0 0 10px 0;
}

.federal-list {
padding:0px;
}

.federal-list ul{
width:100%;
}

.federal-list li {
font:400 14px/30px Arial, sans-serif;
color:#fff;
padding:8px 0 8px 24px;
border-bottom:1px solid rgba(255, 255, 255, 0.09);
text-decoration:none;
list-style:none;
}

.federal-list li:hover {
color:#73fdff;
background:#1265cc;
}


@media screen and (min-width: 1px) and (max-width:1023px) {
.nav-about {
display:none;
}
}

@media screen and (min-width:1024px) /* and (max-width:9999px) */ {
.nav-about  {
display:inline;
}
}

.nav-about {
float:left;
color:#0068B3;
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}

ul.nav-about {
padding:37px 0 0 35px;
margin:0;
}


ul.nav-about li {
display:inline;
list-style-type: none; /* Убираем маркеры у списка */
padding:0px; /* Убираем поля */
margin:0 15px 0 0;
font:500 13px/16px 'Bold', Arial, sans-serif;
text-transform:uppercase;
text-decoration:none;
-webkit-font-smoothing:antialiased;
-webkit-transition: all .20s ease-in;
-moz-transition: all .20s ease-in;
transition: all .20s ease-in;
}

ul.nav-about li a {
text-decoration:none;
}

ul.nav-about li a:visited {
color:#0068B3;
}

ul.nav-about a {
margin:20px;
padding:0 0 3px 0;
border-bottom:2px solid #fff;
outline:none;
-webkit-font-smoothing:antialiased;
-webkit-transition: all .05s ease-out;
-moz-transition: all .05s ease-out;
transition: all .05s ease-out;
}

.nav-about a:hover {
color:#0068b3;
border-bottom:2px solid #0068b3;
cursor:pointer;
}

.nav-about li:first-child:before {
content: '';
}

@media screen and (min-width: 1px) and (max-width:1024px) {
.nav-column, .nav-column-gray {
width:100%;
height:100vh;
/* height:450px; */
}
}

@media screen and (min-width: 1px) and (max-width:1024px) {
.nav-column-blue {
width:100%;
height:100vh;
/* margin:96px 0 0 0; */
}
}


@media screen and (min-width:1025px) /* and (max-width:9999px)  */{
.nav-column, .nav-column-gray, .nav-column-blue  {
width:50%;
height:100%;
}
}

.nav-column, .nav-column-gray, .nav-column-blue{
float:left;
padding: 10%;
font:400 24px/30px 'Bold', Arial, sans-serif;
box-sizing:border-box;
}

.nav-column:hover {
background:#fbfcfd;
}

.nav-column-blue {
background:#0053b9;
}

.nav-column-blue ul{
padding:0;
margin:0;
}

.nav-column-blue li, .nav-column-blue a{
padding:14px 0;
text-decoration:none;
list-style:none;
color:#3aefff;
}

.nav-column-blue a:hover{
color:#fff;
}

.nav-headline-blue, .nav-headline, .nav-headline-gray {
font:400 26px/28px 'Bold', Arial, sans-serif;
padding:20px 0;
letter-spacing:-1px
}

.nav-headline-gray {
color:#475A6D;
}

.nav-headline-blue {
color:#fff;
}

.nav-column ul, .nav-column-gray ul {
padding:0;
margin:0;
}

.nav-column li, .nav-column li a, .nav-column-gray li, .nav-column-gray li a{
padding:14px 0;
text-decoration:none;
list-style:none;
color:#0087D4;
text-decoration:none;
}

.nav-column li a:hover, .nav-column-gray li a:hover{
color:#025db8;
}

.nav-headline {
color:#475A6D;
}