@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap');


html, body, a, * {
margin:0;
padding:0;
text-decoration:none;
outline:none;
}

body{
background-color:#f4f7f6;
}


@media screen and (min-width:260px) {
.wrapper {
padding-top:90px;
}
}

@media screen and (min-width:960px) {
.wrapper {
padding-top:0px;
padding-left:70px;
}
}

.wrapper {
display: flex;
flex-wrap: wrap;
margin: 20px 20px;
}


.flex-wrapper {
position:relative;
display: flex;
flex-wrap: wrap;
z-index:5;
}

.zi {
position: relative;
z-index: 5;
}

.child {

margin:2.5px;

overflow: hidden;

transition:0.35s;
}

.child-wrapper {
margin: 10px;
overflow: hidden;
display:flex;
flex-direction:column;
}

@media screen and (min-width:260px) {
.child--4{
width: calc(100% - 20px);
}
}

@media screen and (min-width:640px) {
.child--4{
width: calc(50% - 20px);
}
}

@media screen and (min-width:1200px) {
.child--4{
width: calc(50% - 20px);
}
}


@media screen and (min-width:1300px) {
.child--4{
width: calc(25% - 20px);
}
}


.child--4{
/* min-height:600px; */
flex-grow: 1;
overflow:hidden;
position:relative;
z-index:2;
}


.child--4 img {
width:100%;
text-align:center;
}

@media screen and (min-width:260px) {
.child--3{
width: calc(100% - 20px);
}
}

@media screen and (min-width:700px) {
.child--3{
width: calc(50% - 20px);
}
}



@media screen and (min-width:960px) {
.child--3{
width: calc(33.33% - 20px);
}
}


@media screen and (min-width:1300px) {
.child--3{
width: calc(25% - 20px);
}
}

.child--3{
}


@media screen and (min-width:260px) {
.child--1{
/* width: calc(100% - 20px); */
width: calc(100% - 5px);
}
}



@media screen and (min-width:960px) {
.child--1{
/* width: calc(50% - 20px); */
width: calc(50% - 5px);
}
}


.child--1{
overflow:hidden;
position:relative;
z-index:2;
}



.child--2 {

width: calc(100% - 5px);
overflow:hidden;
position:relative;
z-index:2;

}

.child--full {
width: calc(100% - 5px);
}


@media screen and (min-width:260px) {
.child--75{
width: calc(100% - 20px);
}
}



@media screen and (min-width:1000px) {
.child--75{
width: calc(50% - 5px);
}
}

@media screen and (min-width:1300px) {
.child--75{
width: calc(75% - 5px);
}
}


.child--75{
overflow:hidden;
position:relative;
z-index:2;
}



@media screen and (min-width:260px) {
nav{
width:100%;
height:90px;
background:#fff;
}
}


@media screen and (min-width:960px) {
nav{
width:90px;
height:100vh;
background:#f4f7f6;
transition:0.25s;
}
}



@media screen and (min-width:960px) {
nav:hover{
background:rgb(33, 33, 33);
cursor:pointer;
}
}

nav {
display:flex;
position:fixed;
top:0px;
z-index:9000;
margin:0;
padding:0;
}

nav:hover > .hamburger{
/* background:rgb(80, 33, 80); */
color:#fff;
background:#666;
}

nav:hover > .magazine{
/* color:rgb(100, 100, 100); */
color:#999;
}

.logo {
margin-right:auto;
width:270px;
height:49px;
background:url(//food-russia.ru/files/img/logo.png) no-repeat;
outline:none;
}

@media screen and (min-width:260px) {
.logo-nav {
display:flex;
margin:auto 5vw;
}
}

@media screen and (min-width:960px) {
.logo-nav {
display:none;
}
}

.logo-nav {
margin-right:auto;
width:33px;
height:39px;
background:url(//food-russia.ru/files/img/fmgn.png) no-repeat;
outline:none;
}




.logo:hover, .logo-footer:hover {
opacity:0.65;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:350ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;

}

@media screen and (min-width:260px) {
.logo-footer{
/* display:none; */
margin:20px 0 0 0;
}
}

@media screen and (min-width:640px) {
.logo-footer{
/* display:none; */
}
}

@media screen and (min-width:1024px) {
.logo-footer{
/* display:none; */
margin:20px 0 0 0;
}
}

@media screen and (min-width:1300px) {
.logo-footer{
display:block;
float:right;
margin:0;
}
}

.logo-footer {
/* display:flex; */
background:url(//food-russia.ru/files/img/logo.png) no-repeat;
width:270px;
height:49px;
display:block;
outline:none;
}



@media screen and (min-width:260px) {
.right-nav{
display:none;
}
}

@media screen and (min-width:960px) {
.right-nav{
display:block;
/* 	float:right; */
}
}

.right-nav {
margin-left:auto;
width:50%;
height:100px;
text-align:right;
}

.right-nav li{
display:inline-block;

margin:0 0 0 20px;
}

.right-nav li a{
font:600 20px/26px 'Manrope', 'Medium', Arial, sans-serif;
color:#000;
padding-bottom:3px;
}

.right-nav li a:hover{
color:#666;
border-bottom:1px solid #666;
}

@media screen and (min-width:260px) {
.top-menu{
display:none;
}
}

@media screen and (min-width:960px) {
.top-menu{
display:flex;
/* 	float:right; */
}
}

.top-menu{

margin:0 0 100px 0;
}

/* bread */
.breadcrumbs {

margin-right: auto;
/* width: 75%; */
padding:0 0 30px 0;
}

.breadcrumbs ul{
}

.breadcrumbs li {
display:inline-block;
list-style-type:none;
margin:0px;
margin-right:5px;
font:15px/35px Arial, sans-serif;
color:#999;
text-decoration:none;
}
.breadcrumbs li a:hover {
/* background:#fff; */
color:#999;
}

.breadcrumbs li:before {
content: "/";
padding-right:10px;
color:#ccc;
}

.breadcrumbs a  {
color:#111;
text-decoration:none;
outline:none;
/* padding:7px 15px;
border-radius:1px;
border:1px solid #dcdcdc; */
box-sizing: border-box;
}

.breadcrumbs a:hover {
list-style-type: none;
color:#333;
/* background:#f6f9fa; */
box-sizing: border-box;
}

.breadcrumbs li:first-child:before {
content: '';
padding:0;
}

/* bread */


.pagination {
width: calc(100% - 5px);
display:inline-flex;
flex-wrap: wrap;
list-style:none;
}



.pagination li {
margin:7px 5px 0 2.5px;
background:#dde5e6;
border-radius: 2px;
}

.null-tag {
padding:15px 30px;
font: 600 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
color:#707275;
}

.null-tag:hover {
color:#fff;
background:#111;
}

.pagination li a{
display:inline-block;
padding:15px 30px;
font: 600 15px/15px 'Medium', Arial, sans-serif;
color:#707275;
}

.pagination li:hover{
color:#fff;
background:#111;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:350ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
}

.pagination li a:hover{
color:#fff;
}



@media screen and (min-width:260px) {
.magazine{
display:none;
}
}

@media screen and (min-width:960px) {
.magazine{
display:flex;
}
}

.magazine{

font:600 20px/18px 'Manrope', 'Medium', Arial, sans-serif;
left:50%;
color:#111;
letter-spacing: 0.1rem;
position: absolute;
white-space: nowrap;
top:35%;
transform: translate(-100%, -50%) rotate(-90deg);
transform-origin: right center;
transition: all 500ms cubic-bezier(0.6, 0, 0.4, 1) 0s;
}

nav:hover > .magazine:hover{

color:#fff;

transition: all 500ms cubic-bezier(0.6, 0, 0.4, 1) 0s;
}


@media screen and (min-width:260px) {
.hamburger {

right:20px;
color:#111;
background:#fff;
/* margin-top:-20px; */
}
}

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


color:#fff;
background:#111;
/* margin-top:-20px; */
}
}

@media screen and (min-width:960px) {
.hamburger {

left:0px;
bottom:0px;
background:#111;
color:#fff;
}
}

@media screen and (min-width:1600px) {
.hamburger {

left:0px;
bottom:0px;
color:#fff;
background:#111;
}
}

.hamburger {
/* 		display:flex; */
position: absolute;
width:90px;
height:90px;
transition:0.25s;

outline: none;
cursor: pointer;
border:0;
/* 	color: white; */
font:400 45px/45px sans-serif;
    transition: all .5s;
}



@media screen and (min-width:260px) {
nav:hover > .hamburger:hover{
background:#111;
color:#fff;
}
}

@media screen and (min-width:960px) {
nav:hover > .hamburger:hover{
background:#fff;
color:#111;
}
}




@media screen and (min-width:260px) {
.before-headline {
padding:75px 0 0 75px;
}
}

@media screen and (min-width:960px) {
.before-headline {
padding:75px 0 0 75px;
}
}

.before-headline {
margin-right: auto;
position:relative;
font:500 11px/12px Arial, sans-serif;
text-transform:uppercase;
color:#999;
letter-spacing:2px;
transition:0.5s;
z-index:3;
}


.item-link {


}

.item-back {
height: 100%;
width: 100%;
position:absolute;
background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(//fmgn/files/img/333.jpg) no-repeat;
background-size: cover;
background-position: center;
opacity:0;
text-decoration:none;
z-index:1;
transition:0.35s;
}

.inner-wrapper{
position:relative;
z-index:3;
flex-direction:row;
}


.child:hover > .item-description, .child:hover > .item-headline{
opacity:1;
color:#fff;
}


.child:hover > .item-back{
opacity:1;
/* transform: scale(1.1); */
animation:animate 10s linear forwards;
}

@keyframes animate {
0%
{
transform:scale(1);
}

100%
{
transform:scale(1.3);
}
}




.afterhead {
font:600 12px/22px 'Manrope', 'Bold', Arial, sans-serif;
color:#666;
text-transform:uppercase;
letter-spacing:2px;
padding:0 0 25px 0;
}

.afterhead-main {
display:flex;
font:600 12px/22px 'Manrope', 'Bold', Arial, sans-serif;
color:#fff;
text-transform:uppercase;
letter-spacing:2px;
margin:0 0 25px 0;
}


p, .accept-checkbox, .accept-checkbox a {
font:400 15px/24px Arial, sans-serif;
/* color:#fff;	 */
}

.accept-checkbox a:visited {
color:#333;
}

@media screen and (min-width:260px) {
.main  {
flex-direction:column;
padding:100px 25px;
}
}

@media screen and (min-width:1400px) {
.main  {
flex-direction:row;
padding:125px 75px;
}
}

@media screen and (min-width:260px) {
.main-l  {
flex-direction:column;
padding:50px 25px;
}
}

@media screen and (min-width:1400px) {
.main-l {
flex-direction:row;
padding:75px 75px;
}
}



.main, .main-l, .content {
display:flex;
flex-basis:100%;

align-items: stretch;
margin:auto;
}





@media screen and (min-width:260px) {
.left-side  {
flex-basis:100%;
padding:10px 75px 0px 25px;
}
}

@media screen and (min-width:1400px) {
.left-side  {
flex-basis:33%;
/* padding:175px 75px; */
padding:0px;
padding-right:75px;
}
}

@media screen and (min-width:260px) {
.right-side {
flex-basis:100%;
padding:25px 25px 10px 25px;
}
}

@media screen and (min-width:1400px) {
.right-side {
flex-basis:67%;
/* padding:175px 75px; */
padding:0px;
}
}


.left-side {
display:flex;
flex-direction: column;
flex-wrap: nowrap;
/* flex-grow:1; */
}

.left-side{
/*   opacity: 0; */
transition: opacity .5s .25s ease-out;
}

.left-side.is-visible {
opacity: 1;
}



.right-side {
display:flex;
/* flex-grow:1; */
flex-direction: column;
flex-wrap: nowrap;
}

.data-list, .item-list {
width:100%;
padding:0;
list-style:none;
}

.item-list li {
font:400 15px/24px Arial, sans-serif;
padding:10px 0;
color:#666;
border-bottom:1px solid #99999930;
}

.item-list li:last-child {
border:0;
}

.data-list li {
font:400 15px/24px 'Medium', Arial, sans-serif;
color:#666;
padding:14px 0;
border-bottom:1px solid #99999930;
}

.data-list li a  {
font:400 15px/24px 'Medium', Arial, sans-serif;
color:#666;
}

.data-list li a:hover {
color:#111;
position:relative;
}


.data-list li:first-child {
padding:0 0 20px 0;
}

.data-list li:last-child {
border:0;
}

.dark-color {
background:#0f1a27;
}

.dark-back {
background:#131418;
}

.white-back {
background:#fff;
}

.--black {
color:#111;
}

.--dark {
color:#0f1a27;
}

.--white {
color:#fff;
}

.--gray {
color:#666;
}



@media screen and (min-width:260px) {
.about-top {
width:100%;
}
}

@media screen and (min-width:1100px) {
.about-top {
width:60%;
}
}



.about-top {
display:flex;
padding-top:250px;
margin:auto;
}

.about-top img{
text-align:center;
width:100%;
}

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


.nano-box {
min-height:250px;
}

.small-box-2 {
min-height:350px;
}

.small-box {
min-height:400px;
}

.middle-box {
min-height:450px;
}

.hi-box-2 {
min-height:500px;
}

.hi-box {
min-height:550px;
}

.half-vh {
min-height:50vh;
}

.full-vh {
min-height:90vh;
}

.padd {
padding:2.5vw;
}

.marg {
margin:2.5vw;
}

.top-margin {
margin-top:150px;
}

.top-margin-middle {
margin-top:90px;
}

.top-margin-small {
margin-top:30px;
}

.top-padding {
padding-top:30px;
}

.top-padding-2 {
padding-top:75px;
}

.bottom-padding {
padding-bottom:75px;
}

.p-hi{
padding-top:75px;
padding-bottom:75px;
}

.p-mid{
padding-top:50px;
padding-bottom:50px;
}

.bottom-padding-zero {
padding-bottom:0px;
margin-bottom:10px;
}


.bottom {
width:100%;
margin-left: auto;
margin-top: auto;
}

.bottomr {
width:100%;
margin-right: auto;
margin-top: auto;
}

.flex {
display:flex;
}

.flex-direction {
display: flex;
flex-direction: column;
}


h1 {
font:600 42px/50px 'Manrope', 'Bold', Arial, sans-serif;
/* letter-spacing:-0.25px; */
position:relative;
padding:0 0 25px 0;
}


@media screen and (min-width:320px) {
h2{
font: 600 32px/40px  'Manrope', 'Medium', Arial, sans-serif;
}
}

@media screen and (min-width:960px) {
h2{
font: 600 40px/46px 'Manrope', 'Medium', Arial, sans-serif;
}
}

h2 {
padding:0 0 30px 0;
}

h3 {
font: 600 36px/42px 'Manrope', 'Medium', Arial, sans-serif;
padding:0 0 20px 0;
}

h4 {
font: 600 30px/36px 'Manrope', 'Medium', Arial, sans-serif;
padding:0 0 20px 0;
}

h5 {
font: 600 20px/28px  'Manrope', 'Bold', Arial, sans-serif;
padding:0 0 20px 0;
}

h6 {
font: 700 18px/26px 'Manrope', 'Bold', Arial, sans-serif;
padding:0 0 20px 0;
}

.-bold{
font:600 20px/30px 'Manrope', Arial, sans-serif;
}

.-blockquote{
font:600 20px/32px 'Manrope', Arial, sans-serif;
padding-bottom:35px
}

.alter-p {
font: 400 15px/24px Arial, sans-serif;
}


.link-wrapper{
padding:0 0 20px 0;
}

.span-- {
display:inline;
font: 600 28px/34px 'Manrope', 'Medium', Arial, sans-serif;
/* 	padding:0 0 20px 0; */
border-bottom: 1px solid rgba(0,0,0,0);
transition: all .3s;
}

.span--- {
display:inline;
font: 700 20px/26px 'Manrope', 'Bold', Arial, sans-serif;
border-bottom: 1px solid rgba(0,0,0,0);
transition: all .3s;
}



.tag-line, .tag-opacity, .tag-right {

display:inline-flex;
flex-wrap: wrap;
list-style:none;
}


@media screen and (min-width:260px) {
.tag-right {
/* margin-right:auto; */
float:left;
}
}

@media screen and (min-width:480px) {
.tag-right {
/* margin-right:auto; */
float:left;
}
}

@media screen and (min-width:1100px) {
.tag-right{
/* margin-left:auto; */
float:right;
flex-direction: row-reverse;
}
}

.tag-right {
/* margin-left:auto; */
/* float:right; */
}

.tag-line li, .tag-right li{

margin:7px 7px 0 0;
background:#dde5e6;
border-radius:2px;
}

.tag-line li a, .tag-right li a{
display:inline-block;
padding:15px 30px;
font: 600 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
color:#707275;
}

.tag-line li:hover, .tag-right li:hover{
color:#fff;
background:#111;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:350ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
}

.tag-line li a:hover, .tag-right li a:hover{
color:#fff;
}

.tag-opacity li{
font: 600 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
color:#fff;
padding:15px 30px;
margin:7px 7px 0 0;
background:#ffffff4f;
border-radius:2px;
}

.tag-opacity li:hover{
background:#ffffff85;
}

.news-list {
width:100%;
list-style:none;
}

.news-list li{
font:600 18px/24px 'Manrope', 'Medium', Arial, sans-serif;
padding:20px 0 25px 0;
color:#111;
border-bottom:1px solid #99999930;
}

.news-list li:first-child {
font:600 18px/24px 'Manrope', 'Medium', Arial, sans-serif;
padding:0 0 25px 0;
color:#111;
border-bottom:1px solid #99999930;
}

.news-date {
display:block;
width:100%;
font:400 13px/24px 'Manrope', 'Medium', Arial, sans-serif;
padding:0 0 8px 0;
color:#999;
}


.news-list li a:visited {
color:#111;
}

.news-list li:last-child {
border:0px;
}

.news-list li:hover{
color:#666;
}

.news-list li a {

}

.news-list li a:hover  {
color:#666;
}



.wrapper__video{
object-fit: cover;
width: 100%;
height: 100%;
}

.views {
font:600 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
padding: 14px 30px;
background-color:#111;
color:#fff;
border-radius: 2px;
}

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



.aaaa{
width: 100%;
height: 100%;
background:red;
}

.fff {
width:100%;
display:flex;
height:100%;

cursor: move;
cursor: -webkit-grab;
cursor: grab;
}

.torr{
position:absolute;
top:75px;
left:75px;
font: 500 36px/50px 'PT Serif Caption', sans-serif;
letter-spacing: -0.25px;
color:#0f1a27;
width:100%;

margin-top:auto;


}



/* =---------------------------------------------------------------------------- */

@media screen and (min-width:260px) {
.social-list    {
padding:50px 0;
text-align:left;
margin-left:0;
}
}

@media screen and (min-width:640px) {
.social-list  {
padding:50px 0;
text-align:left;

}
}

@media screen and (min-width:1024px) {
.social-list{
text-align:left;
padding:50px 0;
}
}


@media screen and (min-width:1300px) {
.social-list  {
padding:180px 0 0 0;
text-align:right;

}
}

@media screen and (min-width:260px) {
.social-list li{
margin-right:20px;
text-align:left;
}
}

@media screen and (min-width:640px) {
.social-list li{
margin-right:20px;

}
}

@media screen and (min-width:1300px) {
.social-list li{
margin-left:0px;
}
}

@media screen and (min-width:1300px) {
.social-list li:last-child{
margin-right:0px;
}
}


.social {
display:flex;
width:100%;

}

.social-list{
list-style:none;
width:100%;

}

.social-list li{
display: inline-block;
list-style-type: none;
font:500 15px/24px 'Manrope', 'Medium', Arial, sans-serif;
/* color:#111; */
}

.social-list li a{
color:#111;
/* padding:15px 20px; */
}



.social-list li a:visited{
color:#111;
}

.social-list li a:hover{
color:#6a7695;
}

#slides {

width: 100%;
height: 100%;
white-space: nowrap;
font-size:0px;
transform: translateX(0);
}

.slide {
width:100%;
height: 100%;
display: inline-block;
padding:0;
background-size: cover;
background-position: left;
background-color: #cccccc;
}

.

.slide {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}

.animate {
transition: all .5s ease-out;
}

.slide:nth-child(1) {background:pink;}
.slide:nth-child(2) {background:yellow;}
.slide:nth-child(3) {background:blue;}
.slide:nth-child(4) {background:coral;}
.slide:nth-child(5) {background:lightblue;}




.gallery {
background: #EEE;
}

.gallery-cell {
display:flex;
width:100%;
height:600px;
margin-right: 10px;
background: #cccccc50;


}

/* cell number */
.gallery-cell:before {
display: block;
text-align: center;
/*   content: counter(gallery-cell); */
line-height: 200px;
font-size: 80px;
color: white;
}

/*! Flickity v1.0.0

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

.flickity-enabled {
position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}

.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: hsla(0, 0%, 100%, 0.0);
cursor: pointer;
/* vertically center */
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: #ffffff20; }

.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #ffffff20;
}

.flickity-prev-next-button:active {
filter: alpha(opacity=20); /* IE8 */
opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}

.flickity-prev-next-button:disabled {
filter: alpha(opacity=30); /* IE8 */
opacity: 0.3;
cursor: auto;
}

.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}

.flickity-prev-next-button .arrow {
fill: #fff;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
color: #333;
font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
filter: alpha(opacity=25); /* IE8 */
opacity: 0.25;
cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100); /* IE8 */
opacity: 1;
}

/* ----------------themes-------------- */

.light-theme {
--h1: red;
--item-link: #fff;
--item-link-hover: #9e6817;
--item-meta: #fff;
--item-title: #fff;
--item-subtitle: #fff;
--item-text: #fff;
}


/* -----footer----- */
footer {
display:flex;
margin:2.5px;
/* width: calc(100% - 20px); */
width: calc(100% - 5px);
min-height:500px;
background:#fff;
}

.footer-box {
display:flex;
width:100%;
flex-wrap: wrap;
margin:2.5vw;
padding:30px 0;
/* 		flex-direction:column; */
}

.footer-column {
margin-right: 20px;
/*   min-height:550px; */
/*   overflow: hidden; */
/*   display:flex; */
/* flex-direction:column; */
transition:0.35s;
}

.footer-column:last-child {
margin-right:0px;

}

.footer-list {
width:100%;
padding:0 0 20px 0;
list-style:none;
}

.footer-list li{
display:inline-block;
width:100%;
font:500 15px/15px Arial, sans-serif;
padding:0 0 22px 0;
}

.footer-list li a{
color:#666;
text-decoration:none;
}

.footer-list li a:hover{
color:#333;
}

.notification{
padding:5px 9px;
margin:0 0 0 5px;
background:#111;
font:400 12px/12px '', Arial, sans-serif;
color:#fff;
}

.column-big, .column-big-dark {
width:100%;
padding:0 0 35px 0;
list-style:none;
}

.column-big li, .column-big-dark li{
display:inline-block;
width:100%;
font:600 25px/30px 'Manrope', 'Medium', Arial, sans-serif;
padding:0 0 15px 0;
}

.column-big li a, .column-big-dark li a{
color:#6a7695;
text-decoration:none;
}

.column-big-dark li a{
color:#111;
text-decoration:none;
}

.column-big li a:hover{
color:#111;
}

.column-big-dark li a:hover{
color:#666;
}

.w100{
display:flex;
margin:10px 0;
width:100%;
}

.copyline{
display:flex;
padding:30px 0 0 0;
/* margin:30px 0 0 0; */
width:100%;
color:#999;
font:400 15px/24px Arial, sans-serif;
border-top:1px solid #99999930;
}

.align-center {
text-align:center;
}

.align-rigth {
text-align:right;
}
/* -----footer----- */

.--pic-b {
background:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.05)),
url(//food-russia.ru/files/img/pic-horeca.jpg);
background-size: cover;
background-position: center;
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
transition: background 1s ease-out;
background-attachment: fixed;
}

.--pic-group {
background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.25)),
url(//food-russia.ru/files/img/food-group.jpg);
background-size: cover;
background-position: center;
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
transition: background 1s ease-out;
background-attachment: fixed;
}

.--pic-map {
background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.25)),
url(//food-russia.ru/files/img/map-russia.jpg);
background-size: cover;
background-position: center;
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
transition: background 1s ease-out;
background-attachment: fixed;
}

.pic-back {
position:absolute;
height: 100%;
width: 100%;
top:0;
background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url(//food-russia.ru/files/img/mount.jpg);




background-size: cover;
background-position: center;
text-decoration: none;
z-index: 1;
transform: scale(1.0);
transition: all 1.5s ease;
}


.pic-back-2 {
position:absolute;
height: 100%;
width: 100%;
top:0;
background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(//food-russia.ru/files/img/111.jpg);
background-size: cover;
background-position: center;
text-decoration: none;
z-index: 1;
transform: scale(1.0);
transition: all 1.5s ease;
}

.pic-back-3 {
position:absolute;
height: 100%;
width: 100%;
top:0;
background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(https://images.pexels.com/photos/4108271/pexels-photo-4108271.jpeg);
background-size: cover;
background-position: center;
text-decoration: none;
z-index: 1;
transform: scale(1.0);
transition: all 1.5s ease;
}

.pic-back-4 {
position:absolute;
height: 100%;
width: 100%;
top:0;
background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(https://images.pexels.com/photos/1509582/pexels-photo-1509582.jpeg);
background-size: cover;
background-position: center;
text-decoration: none;
z-index: 1;
transform: scale(1.0);
transition: all 1.5s ease;
}

.pic-order {
position:absolute;
height: 100%;
width: 100%;
top:0;
background:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.15)),
url(//food-russia.ru/files/img/order.jpg);
background-size: cover;
background-position: center;
text-decoration: none;
z-index: 1;
transform: scale(1.0);
transition: all 1.5s ease;
}

.child:hover > .pic-back{
transform: scale(1.07);
}

.child:hover > .pic-back-2, .child:hover > .pic-back-3, .child:hover > .pic-back-4 {
transform: scale(1.07);
}



.pic-mag {
text-align: center;
width: 100%;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-in;
-moz-transition-duration: 250ms;
}

.pic-mag img{
margin:17.5% 17.5% 5% 17.5%;
width:65%;
border-radius:1px;
overflow-y: hidden;
outline:none;
-webkit-box-shadow: 10px 10px 40px 0px rgba(68, 66, 92, 0.55);
-moz-box-shadow: 10px 10px 40px 0px rgba(68, 66, 92, 0.55);
box-shadow: 10px 10px 40px 0px rgba(68, 66, 92, 0.55);
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
border-radius:2px;
}


.child:hover >.pic-mag{
-webkit-transform: scale(1.015,1.015);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:3500ms;
-moz-transform: scale(1.015,1.015);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 3500ms;
}

.child:hover >.pic-mag img{
-webkit-box-shadow: 25px 40px 131px -38px rgba(68,66,92,0.6);
-moz-box-shadow: 25px 40px 131px -38px rgba(68,66,92,0.6);
box-shadow: 25px 40px 131px -38px rgba(68,66,92,0.6);
-webkit-transform: scale(1.05,1.05);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:350ms;
-moz-transform: scale(1.05,1.05);
-moz-transition-timing-function: ease-out;
-moz-transition-duration:350ms;
}



h3{

}

@media screen and (min-width:260px) {
.show   {
display:none;
}
}

@media screen and (min-width:1100px) {
.show   {
display:flex;
}
}



.child:hover > .content-box > .bottom > h3 {
/* 	color:#0060a0; */
text-decoration:underline;
}

.child:hover > .content-box > h5 {
color:#555;
}

.child:hover > .content-box > p {
}


.child:hover > .content-box > h3{
text-decoration:underline;
/* 	color:#0060a0; */
}

.child:hover > .content-box > .link-wrapper > .span--{
/* background:rgba(20,20,20, 0.1); */
border-bottom: 1px solid currentColor;

}

.child:hover > .content-box > .bottom > .link-wrapper > .span--{
border-bottom: 1px solid currentColor;
}

.child:hover > .content-box > .bottom > .link-wrapper > .span---{
border-bottom: 1px solid currentColor;
}

.child:hover > .content-box > .link-wrapper > .span---{
/* 	display:inline;
padding:0;
border-bottom: 1px solid currentColor; */
/* text-decoration:underline; */
border-bottom: 1px solid currentColor;
}

.child:hover > .main > .left-side > .link-wrapper > .span--{
border-bottom: 1px solid currentColor;
}

.child:hover > .main-l > .left-side > .link-wrapper > .span--{
border-bottom: 1px solid currentColor;
}



.span-- a:visited {
color:#666;
}

.mag-desc {
/*     float: left; */
text-align: center;
width: 100%;
padding:15px 25px 0 25px;
font: 700 15px/26px 'Manrope', 'Bold', Arial, sans-serif;
/*     color: #333; */
box-sizing: border-box;
}

.mag-btn {

display:inline-flex;
font:600 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
margin:20px auto 50px auto;
padding:15px 30px;
background:#fff;
color: #333;
}



.child:hover > .mag-btn {
color: #fff;
background:#111;
}


.des-box {
display: flex;
align-items: center;
}

.logo-description {

margin:0 15px 0 0;

}

.logo-description img {
width:45px;
height:45px;
border-radius:25px;
}

.brand-name {
font: 500 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
margin:0 10px 0 0;
}


.btn-global {
display:flex;
font:500 15px/15px Arial, sans-serif;
margin-right:auto;
padding:15px 30px;
background:#fff;
color: #333;
}

.btn-link {
display:flex;
font:500 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
padding:20px 30px;
background:#111;
color: #fff;
text-decoration:none;
margin:30px auto 75px auto;
}

.btn-ib {
display:inline-block;
font:500 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
padding:20px 30px;
/* background:#111; */
color: #111;
text-decoration:none;
/* 			margin:30px auto 75px auto; */
transition:all .3s;
}

.child:hover > .content-box > .bottom > .btn-ib {
color:#fff;
background:#111;
}

.btn-global:hover, .btn-link:hover {
color:#fff;
background:#333;
}

li a.a-block:visited {
color:#fff;
}

.a-block {
display:inline-block;
margin:15px 0 0 0;
font:500 15px/15px 'Manrope', 'Medium', Arial, sans-serif;
padding:20px 30px;
background:#111;
color: #fff;
text-decoration:none;

-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:350ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
}

.a-block:hover {
color:#fff;
background:#333;

}

.view-btn {
	display:inline-flex;
	font: 400 15px/24px 'Manrope', Arial, sans-serif;
	padding:15px 35px;
	margin-top:auto;
	margin-right:auto;
	margin-left:0px;
	margin-bottom:25px;
	text-decoration:none;
		background:#111;
		color:#fff;
text-decoration:none;

-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:350ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
}

.view-btn:hover {
color:#fff;
background:#333;

}




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

@media screen and (min-width:1100px) {
.sides  {
flex-direction:row;
}
}

.sides  {
display:flex;
flex-basis:100%;

}

.side-- img{
width:100%;
height:450px;
object-fit: cover;
}

.side--{
margin: 2.5vw;
padding: 2.5vw;
}



@media screen and (min-width:260px) {
.side-- {
display:flex;
flex-basis:100%;
flex-direction:column;
}
}

@media screen and (min-width:480px) {
.side-- {
display:flex;
flex-basis:100%;
flex-direction:column;
}
}

@media screen and (min-width:1100px) {
.side-- {
display:flex;
flex-basis:50%;
margin:auto 0;
}
}

.side---{
/*     margin: 2.5vw;
padding: 2.5vw; */
}


@media screen and (min-width:260px) {
.side--- {
display:flex;
flex-basis:100%;
flex-direction:column;
margin:2.5vw;
padding: 2.5vw;
}
}

@media screen and (min-width:480px) {
.side--- {
display:flex;
flex-basis:100%;
flex-direction:column;
margin:0;
padding:1.25vw 2.5vw;
}
}

@media screen and (min-width:1100px) {
.side--- {
display:flex;
flex-basis:50%;
margin:0;
/* 	 margin: 2.5vw; */
padding: 2.5vw;
}
}


.quote {
float:left;
margin:50px 0 0 0;
width:100%;

}

.quote img{
width:100%;
max-width:350px;
}

@media screen and (min-width:260px) {
.quote img {
display:none;
}
}

@media screen and (min-width:1310px) {
.quote img {
display:inline;
}
}

img {
width:100%;
}


.back-material {
position:absolute;
height: 100%;
width: 100%;
top:0;
background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url(//food-russia.ru/files/img/mount.jpg);


background-size: cover;
background-position: center;

text-decoration: none;
z-index: 1;

}




.zero {
padding:0;
margin:0;
}

.default {
margin: 2.5vw;
padding: 2.5vw;
}


.logo-company {
width:200px;
height:100px;
margin-bottom:30px;
background:red;
}

.lock {
width:16px;
height:16px;
margin-bottom:50px;
/* background-image:url(//food-russia.ru/files/img/lock.svg) center; */
/* background:red; */
background-size:100%;
}


/* -------------new---header--------------- */
@media screen and (min-width:260px) {
.wrapper-header {
/* padding-top:90px; */
}
}

@media screen and (min-width:960px) {
.wrapper-header {
padding-top:0px;
padding-left:70px;
}
}

.wrapper-header {
display: flex;
flex-wrap: wrap;
margin:0 20px;
}

@media screen and (min-width:260px) {
.header-menu{
display:none;
}
}

@media screen and (min-width:960px) {
.header-menu{
display:flex;
/* 	float:right; */
}
}

.header-menu{
margin:0 0 100px 0;
}


.hide {
    opacity:0;
   
}
.show {
    opacity:1;
  
}

.img100{
width:100%;
max-height:500px;
}
.img100 img{
  object-fit: cover;
  height:100%;
}

.wine-banner{
position:absolute;
height: 100%;
width: 100%;
top:0;
background:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2)),
url(//food-russia.ru/files/temp/wine.jpg);
background-size: cover;
background-position: center;
text-decoration: none;
z-index: 1;
transform: scale(1.0);
transition: all 1.5s ease;
}

.body-content__rollig-text {
white-space: nowrap;
font:400 50px/50px 'Manrope', serif;
}
.rolling-text__text {
display: inline-block;
}